Remove comments

Author: johnwage

app/src/components/StateManagement/CreateTab/components/StatePropsPanel.tsx

@@ -287,11 +287,6 @@ const StatePropsPanel = ({ isThemeLight, data }): JSX.Element => {
               onChange={(event) => setInputType(event.target.value)}
               MenuProps={{ disablePortal: true }}
               style={{
-                // backgroundColor: 'gray',
-                // color: '#fff',
-                // border: '1px solid white',
-                // height: '50px',
-                // width: '234px',
                 height: '100%',
                 width: '100%',
                 margin: '0 auto'

app/src/components/left/Sidebar.tsx

@@ -26,7 +26,6 @@ const Sidebar: React.FC<SidebarProps> = ({
   //the following allows users to click on the left panel to expand and collapse.
   // We decided to freeze so we've commented this and line 41 out
 
-  
   // const handleTabClick = (event: React.MouseEvent, oldValue: number) => {
   //   if (activeTab === oldValue) {
   //     setActiveTab(null);
@@ -53,77 +52,77 @@ const Sidebar: React.FC<SidebarProps> = ({
         alignItems: 'center',
         justifyContent: 'top',
         gap: '50px',
-        width: '70px', // changed from 67
-        background: '#1e2024', // changed
-        marginRight: '2px', // added
+        width: '70px',
+        background: '#1e2024',
+        marginRight: '2px',
         height: '100vh'
       }}
     >
       <Tab sx={{ position: 'absolute', visibility: 'hidden' }} value={null} />
       <Tab
         sx={{
           color: activeTab === 0 ? '#E4E4E5' : '#9C9D9F',
-          backgroundColor: activeTab === 0 && '#2D313A', // added
+          backgroundColor: activeTab === 0 && '#2D313A',
           '&.Mui-selected': { color: '#E4E4E5' },
           '&:hover': { color: '#e9e9e9' },
-          fontSize: '11px', // added
-          textTransform: 'none' // added
+          fontSize: '11px',
+          textTransform: 'none'
         }}
         icon={<AddBox sx={{ fontSize: '26px' }} />}
         value={0}
-        label="Canvas" // added
+        label="Canvas"
       />
       <Tab
         sx={{
           color: activeTab === 1 ? '#E4E4E5' : '#9C9D9F',
           backgroundColor: activeTab === 1 && '#2D313A',
           '&.Mui-selected': { color: '#E4E4E5' },
           '&:hover': { color: '#e9e9e9' },
-          fontSize: '11px', // added
-          textTransform: 'none' // added
+          fontSize: '11px',
+          textTransform: 'none'
         }}
         icon={<IoMdCube style={{ fontSize: '25px' }} />}
         value={1}
-        label="Create" // added
+        label="Create"
       />
       <Tab
         sx={{
           color: activeTab === 2 ? '#E4E4E5' : '#9C9D9F',
           backgroundColor: activeTab === 2 && '#2D313A',
           '&.Mui-selected': { color: '#E4E4E5' },
           '&:hover': { color: '#e9e9e9' },
-          fontSize: '11px', // added
-          textTransform: 'none' // added
+          fontSize: '11px',
+          textTransform: 'none'
         }}
         icon={<Groups2 sx={{ fontSize: '28px' }} />}
         value={2}
-        label="Collab" // added
+        label="Collab"
       />
       <Tab
         sx={{
           color: activeTab === 3 ? '#E4E4E5' : '#9C9D9F',
           backgroundColor: activeTab === 3 && '#2D313A',
           '&.Mui-selected': { color: '#E4E4E5' },
           '&:hover': { color: '#e9e9e9' },
-          fontSize: '11px', // added
-          textTransform: 'none' // added
+          fontSize: '11px',
+          textTransform: 'none'
         }}
         icon={<AccountBox sx={{ fontSize: '26px' }} />}
         value={3}
-        label="Profile" // added
+        label="Profile"
       />
       <Tab
         sx={{
           color: activeTab === 4 ? '#E4E4E5' : '#9C9D9F',
           backgroundColor: activeTab === 4 && '#2D313A',
           '&.Mui-selected': { color: '#E4E4E5' },
           '&:hover': { color: '#e9e9e9' },
-          fontSize: '11px', // added
-          textTransform: 'none' // added
+          fontSize: '11px',
+          textTransform: 'none'
         }}
         icon={<Settings sx={{ fontSize: '26px' }} />}
         value={4}
-        label="Settings" // added
+        label="Settings"
       />
     </Tabs>
   );