replaced email with username

components/Modal/Collection/TeamManagement.tsx

@@ -43,7 +43,7 @@ export default function TeamManagement({
     canDelete: false,
     user: {
       name: "",
-      email: "",
+      username: "",
     },
   });
 
@@ -65,7 +65,7 @@ export default function TeamManagement({
       canDelete: false,
       user: {
         name: "",
-        email: "",
+        username: "",
       },
     });
   };
@@ -146,32 +146,32 @@ export default function TeamManagement({
 
           <div className="flex items-center gap-2">
             <input
-              value={member.user.email}
+              value={member.user.username}
               onChange={(e) => {
                 setMember({
                   ...member,
-                  user: { ...member.user, email: e.target.value },
+                  user: { ...member.user, username: e.target.value },
                 });
               }}
               onKeyDown={(e) =>
                 e.key === "Enter" &&
                 addMemberToCollection(
-                  session.data?.user.email as string,
-                  member.user.email,
+                  session.data?.user.username as string,
+                  member.user.username,
                   collection,
                   setMemberState
                 )
               }
               type="text"
-              placeholder="Email"
+              placeholder="Username"
               className="w-full rounded-md p-3 border-sky-100 border-solid border outline-none focus:border-sky-500 duration-100"
             />
 
             <div
               onClick={() =>
                 addMemberToCollection(
-                  session.data?.user.email as string,
-                  member.user.email,
+                  session.data?.user.username as string,
+                  member.user.username,
                   collection,
                   setMemberState
                 )
@@ -206,7 +206,7 @@ export default function TeamManagement({
                         onClick={() => {
                           const updatedMembers = collection.members.filter(
                             (member) => {
-                              return member.user.email !== e.user.email;
+                              return member.user.username !== e.user.username;
                             }
                           );
                           setCollection({
@@ -225,7 +225,7 @@ export default function TeamManagement({
                         <p className="text-sm font-bold text-sky-500">
                           {e.user.name}
                         </p>
-                        <p className="text-sky-900">{e.user.email}</p>
+                        <p className="text-sky-900">{e.user.username}</p>
                       </div>
                     </div>
                     <div className="flex sm:block items-center gap-5 min-w-[10rem]">
@@ -269,7 +269,9 @@ export default function TeamManagement({
                                 if (permissions === true) {
                                   const updatedMembers = collection.members.map(
                                     (member) => {
-                                      if (member.user.email === e.user.email) {
+                                      if (
+                                        member.user.username === e.user.username
+                                      ) {
                                         return {
                                           ...member,
                                           canCreate: !e.canCreate,
@@ -312,7 +314,9 @@ export default function TeamManagement({
                                 if (permissions === true) {
                                   const updatedMembers = collection.members.map(
                                     (member) => {
-                                      if (member.user.email === e.user.email) {
+                                      if (
+                                        member.user.username === e.user.username
+                                      ) {
                                         return {
                                           ...member,
                                           canUpdate: !e.canUpdate,
@@ -355,7 +359,9 @@ export default function TeamManagement({
                                 if (permissions === true) {
                                   const updatedMembers = collection.members.map(
                                     (member) => {
-                                      if (member.user.email === e.user.email) {
+                                      if (
+                                        member.user.username === e.user.username
+                                      ) {
                                         return {
                                           ...member,
                                           canDelete: !e.canDelete,

components/Modal/User/ChangePassword.tsx

@@ -56,8 +56,8 @@ export default function ChangePassword({
 
       setSubmitLoader(false);
 
-      if (user.email !== account.email || user.name !== account.name)
-        update({ email: user.email, name: user.name });
+      if (user.username !== account.username || user.name !== account.name)
+        update({ username: user.username, name: user.name });
 
       if (response.ok) {
         setUser({ ...user, oldPassword: undefined, newPassword: undefined });

components/Modal/User/PrivacySettings.tsx

@@ -64,8 +64,8 @@ export default function PrivacySettings({
 
     setSubmitLoader(false);
 
-    if (user.email !== account.email || user.name !== account.name)
-      update({ email: user.email, name: user.name });
+    if (user.username !== account.username || user.name !== account.name)
+      update({ username: user.username, name: user.name });
 
     if (response.ok) {
       setUser({ ...user, oldPassword: undefined, newPassword: undefined });
@@ -93,7 +93,7 @@ export default function PrivacySettings({
           <div>
             <p className="text-sm text-sky-500 my-2">Whitelisted Users</p>
             <p className="text-gray-500 text-sm mb-3">
-              Please provide the Email addresses of the users you wish to grant
+              Please provide the Username of the users you wish to grant
               visibility to your profile. Separated by comma.
             </p>
             <textarea

components/Modal/User/ProfileSettings.tsx

@@ -80,8 +80,12 @@ export default function ProfileSettings({
 
     setSubmitLoader(false);
 
-    if (user.email !== account.email || user.name !== account.name)
-      update({ email: user.email, name: user.name });
+    if (user.username !== account.username || user.name !== account.name)
+      update({
+        username: user.username,
+        email: user.username,
+        name: user.name,
+      });
 
     if (response.ok) {
       setUser({ ...user, oldPassword: undefined, newPassword: undefined });
@@ -146,11 +150,11 @@ export default function ProfileSettings({
           </div>
 
           <div>
-            <p className="text-sm text-sky-500 mb-2">Email</p>
+            <p className="text-sm text-sky-500 mb-2">Username</p>
             <input
               type="text"
-              value={user.email}
-              onChange={(e) => setUser({ ...user, email: e.target.value })}
+              value={user.username}
+              onChange={(e) => setUser({ ...user, username: e.target.value })}
               className="w-full rounded-md p-2 border-sky-100 border-solid border outline-none focus:border-sky-500 duration-100"
             />
           </div>