Make username readonly and disabled in settings

pbteja1998 · pbteja1998 · commit b445f04e4e14 · 2021-02-19T18:10:26.000+05:30
diff --git a/src/components/settings/ProfileSettings.tsx b/src/components/settings/ProfileSettings.tsx
@@ -30,7 +30,7 @@ export default function ProfileSettings() {
         },
         body: JSON.stringify({
           user: {
-            username: data.username,
+            // username: data.username,
             image: data.image,
             account: {
               firstName: data.firstName,
@@ -96,6 +96,10 @@ export default function ProfileSettings() {
               <div className="col-span-4 flex flex-col-reverse md:grid md:grid-cols-4">
                 <div className="flex md:col-span-3 flex-col gap-6 max-w-lg">
                   <Input
+                    disabled={true}
+                    readOnly={true}
+                    aria-readonly={true}
+                    aria-disabled={true}
                     label="Username"
                     type="text"
                     leadingAddon="coderplex.org/"
@@ -125,7 +129,6 @@ export default function ProfileSettings() {
                         : 'This field is required'
                     }
                   />
-
                   <Input
                     label="Profile Picture"
                     type="url"
