Implemented user signin, signup, user searching

Author: foyzulkarim

package-lock.json

@@ -31,6 +31,7 @@
     "@mui/material": "^5.14.12",
     "@vercel/analytics": "^1.2.2",
     "apexcharts": "^3.43.0",
+    "axios": "^1.6.8",
     "date-fns": "^2.30.0",
     "history": "^5.3.0",
     "lodash": "^4.17.21",

package.json

@@ -18,7 +18,7 @@ function TextHighlight({ text, searchKeyword }) {
   useEffect(() => {
     if (searchKeyword) {
       const regex = new RegExp(`(${searchKeyword})`, 'gi');
-      const parts = text.split(regex);
+      const parts = text?.split(regex) ?? [];
       const newHighlightedText = parts.map((part, i) =>
         part.toLowerCase() === searchKeyword.toLowerCase() ? (
           <mark key={i}>{part}</mark>

src/sections/user/user-table-row.jsx

@@ -7,6 +7,7 @@ import Stack from '@mui/material/Stack';
 import Avatar from '@mui/material/Avatar';
 import ListItem from '@mui/material/ListItem';
 import MapIcon from '@mui/icons-material/Map';
+import GitHub from '@mui/icons-material/GitHub';
 import CardHeader from '@mui/material/CardHeader';
 import Typography from '@mui/material/Typography';
 import EmailIcon from '@mui/icons-material/Email';
@@ -117,6 +118,26 @@ const ProfileCard = ({
             </ListItemText>
           </ListItem>
         )}
+        {
+          followers && (
+            <ListItem disableGutters>
+              <ListItemIcon>
+                <GitHub />
+              </ListItemIcon>
+              <ListItemText primary={`Followers: ${followers}`} />
+            </ListItem>
+          )
+        }
+        {
+          following && (
+            <ListItem disableGutters>
+              <ListItemIcon>
+                <GitHub />
+              </ListItemIcon>
+              <ListItemText primary={`Following: ${following}`} />
+            </ListItem>
+          )
+        }
       </Stack>
     </CardContent>
   </Card>