From d464d13710ed7e43f1a17f815eb77a7fec4dd851 Mon Sep 17 00:00:00 2001
From: Matt Kirby <MattJKirby@outlook.com>
Date: Fri, 14 Apr 2023 15:36:14 +0100
Subject: [PATCH] Disabled username update field in profile page
---
daily-thought-frontend/src/pages/profile.tsx | 3 ++-
1 file changed, 2 insertions(+), 1 deletion(-)
diff --git a/daily-thought-frontend/src/pages/profile.tsx b/daily-thought-frontend/src/pages/profile.tsx
index 713871ab..9a6ebb22 100644
--- a/daily-thought-frontend/src/pages/profile.tsx
+++ b/daily-thought-frontend/src/pages/profile.tsx
@@ -108,7 +108,7 @@ const Profile = () => {
Username
</label>
<div className="mt-2">
- <div className="flex rounded-md shadow-sm ring-1 ring-inset ring-gray-300 focus-within:ring-2 focus-within:ring-inset focus-within:ring-indigo-600 sm:max-w-md">
+ <div className="flex bg-gray-100 rounded-md shadow-sm ring-1 ring-inset ring-gray-300 focus-within:ring-2 focus-within:ring-inset focus-within:ring-indigo-600 sm:max-w-md">
<span className="flex select-none items-center pl-3 text-gray-500 sm:text-sm">dialy.com/</span>
<input
type="text"
@@ -119,6 +119,7 @@ const Profile = () => {
placeholder="janesmith"
value={user?.username}
onChange={(e) => handleItemChange("username", e.target.value)}
+ disabled
/>
</div>
</div>
--
GitLab