feat: add BannerUpdate component and update profile banner functionality

deepraj21 · Nov 19, 2024 · a23ab1f · a23ab1f
1 parent be84b4e
commit a23ab1f
Show file tree

Hide file tree

Showing 7 changed files with 342 additions and 258 deletions.
diff --git a/client/src/components/Settings/BannerUpdate.tsx b/client/src/components/Settings/BannerUpdate.tsx
@@ -0,0 +1,9 @@
+
+
+const BannerUpdate = () => {
+  return (
+    <div>BannerUpdate</div>
+  )
+}
+
+export default BannerUpdate
diff --git a/client/src/components/Settings/UpdateProfile.tsx b/client/src/components/Settings/UpdateProfile.tsx
@@ -101,19 +101,19 @@ const UpdateProfile = () => {
   };
 
   return (
-    <div className='p-2 mt-4 grid gap-6 sm:w-80'>
+    <div className=' mt-4 grid gap-6 sm:w-80'>
       <h2 className='text-xl font-semibold dark:text-neutral-100'>
         Update Profile
       </h2>
       <form onSubmit={handleSubmit} className='grid gap-4'>
-        <ScrollArea className='h-60 overflow-y-auto p-4'>
-          <div>
+        <ScrollArea className='h-60 overflow-y-auto p-2'>
+          <div className='p-2'>
             <Label htmlFor='profileImage' className='dark:text-neutral-200 mb-1'>
               Profile Image
             </Label>
             <UploadComponent onFileChange={handleFileChange} />
           </div>
-          <div>
+          <div className='p-2'>
             <Label htmlFor='name' className='dark:text-neutral-200'>
               Name
             </Label>
@@ -127,7 +127,7 @@ const UpdateProfile = () => {
               className='mt-1'
             />
           </div>
-          <div>
+          <div className='p-2'>
             <Label htmlFor='bio' className='dark:text-neutral-200'>
               Bio
             </Label>
@@ -141,7 +141,7 @@ const UpdateProfile = () => {
               className='mt-1'
             />
           </div>
-          <div>
+          <div className='p-2'>
             <Label htmlFor='location' className='dark:text-neutral-200'>
               Location
             </Label>
@@ -155,7 +155,7 @@ const UpdateProfile = () => {
               className='mt-1'
             />
           </div>
-          <div className='grid grid-cols-1 sm:grid-cols-2 gap-6'>
+          <div className='grid grid-cols-1 sm:grid-cols-2 gap-6 p-2'>
             <div>
               <Label htmlFor='githubUsername' className='dark:text-neutral-200'>
                 GitHub

diff --git a/client/src/components/Settings/WebappSettings.tsx b/client/src/components/Settings/WebappSettings.tsx
@@ -9,7 +9,7 @@ const WebappSettings = () => {
       </h2>
       <ModeToggle />
       <h2 className='text-xl font-semibold mb-4 dark:text-neutral-100 mt-4'>
-        Delete Acc
+        Delete Account
       </h2>
       <DeleteAccount />
     </div>