Condense layout conditional

sillsdev · Jul 12, 2024 · 4bdf9e6 · 4bdf9e6
1 parent 76d48c8
commit 4bdf9e6
Showing 1 changed file with 7 additions and 7 deletions.
diff --git a/src/components/ProjectScreen/index.tsx b/src/components/ProjectScreen/index.tsx
@@ -18,13 +18,13 @@ export default function ProjectScreen(): ReactElement {
     dispatch(resetTree());
   }, [dispatch]);
 
-  return isXs ? (
-    <Stack alignItems="center" spacing={2}>
-      <ChooseProject />
-      <CreateProject />
-    </Stack>
-  ) : (
-    <Stack direction="row" justifyContent="center" spacing={2}>
+  return (
+    <Stack
+      {...(isXs
+        ? { alignItems: "center" }
+        : { direction: "row", justifyContent: "center" })}
+      spacing={2}
+    >
       <ChooseProject />
       <CreateProject />
     </Stack>