feat: add default theme to sdk (#577)

raystack · Apr 8, 2024 · b565f6b · b565f6b
1 parent 3892961
commit b565f6b
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/sdks/js/packages/core/react/components/organization/profile.tsx b/sdks/js/packages/core/react/components/organization/profile.tsx
@@ -57,8 +57,12 @@ const routerContext = new RouterContext<
 
 const RootRouter = () => {
   const { organizationId } = useRouterContext({ from: '__root__' });
-  const { client, setActiveOrganization, setIsActiveOrganizationLoading } =
-    useFrontier();
+  const {
+    client,
+    setActiveOrganization,
+    setIsActiveOrganizationLoading,
+    config
+  } = useFrontier();
 
   const fetchOrganization = useCallback(async () => {
     try {
@@ -89,7 +93,7 @@ const RootRouter = () => {
   }, [organizationId, fetchOrganization, setActiveOrganization]);
 
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultTheme={config?.theme}>
       <SkeletonTheme
         highlightColor="var(--background-base)"
         baseColor="var(--background-base-hover)"

diff --git a/sdks/js/packages/core/shared/types.ts b/sdks/js/packages/core/shared/types.ts
@@ -9,6 +9,7 @@ export interface FrontierClientBillingOptions {
 }
 
 export interface FrontierClientOptions {
+  theme?: 'dark' | 'light';
   endpoint?: string;
   redirectSignup?: string;
   redirectLogin?: string;