diff --git a/src/components/lume/LumeIdentity/LumeIdentity.tsx b/src/components/lume/LumeIdentity/LumeIdentity.tsx index 62841f2..2166b62 100644 --- a/src/components/lume/LumeIdentity/LumeIdentity.tsx +++ b/src/components/lume/LumeIdentity/LumeIdentity.tsx @@ -1,58 +1,110 @@ -import React from 'react'; -import { Button } from '../../../components/ui/button'; -import { SwitchableComponent, SwitchableComponentProvider, useSwitchableComponent } from '../../../components/SwitchableComponent'; +import { Button } from "../../ui/button.tsx"; +import { + SwitchableComponent, + SwitchableComponentProvider, + useSwitchableComponent, +} from "../../SwitchableComponent.tsx"; import * as ComponentList from "./components"; -import { LumeIdentityContext, Session } from './LumeIdentityContext'; -import { LazyMotion, domAnimation } from 'framer-motion'; -import * as Dialog from '@radix-ui/react-dialog'; -import LumeLogoBg from './LumeLogoBg'; +import { LumeIdentityContext, Session } from "./LumeIdentityContext"; +import { LazyMotion, domAnimation } from "framer-motion"; +import * as Dialog from "@radix-ui/react-dialog"; +import LumeLogoBg from "./LumeLogoBg"; +import type { FC } from "react"; +import { useState } from "react"; -const LumeIdentity: React.FC = () => { - const { visibleComponent, setVisibleComponent } = useSwitchableComponent(ComponentList.SubmitButton) +const LumeIdentity: FC = () => { + const { visibleComponent, setVisibleComponent } = useSwitchableComponent( + ComponentList.SubmitButton + ); - const isSubmitButtonInView = [ComponentList.SubmitButton.index].includes(visibleComponent.index) - const isLoginWithAccountKey = [ComponentList.SeedPhraseInput.index].includes(visibleComponent.index) - const isCreatingAccount = [ComponentList.SetupAccountKey.index].includes(visibleComponent.index) - const isShowingSeedPhrase = [ComponentList.SeedPhraseGeneration.index].includes(visibleComponent.index) - const isFinalStep = [ComponentList.SeedPhraseGeneration.index].includes(visibleComponent.index) - const shouldShowBackButton = isCreatingAccount + const isSubmitButtonInView = [ComponentList.SubmitButton.index].includes( + visibleComponent.index + ); + const isLoginWithAccountKey = [ComponentList.SeedPhraseInput.index].includes( + visibleComponent.index + ); + const isCreatingAccount = [ComponentList.SetupAccountKey.index].includes( + visibleComponent.index + ); + const isShowingSeedPhrase = [ + ComponentList.SeedPhraseGeneration.index, + ].includes(visibleComponent.index); + const isFinalStep = [ComponentList.SeedPhraseGeneration.index].includes( + visibleComponent.index + ); + const shouldShowBackButton = isCreatingAccount; - const coloredOrLine = isSubmitButtonInView ? 'text-primary' : 'text-border' + const coloredOrLine = isSubmitButtonInView ? "text-primary" : "text-border"; - - return