diff --git a/apps/client/src/setup.css b/apps/client/src/setup.css index d373ff19c7..106794bdff 100644 --- a/apps/client/src/setup.css +++ b/apps/client/src/setup.css @@ -247,8 +247,7 @@ body.setup { text-align: center; color: var(--muted-text-color); opacity: 0.6; - margin-top: 2rem; - margin-bottom: 1rem; + margin-block: 1rem; } .illustration-logo { diff --git a/apps/client/src/setup.tsx b/apps/client/src/setup.tsx index dcd4f877e3..10b648cbc6 100644 --- a/apps/client/src/setup.tsx +++ b/apps/client/src/setup.tsx @@ -35,7 +35,7 @@ const STATE_ORDER: State[] = ["selectLanguage", "firstOptions", "createNewDocume function renderState(state: State, setState: (state: State) => void) { switch (state) { - case "selectLanguage": return ; + case "selectLanguage": return ; case "firstOptions": return ; case "createNewDocumentOptions": return ; case "createNewDocumentWithDemo": return ; @@ -84,18 +84,17 @@ function App() { ); } -function SelectLanguage() { +function SelectLanguage({ setState }: { setState: (state: State) => void }) { const [ currentLocale, setCurrentLocale ] = useState("en"); const filteredLocales = useMemo(() => LOCALES.filter(l => !l.contentOnly), []); const { t, i18n } = useTranslation(); - console.log("Rendering with ", currentLocale, t("setup.language")); return ( } - footer={