From 4e77c99e1f3ac9fbf9276cd0fbccc4784476b42d Mon Sep 17 00:00:00 2001
From: Steve Corwin Amalfitano <37982371+PrinceCorwin@users.noreply.github.com>
Date: Tue, 7 Jun 2022 20:43:34 -0500
Subject: [PATCH] Update Footer.js

---
 src/components/iList/Footer.js | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/iList/Footer.js b/src/components/iList/Footer.js
index b8576b5..bc25d9a 100644
--- a/src/components/iList/Footer.js
+++ b/src/components/iList/Footer.js
@@ -1,6 +1,9 @@
 import { Flex, Text } from '@chakra-ui/react';
 import checkbox3 from '../../images/checkbox3.png';
 const Footer = ({ user, bg, color, length }) => {
+  const str = user.email;
+  const nameParts = str.split('@');
+  const emailName = nameParts.length == 2 ? nameParts[0] : null;
   return (
     // <Flex
     //   bg={bg}
@@ -19,11 +22,11 @@ const Footer = ({ user, bg, color, length }) => {
         <p className="d-i"> iLIST</p>
       </div>
       <p>
-        {length} list {length === 1 ? 'item' : 'items'}
+        {length} {length === 1 ? 'item' : 'items'}
       </p>
 
       <Text align="end" w="250px" isTruncated>
-        {user.email ? user.email : 'Demo Mode'}
+        {user.email ? emailName : 'Demo Mode'}
       </Text>
     </div>
     // </Flex>