[Issue #1] add FAB_ICON_ONLY variable to remove text from live chat w…

…idget
xyfir · Feb 13, 2020 · 7ae90e5 · 7ae90e5
1 parent 4d92be8
commit 7ae90e5
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/web/components/Button.tsx b/web/components/Button.tsx
@@ -5,15 +5,15 @@ import {
   Chat as ChatIcon
 } from '@material-ui/icons';
 
-const { UNREAD_MESSAGES_FAB_TEXT, FAB_TEXT } = process.enve;
+const { UNREAD_MESSAGES_FAB_TEXT, FAB_TEXT, FAB_ICON_ONLY } = process.enve;
 
 const useStyles = makeStyles(theme =>
   createStyles({
     hiddenFab: {
       transform: 'translate(0, 150%)'
     },
     fabIcon: {
-      marginRight: theme.spacing()
+      marginRight: FAB_ICON_ONLY ? '0' : theme.spacing()
     },
     fab: {
       transition: '0.5s',
@@ -54,7 +54,7 @@ export function ChatButton({ onOpen, alert, show }: ChatButtonProps) {
       aria-label={FAB_TEXT}
     >
       <ChatIcon className={classes.fabIcon} />
-      {FAB_TEXT}
+      {FAB_ICON_ONLY ? '' : FAB_TEXT}
     </Fab>
   );
 }
diff --git a/web/example.env b/web/example.env
@@ -12,6 +12,8 @@ STATIC_PATH="/static/"
 
 FAB_ON_RIGHT=true
 
+FAB_ICON_ONLY=false
+
 YALCS_API_URL="https://example.com/yalcs/api"
 
 UNREAD_MESSAGES_FAB_TEXT="Unread messages!"