feat(newOnboarding): display onboarding on eclaireurs page

dis-moi · Mar 29, 2021 · 7b1259a · 7b1259a
1 parent 08b9f31
commit 7b1259a
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 9 deletions.
diff --git a/src/app/profiles/App/Pages/Profiles/List/ProfileList.tsx b/src/app/profiles/App/Pages/Profiles/List/ProfileList.tsx
@@ -18,6 +18,8 @@ import pathToContributor from 'app/profiles/App/pathToContributor';
 import Filters from 'components/molecules/Filters/RadiosFilters';
 import useContributorsFilters from 'app/profiles/App/useContributorsRadiosFilters';
 import ProfileTabs from '../../../ProfileTabs';
+import OnBoarding from '../../../../../../components/organisms/OnBoarding';
+import isRedirectedFromExtensionInstall from '../../../../../utils/isRedirectedFromExtensionInstall';
 
 const Title = styled(Title2)`
   padding-top: 30px;
@@ -127,6 +129,7 @@ const ProfileList = ({
 
   return (
     <>
+      {isRedirectedFromExtensionInstall && <OnBoarding />}
       {connected === false && (
         <Title as="h1">{t('profiles:common.sources')}</Title>
       )}

diff --git a/src/app/utils/isRedirectedFromExtensionInstall.ts b/src/app/utils/isRedirectedFromExtensionInstall.ts
@@ -0,0 +1,5 @@
+const REDIRECTED_PATH = '?pk_campaign=installed';
+
+const isRedirectedFromExtensionInstall =
+  window.location.search === REDIRECTED_PATH;
+export default isRedirectedFromExtensionInstall;
diff --git a/src/components/atoms/Grid/Grid.stories.tsx b/src/components/atoms/Grid/Grid.stories.tsx
@@ -1,17 +1,13 @@
 import React from 'react';
 import { storiesOf } from '@storybook/react';
 import { GridContainer, GridItem } from './';
-import { number, text, withKnobs } from '@storybook/addon-knobs';
+import { text, withKnobs } from '@storybook/addon-knobs';
 
 storiesOf('Components/Atoms/Grid', module)
   .addDecorator(withKnobs)
   .add('normal', () => (
     <GridContainer>
-      <GridItem col={number('col1 size', 1)}>
-        {text('text col1', 'Some Title')}
-      </GridItem>
-      <GridItem col={number('col2 size', 1)}>
-        {text('text col2', 'Some Title')}
-      </GridItem>
+      <GridItem>{text('text col1', 'Some Title')}</GridItem>
+      <GridItem>{text('text col2', 'Some Title')}</GridItem>
     </GridContainer>
   ));
diff --git a/src/components/organisms/OnBoarding/components/Modal.tsx b/src/components/organisms/OnBoarding/components/Modal.tsx
@@ -15,9 +15,14 @@ interface ModalProps extends ContainerProps {
 }
 
 const Container = styled.div<ContainerProps>`
-  background: rgba(255, 255, 255, 0.9);
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 9999;
+  height: 100vh;
+  width: 100%;
+  background: rgba(255, 255, 255, 0.95);
   display: ${props => (props.open ? 'block' : 'none')};
-  padding: 1em;
 `;
 
 export default ({ children, open, close }: ModalProps) => {