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={}
+ footer={