diff --git a/src/components/Onboarding/onboarding-steps.tsx b/src/components/Onboarding/onboarding-steps.tsx index 0e9f8c245..f9173d201 100644 --- a/src/components/Onboarding/onboarding-steps.tsx +++ b/src/components/Onboarding/onboarding-steps.tsx @@ -2,7 +2,6 @@ import { Stack, Stepper } from '@mantine/core'; import { useState } from 'react'; import { StepCreateAccount } from './step-create-account'; -import { StepDocumentation } from './step-documentation'; import { StepOnboardingFinished } from './step-onboarding-finished'; import { StepUpdatePathMappings } from './step-update-path-mappings'; @@ -30,9 +29,6 @@ export const OnboardingSteps = ({ isUpdate }: { isUpdate: boolean }) => { - - - diff --git a/src/components/Onboarding/step-documentation.tsx b/src/components/Onboarding/step-documentation.tsx deleted file mode 100644 index 6b2a32dd2..000000000 --- a/src/components/Onboarding/step-documentation.tsx +++ /dev/null @@ -1,31 +0,0 @@ -import { Button, Divider, Stack, Text, Title } from '@mantine/core'; -import { IconArrowRight, IconExternalLink } from '@tabler/icons-react'; - -import { OnboardingStepWrapper } from './common-wrapper'; - -export const StepDocumentation = ({ next }: { next: () => void }) => { - return ( - - - Documentation - - - - We highly encourage you to read the documentation, before you continue. - - - - - - ); -}; diff --git a/src/components/Onboarding/step-onboarding-finished.tsx b/src/components/Onboarding/step-onboarding-finished.tsx index 856a8bdf5..c1dc40e12 100644 --- a/src/components/Onboarding/step-onboarding-finished.tsx +++ b/src/components/Onboarding/step-onboarding-finished.tsx @@ -1,7 +1,8 @@ -import { NavLink, Stack, Text, Title, createStyles } from '@mantine/core'; +import { Divider, NavLink, Stack, Text, Title, createStyles } from '@mantine/core'; import { IconChevronRight, IconDashboard, + IconExternalLink, IconFileText, IconManualGearbox, } from '@tabler/icons-react'; @@ -22,6 +23,22 @@ export const StepOnboardingFinished = () => { Awesome! What do you want to do next? + + We highly recommend you to take a look at the documentation before starting to + use Homarr if you've never used it before. + + } + className={classes.link} + icon={} + label="Check out the documentation" + variant="light" + active + /> + { variant="light" active /> - } - className={classes.link} - icon={} - label="Check out the documentation" - variant="light" - active - />