From 50e3d4438c7f2f6808d313aa8ce2196cff3f06d0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mat=C3=BA=C5=A1=20Hlav=C3=A1=C4=8Dik?=
 <hlavacik.matus@gmail.com>
Date: Sat, 23 Nov 2024 16:21:32 +0100
Subject: [PATCH] Cleanup paddings and many other things (#470)

* unrelated: Unite Verification page

* urelated: remove test page

* unrelated: resolve eslint warning

* resolve #284: set nicer paddings to layout
---
 src/components/Latex/LatexExample.module.scss |  9 --------
 .../Latex/LatexExample.module.scss.d.ts       |  9 --------
 src/components/Latex/LatexExample.tsx         | 22 -------------------
 src/components/PageLayout/PageLayout.tsx      | 10 ++++++++-
 .../PagePlaceholder.module.scss               |  4 ----
 .../PagePlaceholder.module.scss.d.ts          |  9 --------
 .../PagePlaceholder/PagePlaceholder.tsx       | 11 ----------
 src/components/Profile/ProfileForm.tsx        |  4 ++--
 .../malynar/verifikacia/[[...params]].tsx     | 10 ++-------
 src/pages/matik/verifikacia/[[...params]].tsx | 10 ++-------
 src/pages/test/index.tsx                      | 14 ------------
 src/pages/test/latex.tsx                      | 12 ----------
 12 files changed, 15 insertions(+), 109 deletions(-)
 delete mode 100644 src/components/Latex/LatexExample.module.scss
 delete mode 100644 src/components/Latex/LatexExample.module.scss.d.ts
 delete mode 100644 src/components/Latex/LatexExample.tsx
 delete mode 100644 src/components/PagePlaceholder/PagePlaceholder.module.scss
 delete mode 100644 src/components/PagePlaceholder/PagePlaceholder.module.scss.d.ts
 delete mode 100644 src/components/PagePlaceholder/PagePlaceholder.tsx
 delete mode 100644 src/pages/test/index.tsx
 delete mode 100644 src/pages/test/latex.tsx

diff --git a/src/components/Latex/LatexExample.module.scss b/src/components/Latex/LatexExample.module.scss
deleted file mode 100644
index 87aa9765..00000000
--- a/src/components/Latex/LatexExample.module.scss
+++ /dev/null
@@ -1,9 +0,0 @@
-.latexExampleContainer {
-  height: 20rem;
-  display: flex;
-  flex-direction: column;
-}
-
-.latexExampleContainer textarea {
-  height: 20rem;
-}
\ No newline at end of file
diff --git a/src/components/Latex/LatexExample.module.scss.d.ts b/src/components/Latex/LatexExample.module.scss.d.ts
deleted file mode 100644
index 6eedd20a..00000000
--- a/src/components/Latex/LatexExample.module.scss.d.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-export type Styles = {
-  latexExampleContainer: string
-}
-
-export type ClassNames = keyof Styles
-
-declare const styles: Styles
-
-export default styles
diff --git a/src/components/Latex/LatexExample.tsx b/src/components/Latex/LatexExample.tsx
deleted file mode 100644
index 0d43e359..00000000
--- a/src/components/Latex/LatexExample.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import {ChangeEvent, FC, useState} from 'react'
-
-import {Link} from '../Clickable/Link'
-import {Latex} from './Latex'
-import styles from './LatexExample.module.scss'
-
-export const LatexExample: FC = () => {
-  const [tex, setTex] = useState('')
-  const handleInputChange = (event: ChangeEvent<HTMLTextAreaElement>) => {
-    setTex(event.target.value)
-  }
-
-  return (
-    <div className={styles.latexExampleContainer}>
-      <div>
-        <Link href="/test">{'< Back to examples'}</Link>
-      </div>
-      <textarea value={tex} onChange={handleInputChange} />
-      <Latex>{tex}</Latex>
-    </div>
-  )
-}
diff --git a/src/components/PageLayout/PageLayout.tsx b/src/components/PageLayout/PageLayout.tsx
index 892185fb..72aec47b 100644
--- a/src/components/PageLayout/PageLayout.tsx
+++ b/src/components/PageLayout/PageLayout.tsx
@@ -45,7 +45,15 @@ export const PageLayout: FC<PageLayoutProps> = ({contentWidth = 2, title = '', c
               <Grid xs={0} md={3} sx={{position: 'relative', display: {xs: 'none', md: 'block'}}}>
                 <StromLogo />
               </Grid>
-              <Grid xs={12} md={contentWidth * 3} sx={{py: 2, px: 1, ...sx}}>
+              <Grid
+                xs={12}
+                md={contentWidth * 3}
+                sx={{
+                  py: {xs: 4, md: 8, lg: 12},
+                  px: 2,
+                  ...sx,
+                }}
+              >
                 {children}
               </Grid>
             </Grid>
diff --git a/src/components/PagePlaceholder/PagePlaceholder.module.scss b/src/components/PagePlaceholder/PagePlaceholder.module.scss
deleted file mode 100644
index 0acf7f0f..00000000
--- a/src/components/PagePlaceholder/PagePlaceholder.module.scss
+++ /dev/null
@@ -1,4 +0,0 @@
-.placeholder {
-  display: grid;
-  place-content: center;
-}
diff --git a/src/components/PagePlaceholder/PagePlaceholder.module.scss.d.ts b/src/components/PagePlaceholder/PagePlaceholder.module.scss.d.ts
deleted file mode 100644
index cf1b8468..00000000
--- a/src/components/PagePlaceholder/PagePlaceholder.module.scss.d.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-export type Styles = {
-  placeholder: string
-}
-
-export type ClassNames = keyof Styles
-
-declare const styles: Styles
-
-export default styles
diff --git a/src/components/PagePlaceholder/PagePlaceholder.tsx b/src/components/PagePlaceholder/PagePlaceholder.tsx
deleted file mode 100644
index 654b7ec2..00000000
--- a/src/components/PagePlaceholder/PagePlaceholder.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import {FC} from 'react'
-
-import styles from './PagePlaceholder.module.scss'
-
-export const PagePlaceholder: FC<{title: string}> = ({title}) => {
-  return (
-    <div className={styles.placeholder}>
-      <h1>{title}</h1>
-    </div>
-  )
-}
diff --git a/src/components/Profile/ProfileForm.tsx b/src/components/Profile/ProfileForm.tsx
index eb121691..23c297a6 100644
--- a/src/components/Profile/ProfileForm.tsx
+++ b/src/components/Profile/ProfileForm.tsx
@@ -50,9 +50,9 @@ export const ProfileForm: FC = () => {
     parent_phone: profile?.parent_phone ?? '',
     new_school_description: '',
     without_school: profile?.school_id === 1,
-    school: ({id: profile?.school.code, label: profile?.school.verbose_name} as SelectOption) ?? null,
+    school: profile ? ({id: profile.school.code, label: profile.school.verbose_name} as SelectOption) : null,
     school_not_found: profile?.school_id === 0,
-    grade: ({id: profile?.grade, label: profile?.grade_name} as SelectOption) ?? null,
+    grade: profile ? ({id: profile.grade, label: profile.grade_name} as SelectOption) : null,
   }
 
   const {handleSubmit, control, watch, setValue} = useForm<ProfileFormValues>({
diff --git a/src/pages/malynar/verifikacia/[[...params]].tsx b/src/pages/malynar/verifikacia/[[...params]].tsx
index 3a39698d..648e2b65 100644
--- a/src/pages/malynar/verifikacia/[[...params]].tsx
+++ b/src/pages/malynar/verifikacia/[[...params]].tsx
@@ -1,15 +1,9 @@
 import {NextPage} from 'next'
 
-import {PageLayout} from '@/components/PageLayout/PageLayout'
-
-import {Verification} from '../../../components/Verification/Verification'
+import Page from '../../strom/verifikacia/[[...params]]'
 
 const Verifikacia: NextPage = () => {
-  return (
-    <PageLayout title="Verifikácia" contentWidth={2}>
-      <Verification />
-    </PageLayout>
-  )
+  return <Page />
 }
 
 export default Verifikacia
diff --git a/src/pages/matik/verifikacia/[[...params]].tsx b/src/pages/matik/verifikacia/[[...params]].tsx
index 3a39698d..648e2b65 100644
--- a/src/pages/matik/verifikacia/[[...params]].tsx
+++ b/src/pages/matik/verifikacia/[[...params]].tsx
@@ -1,15 +1,9 @@
 import {NextPage} from 'next'
 
-import {PageLayout} from '@/components/PageLayout/PageLayout'
-
-import {Verification} from '../../../components/Verification/Verification'
+import Page from '../../strom/verifikacia/[[...params]]'
 
 const Verifikacia: NextPage = () => {
-  return (
-    <PageLayout title="Verifikácia" contentWidth={2}>
-      <Verification />
-    </PageLayout>
-  )
+  return <Page />
 }
 
 export default Verifikacia
diff --git a/src/pages/test/index.tsx b/src/pages/test/index.tsx
deleted file mode 100644
index 6c02aa90..00000000
--- a/src/pages/test/index.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import {NextPage} from 'next'
-
-import {Link} from '@/components/Clickable/Link'
-import {PageLayout} from '@/components/PageLayout/PageLayout'
-import {PagePlaceholder} from '@/components/PagePlaceholder/PagePlaceholder'
-
-const Test: NextPage = () => (
-  <PageLayout>
-    <PagePlaceholder title="Examples" />
-    <Link href="/test/latex">Latex example</Link>
-  </PageLayout>
-)
-
-export default Test
diff --git a/src/pages/test/latex.tsx b/src/pages/test/latex.tsx
deleted file mode 100644
index f38a74e8..00000000
--- a/src/pages/test/latex.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import {NextPage} from 'next'
-
-import {LatexExample} from '@/components/Latex/LatexExample'
-import {PageLayout} from '@/components/PageLayout/PageLayout'
-
-const Latex: NextPage = () => (
-  <PageLayout>
-    <LatexExample />
-  </PageLayout>
-)
-
-export default Latex