fix: Create const for username's div max width

graasp · Aug 10, 2021 · 19376b6 · 19376b6
1 parent 9834c46
commit 19376b6
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/src/components/common/SettingsHeader.js b/src/components/common/SettingsHeader.js
@@ -14,6 +14,7 @@ import { hooks, useMutation } from '../../config/queryClient';
 import {
   AUTHENTICATION_HOST,
   USERNAME_MAX_LENGTH,
+  HEADER_USERNAME_MAX_WIDTH,
 } from '../../config/constants';
 import {
   HEADER_USER_ID,
@@ -32,7 +33,7 @@ const useStyles = makeStyles((theme) => ({
   },
   username: {
     margin: theme.spacing(0, 2),
-    maxWidth: 120,
+    maxWidth: HEADER_USERNAME_MAX_WIDTH,
   },
 }));
 

diff --git a/src/config/constants.js b/src/config/constants.js
@@ -95,6 +95,7 @@ export const UPLOAD_METHOD =
 export const ITEM_ICON_MAX_SIZE = 25;
 
 export const USERNAME_MAX_LENGTH = 15;
+export const HEADER_USERNAME_MAX_WIDTH = 120;
 
 export const SHARE_ITEM_MODAL_MIN_WIDTH = 120;