From a2e787c64906e16203bc805e45124a028a1f1259 Mon Sep 17 00:00:00 2001
From: matushl <hlavacik.matus@gmail.com>
Date: Sat, 11 Nov 2023 22:00:55 +0100
Subject: [PATCH] Change Profil detail according to design

---
 .../Profile/ProfileDetail.module.scss         |  6 ------
 .../Profile/ProfileDetail.module.scss.d.ts    |  9 ---------
 src/components/Profile/ProfileDetail.tsx      | 20 +++++++++++--------
 3 files changed, 12 insertions(+), 23 deletions(-)
 delete mode 100644 src/components/Profile/ProfileDetail.module.scss
 delete mode 100644 src/components/Profile/ProfileDetail.module.scss.d.ts

diff --git a/src/components/Profile/ProfileDetail.module.scss b/src/components/Profile/ProfileDetail.module.scss
deleted file mode 100644
index defc1ea7..00000000
--- a/src/components/Profile/ProfileDetail.module.scss
+++ /dev/null
@@ -1,6 +0,0 @@
-.label {
-  font-weight: bold;
-  text-transform: uppercase;
-  font-style: italic;
-  padding-right: .5rem;
-}
diff --git a/src/components/Profile/ProfileDetail.module.scss.d.ts b/src/components/Profile/ProfileDetail.module.scss.d.ts
deleted file mode 100644
index 214131f0..00000000
--- a/src/components/Profile/ProfileDetail.module.scss.d.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-export type Styles = {
-  label: string
-}
-
-export type ClassNames = keyof Styles
-
-declare const styles: Styles
-
-export default styles
diff --git a/src/components/Profile/ProfileDetail.tsx b/src/components/Profile/ProfileDetail.tsx
index 9779ae56..c1f68d9a 100644
--- a/src/components/Profile/ProfileDetail.tsx
+++ b/src/components/Profile/ProfileDetail.tsx
@@ -9,7 +9,6 @@ import {useSeminarInfo} from '@/utils/useSeminarInfo'
 
 import {Button, Link} from '../Clickable/Clickable'
 import {PasswordChangeDialog} from './PasswordChangeForm'
-import styles from './ProfileDetail.module.scss'
 
 type ProfileLineInput = {
   label: string
@@ -18,11 +17,12 @@ type ProfileLineInput = {
 
 const ProfileLine: FC<ProfileLineInput> = ({label, value}) => {
   return (
-    // font-size: 30px podla designu
-    <Typography sx={{fontSize: '1.875rem'}}>
-      <span className={styles.label}>{label}</span>
-      {value}
-    </Typography>
+    <Stack direction={'row'} spacing={1}>
+      <Typography variant="h2">{label}</Typography>
+      <Typography variant="h2" fontStyle="normal" fontWeight="400" textTransform="none" component="span">
+        {value}
+      </Typography>
+    </Stack>
   )
 }
 
@@ -54,8 +54,12 @@ export const ProfileDetail: FC = () => {
         <ProfileLine label={'tel. č. na rodiča'} value={profile?.parent_phone || '-'} />
       </Stack>
       <Stack direction={'row'} mt={3} spacing={2}>
-        <Link href={`/${seminar}/profil/uprava`}>Upraviť údaje</Link>
-        <Button onClick={toggleOpenPasswordDialog}>Zmeniť heslo</Button>
+        <Link href={`/${seminar}/profil/uprava`}>
+          <Typography variant="button2">Upraviť údaje</Typography>
+        </Link>
+        <Button onClick={toggleOpenPasswordDialog}>
+          <Typography variant="button2">Zmeniť heslo</Typography>
+        </Button>
       </Stack>
       <PasswordChangeDialog open={openPasswordDialog} close={toggleOpenPasswordDialog} />
     </Stack>