prehistoric-systems/omnivore
1
0
Fork 0
mirror of https://github.com/omnivore-app/omnivore.git synced 2026-03-11 08:54:26 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Rename OnboardingLayout2 to OnboardingLayout, dont use default export

Browse source
This commit is contained in:
Jackson Harper 2022-05-23 14:23:03 -07:00
parent e43700e159
commit a7e67b4bea
7 changed files with 26 additions and 27 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
packages/web/components/templates/OnboardingLayout2.tsx → packages/web/components/templates/OnboardingLayout.tsx
View file

@ -1,13 +1,13 @@
import React, { ReactNode } from 'react'
import { PageMetaData } from '../../components/patterns/PageMetaData'
import { VStack, HStack, Box } from '../../components/elements/LayoutPrimitives'
import { OmnivoreNameLogo } from '../../components/elements/images/OmnivoreNameLogo'
import { StyledText } from '../../components/elements/StyledText'
import { Button } from '../../components/elements/Button'
import { PageMetaData } from '../patterns/PageMetaData'
import { VStack, HStack, Box } from '../elements/LayoutPrimitives'
import { OmnivoreNameLogo } from '../elements/images/OmnivoreNameLogo'
import { StyledText } from '../elements/StyledText'
import { Button } from '../elements/Button'
const TOTAL_ONBOARDING_PAGES = 6
type OnboardingLayout2Props = {
type OnboardingLayoutProps = {
pageNumber: number
title: string
subTitle: string
@ -18,7 +18,7 @@ type OnboardingLayout2Props = {
reduceSpace?: boolean,
}
const OnboardingLayout2 = ({
export const OnboardingLayout = ({
pageNumber,
title,
subTitle,
@ -27,7 +27,7 @@ const OnboardingLayout2 = ({
children,
nextPage,
reduceSpace
}: OnboardingLayout2Props) => {
}: OnboardingLayoutProps) => {
const NextButton = () => (
<Button
style="ctaDarkYellow"
@ -244,4 +244,3 @@ const OnboardingLayout2 = ({
)
}
export default OnboardingLayout2

6
packages/web/components/templates/onboarding/01.tsx
View file

@ -1,5 +1,5 @@
import { SelectionOptionCard } from './SelectOption'
import OnboardingLayout2 from '../OnboardingLayout2'
import { OnboardingLayout } from '../OnboardingLayout'
import { Box, HStack, VStack } from '../../elements/LayoutPrimitives'
const articleDetails = [
@ -39,7 +39,7 @@ const articleDetails = [
const OnboardingPage1 = () => {
return (
<OnboardingLayout2
<OnboardingLayout
pageNumber={1}
title="Read Distraction Free"
subTitle="Omnivore's distraction free reader gives you an uncluttered reading experience"
@ -74,7 +74,7 @@ const OnboardingPage1 = () => {
</Box>
</HStack>
</VStack>
</OnboardingLayout2>
</OnboardingLayout>
)
}

6
packages/web/components/templates/onboarding/02.tsx
View file

@ -1,6 +1,6 @@
import React from 'react'
import Link from 'next/link'
import OnboardingLayout2 from '../OnboardingLayout2'
import { OnboardingLayout } from '../OnboardingLayout'
import MobileInstallHelp from '../../elements/MobileInstallHelp'
import ExtensionsInstallHelp from '../../elements/ExtensionsInstallHelp'
import { StyledAnchor } from '../../elements/StyledText'
@ -8,7 +8,7 @@ import { Box } from '../../elements/LayoutPrimitives'
const OnboardingPage2 = () => {
return (
<OnboardingLayout2
<OnboardingLayout
pageNumber={2}
title="Save links to read later"
subTitle="Save any link to your library using our apps and browser extensions"
@ -79,7 +79,7 @@ const OnboardingPage2 = () => {
</Link>
</Box>
</Box>
</OnboardingLayout2>
</OnboardingLayout>
)
}

6
packages/web/components/templates/onboarding/03.tsx
View file

@ -1,6 +1,6 @@
import React from 'react'
import { VStack } from '../../elements/LayoutPrimitives'
import OnboardingLayout2 from '../OnboardingLayout2'
import { OnboardingLayout } from '../OnboardingLayout'
import { SelectOption } from './SelectOption'
const optionDetails = [
@ -32,7 +32,7 @@ const optionDetails = [
const OnboardingPage3 = () => {
return (
<OnboardingLayout2
<OnboardingLayout
subTitle="Omnivore creates an email address for you to subscribe to newsletters with."
description="Subscribe to some newsletters now"
title="Read all your Newsletters in Omnivore"
@ -47,7 +47,7 @@ const OnboardingPage3 = () => {
<SelectOption key={idx} {...{ icon, label }} />
))}
</VStack>
</OnboardingLayout2>
</OnboardingLayout>
)
}

6
packages/web/components/templates/onboarding/04.tsx
View file

@ -1,5 +1,5 @@
import React from 'react'
import OnboardingLayout2 from '../OnboardingLayout2'
import { OnboardingLayout } from '../OnboardingLayout'
import { Box } from '../../elements/LayoutPrimitives'
import { styled } from '../../tokens/stitches.config'
@ -9,7 +9,7 @@ const StyledImage = styled('img', {
const OnboardingPage4 = () => {
return (
<OnboardingLayout2
<OnboardingLayout
pageNumber={4}
title="Organize all your content"
subTitle="Information about archiving and tagging
@ -48,7 +48,7 @@ const OnboardingPage4 = () => {
}}
/>
</Box>
</OnboardingLayout2>
</OnboardingLayout>
)
}

6
packages/web/components/templates/onboarding/05.tsx
View file

@ -1,5 +1,5 @@
import React from 'react'
import OnboardingLayout2 from '../OnboardingLayout2'
import { OnboardingLayout } from '../OnboardingLayout'
import { Box } from '../../elements/LayoutPrimitives'
import { styled } from '../../tokens/stitches.config'
@ -15,7 +15,7 @@ const StyledImage = styled('img', {
const OnboardingPage5 = () => {
return (
<OnboardingLayout2
<OnboardingLayout
pageNumber={5}
title="Highlight and share"
subTitle="Information about creating and sharing highlights Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud amet."
@ -34,7 +34,7 @@ const OnboardingPage5 = () => {
alt="Highlight And Share"
/>
</Box>
</OnboardingLayout2>
</OnboardingLayout>
)
}

6
packages/web/components/templates/onboarding/06.tsx
View file

@ -1,5 +1,5 @@
import React from 'react'
import OnboardingLayout2 from '../OnboardingLayout2'
import { OnboardingLayout } from '../OnboardingLayout'
import { Box, HStack, VStack } from '../../elements/LayoutPrimitives'
import { styled } from '../../tokens/stitches.config'
@ -36,7 +36,7 @@ const Container = styled(Box, {
const OnboardingPage6 = () => {
return (
<OnboardingLayout2
<OnboardingLayout
pageNumber={6}
title="Join our Community"
subTitle='Omnivore is open source and open community, join us.'
@ -67,7 +67,7 @@ const OnboardingPage6 = () => {
</VStack>
</Container>
</HStack>
</OnboardingLayout2>
</OnboardingLayout>
)
}