fix: handle amplify secrets

dotintent · Nov 9, 2020 · 53864b5 · 53864b5
1 parent 3336091
commit 53864b5
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 7 deletions.
diff --git a/.storybook/preview.js b/.storybook/preview.js
@@ -3,7 +3,11 @@ import { IntentbaseProvider } from '../src';
 
 export const decorators = [
   (Story) => (
-    <IntentbaseProvider>
+    <IntentbaseProvider
+      region={process.env.AWS_DEFAULT_REGION}
+      userPoolId={process.env.COGNITO_USER_POOL_ID}
+      userPoolWebClientId={process.env.COGNITO_USER_POOL_CLIENT_ID}
+    >
       <Story />
     </IntentbaseProvider>
   ),

diff --git a/src/containers/IntentbaseProvider.tsx b/src/containers/IntentbaseProvider.tsx
@@ -8,10 +8,19 @@ import { SnackbarContextProvider } from '../components/SnackbarProvider';
 
 interface IntentbaseProps {
   theme?: Partial<Theme> | ((outerTheme: Theme) => Theme);
+  region: string;
+  userPoolId: string;
+  userPoolWebClientId: string;
 }
 
-export const IntentbaseProvider: FC<IntentbaseProps> = ({ children, theme = defaultTheme }) => {
-  configureAmplify();
+export const IntentbaseProvider: FC<IntentbaseProps> = ({
+  children,
+  region = 'eu-central-1',
+  userPoolId,
+  userPoolWebClientId,
+  theme = defaultTheme,
+}) => {
+  configureAmplify(region, userPoolId, userPoolWebClientId);
   return (
     <StylesProvider injectFirst>
       <MuiThemeProvider theme={theme}>

diff --git a/src/utils/configureAmplify.ts b/src/utils/configureAmplify.ts
@@ -1,11 +1,15 @@
 import Amplify from 'aws-amplify';
 
-export const configureAmplify = (): void => {
+export const configureAmplify = (
+  region: string,
+  userPoolId: string,
+  userPoolWebClientId: string,
+): void => {
   Amplify.configure({
     Auth: {
-      region: process.env.AWS_DEFAULT_REGION,
-      userPoolId: process.env.COGNITO_USER_POOL_ID,
-      userPoolWebClientId: process.env.COGNITO_USER_POOL_CLIENT_ID,
+      region,
+      userPoolId,
+      userPoolWebClientId,
     },
   });
 };