From 298a5831020a1ceb52be5643afe7164011aeeb65 Mon Sep 17 00:00:00 2001
From: Monstar <31903668+Monstarrrr@users.noreply.github.com>
Date: Sun, 22 Dec 2024 08:12:56 +0100
Subject: [PATCH] minor update

---
 frontend/app/(routes)/profile/page.tsx | 111 ++++++++++++++-----------
 frontend/app/layout.tsx                |  17 +++-
 frontend/store/slices/user.ts          |   2 +-
 3 files changed, 80 insertions(+), 50 deletions(-)

diff --git a/frontend/app/(routes)/profile/page.tsx b/frontend/app/(routes)/profile/page.tsx
index b474c0a..71267d3 100644
--- a/frontend/app/(routes)/profile/page.tsx
+++ b/frontend/app/(routes)/profile/page.tsx
@@ -178,51 +178,19 @@ export default function Profile() {
                 </tr>
                 <tr>
                   <td>
-                    <b>Email:</b>
+                    <b>Joined on:</b>
+                  </td>
+                  <td style={{ opacity: 0.7, fontStyle: 'italic' }}>
+                    (coming soon...)
+                  </td>
+                </tr>
+                <tr>
+                  <td>
+                    <b>Success:</b>
+                  </td>
+                  <td>
+                    Prototype tester (Joined during the v0.1 of Rebutify)
                   </td>
-                  {isEditingEmail ? (
-                    <td>
-                      <Form
-                        id='edit-email'
-                        inputsFields={[
-                          {
-                            id: 'email',
-                            label: 'Editing email',
-                            type: 'email',
-                            placeholder: 'user@email.com',
-                            value: user.email,
-                          },
-                        ]}
-                        onSubmit={handleEditEmail}
-                        success={editEmailSuccess}
-                        setSuccess={setEditEmailSuccess}
-                        loading={editEmailLoading}
-                        inputsErrors={editEmailErrors}
-                      >
-                        <Button
-                          label='Save'
-                          success={editEmailSuccess}
-                          loading={editEmailLoading}
-                        />
-                        <Button
-                          label='Cancel'
-                          onClick={(_) => setIsEditingEmail(false)}
-                          transparent
-                        />
-                      </Form>
-                    </td>
-                  ) : (
-                    <td>
-                      {user.email}
-                      <Button
-                        styles={{ marginLeft: '8px' }}
-                        label='Edit'
-                        onClick={handleIsEditingEmail}
-                        transparent
-                      />
-                      <p style={{ color: 'green' }}>{editEmailSuccess}</p>
-                    </td>
-                  )}
                 </tr>
               </tbody>
             </table>
@@ -230,6 +198,55 @@ export default function Profile() {
 
           <H2>Settings</H2>
           <H2Section>
+            <H3>
+              Change email
+            </H3>
+            <Hr />
+            <H3Section>
+              {isEditingEmail ? (
+                <>
+                  <Form
+                    id='edit-email'
+                    inputsFields={[
+                      {
+                        id: 'email',
+                        label: 'Editing email',
+                        type: 'email',
+                        placeholder: 'user@email.com',
+                        value: user.email,
+                      },
+                    ]}
+                    onSubmit={handleEditEmail}
+                    success={editEmailSuccess}
+                    setSuccess={setEditEmailSuccess}
+                    loading={editEmailLoading}
+                    inputsErrors={editEmailErrors}
+                  >
+                    <Button
+                      label='Save'
+                      success={editEmailSuccess}
+                      loading={editEmailLoading}
+                    />
+                    <Button
+                      label='Cancel'
+                      onClick={(_) => setIsEditingEmail(false)}
+                      transparent
+                    />
+                  </Form>
+                </>
+              ) : (
+                <>
+                  {user.email}
+                  <Button
+                    styles={{ marginLeft: '8px' }}
+                    label='Edit'
+                    onClick={handleIsEditingEmail}
+                    transparent
+                  />
+                  <p style={{ color: 'green' }}>{editEmailSuccess}</p>
+                </>
+              )}
+            </H3Section>
             <H3>Change password</H3>
             <Hr />
 
@@ -294,9 +311,9 @@ export default function Profile() {
                   styles={
                     !deleteAccSuccess
                       ? {
-                          background: 'red',
-                          color: 'black',
-                        }
+                        background: 'red',
+                        color: 'black',
+                      }
                       : {}
                   }
                 />
diff --git a/frontend/app/layout.tsx b/frontend/app/layout.tsx
index 9b2f84e..62f07c1 100644
--- a/frontend/app/layout.tsx
+++ b/frontend/app/layout.tsx
@@ -61,7 +61,7 @@ export default function RootLayout({ children }: PropsType) {
               padding: '12px 0',
             }}
           >
-            <span
+            <div
               style={{
                 opacity: 0.7,
                 fontStyle: 'italic',
@@ -70,7 +70,9 @@ export default function RootLayout({ children }: PropsType) {
               }}
             >
               <span>Rebutify, {new Date().getFullYear()}.</span>
+
               <br />
+
               <Link
                 style={LinkStyle}
                 href='https://docs.google.com/document/d/1YD5JONwXirWWoSGQblhfEtk968Ux9Y2Sgw0Dd9XnpuI'
@@ -89,7 +91,18 @@ export default function RootLayout({ children }: PropsType) {
               <Link style={LinkStyle} href='/privacy'>
                 <span style={LinkLabel}>Privacy</span>
               </Link>
-            </span>
+
+              <span
+                style={{
+                  position: 'absolute',
+                  right: '12px',
+                  opacity: 0.7,
+                  fontStyle: 'italic',
+                }}
+              >
+                Prototype (v0.1.0)
+              </span>
+            </div>
           </footer>
         </StoreProvider>
       </body>
diff --git a/frontend/store/slices/user.ts b/frontend/store/slices/user.ts
index 9bf2e91..b191a68 100644
--- a/frontend/store/slices/user.ts
+++ b/frontend/store/slices/user.ts
@@ -2,7 +2,7 @@ import { UserInfo } from '@/types'
 import { createSlice } from '@reduxjs/toolkit'
 
 const initialState: UserInfo = {
-  email: '',
+  email: '???@???.com',
   id: '0',
   refresh: '',
   access: '',