Merge remote-tracking branch 'origin/Navbar' into development

NonLegit · Nov 11, 2022 · fbbcc5f · fbbcc5f
2 parents d21cbee + cc0eaee
commit fbbcc5f
Show file tree

Hide file tree

Showing 124 changed files with 11,352 additions and 43,154 deletions.
diff --git a/.babelrc b/.babelrc
@@ -3,4 +3,4 @@
     "@babel/preset-env",
     ["@babel/preset-react", {"runtime": "automatic"}],
   ],
-  }
+}
diff --git a/docs/Navbar_HomeList_HomeList.jsx.html b/docs/Navbar_HomeList_HomeList.jsx.html
@@ -0,0 +1,125 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>JSDoc: Source: Navbar/HomeList/HomeList.jsx</title>
+
+    <script src="scripts/prettify/prettify.js"> </script>
+    <script src="scripts/prettify/lang-css.js"> </script>
+    <!--[if lt IE 9]>
+      <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
+    <![endif]-->
+    <link type="text/css" rel="stylesheet" href="styles/prettify-tomorrow.css">
+    <link type="text/css" rel="stylesheet" href="styles/jsdoc-default.css">
+</head>
+
+<body>
+
+<div id="main">
+
+    <h1 class="page-title">Source: Navbar/HomeList/HomeList.jsx</h1>
+
+
+
+
+
+
+    <section>
+        <article>
+            <pre class="prettyprint source linenums"><code>import HomeIcon from '@mui/icons-material/Home';
+import ContactlessOutlinedIcon from '@mui/icons-material/ContactlessOutlined';
+import {
+  List, ListItemButton, ListItemIcon, ListItemText,
+  Collapse, ListSubheader,
+} from '@mui/material';
+import ExpandMore from '@mui/icons-material/ExpandMore';
+import * as React from 'react';
+import OutboundOutlinedIcon from '@mui/icons-material/OutboundOutlined';
+import Avatar from '@mui/material/Avatar';
+import AddIcon from '@mui/icons-material/Add';
+import NotificationsNoneIcon from '@mui/icons-material/NotificationsNone';
+import StyledList from './styles';
+import Reddit from '../assests/Reddit.svg';
+
+/**
+ *
+ * @returns {React.Component} left list in navbar in logged in mode
+ */
+function HomeList() {
+  const [OpenHomeList, setOpenHomeList] = React.useState(0);
+  const handleClickHomeList = () => {
+    setOpenHomeList(!OpenHomeList);
+  };
+  const FeedsList = [
+    { icon: &lt;HomeIcon />, label: 'home' },
+    { icon: &lt;OutboundOutlinedIcon />, label: 'popular' },
+    { icon: &lt;ContactlessOutlinedIcon />, label: 'all' },
+  ];
+  const OthersList = [
+    { icon: &lt;Avatar src={Reddit} />, label: 'user settings' },
+    { icon: &lt;Avatar src={Reddit} />, label: 'messages' },
+    { icon: &lt;AddIcon sx={{ fontSize: 30 }} />, label: 'create post' },
+    { icon: &lt;ContactlessOutlinedIcon />, label: 'top communities' },
+    { icon: &lt;NotificationsNoneIcon />, label: 'notifications' },
+  ];
+  return (
+    &lt;StyledList>
+      &lt;ListItemButton onClick={handleClickHomeList}>
+        &lt;ListItemIcon>
+          &lt;HomeIcon />
+        &lt;/ListItemIcon>
+        &lt;ListItemText primary="Home" sx={{ color: 'black', paddingLeft: '5px' }} />
+        &lt;ExpandMore sx={{ color: '#757575', fontSize: 20 }} />
+      &lt;/ListItemButton>
+      &lt;Collapse in={Boolean(OpenHomeList)} timeout="auto" unmountOnExit sx={{ position: 'absolute', width: '270px', left: '0px' }}>
+        &lt;List component="div" disablePadding subheader={&lt;ListSubheader>feeds&lt;/ListSubheader>}>
+          {FeedsList.map((items) => (
+            &lt;ListItemButton>
+              &lt;ListItemIcon>
+                {items.icon}
+              &lt;/ListItemIcon>
+              &lt;ListItemText primary={items.label} />
+            &lt;/ListItemButton>
+          ))}
+        &lt;/List>
+        &lt;List component="div" disablePadding subheader={&lt;ListSubheader>others&lt;/ListSubheader>}>
+          {
+              OthersList.map((items) => (
+                &lt;ListItemButton>
+                  &lt;ListItemIcon>
+                    {items.icon}
+                  &lt;/ListItemIcon>
+                  &lt;ListItemText primary={items.label} />
+                &lt;/ListItemButton>
+              ))
+            }
+        &lt;/List>
+      &lt;/Collapse>
+    &lt;/StyledList>
+  );
+}
+
+export default HomeList;
+</code></pre>
+        </article>
+    </section>
+
+
+
+
+</div>
+
+<nav>
+    <h2><a href="index.html">Home</a></h2><h3>Global</h3><ul><li><a href="global.html#DrawerBottom">DrawerBottom</a></li><li><a href="global.html#ForgetPass">ForgetPass</a></li><li><a href="global.html#ForgetUser">ForgetUser</a></li><li><a href="global.html#HomeList">HomeList</a></li><li><a href="global.html#LogIn">LogIn</a></li><li><a href="global.html#Navbar">Navbar</a></li><li><a href="global.html#SNavbar">SNavbar</a></li><li><a href="global.html#SignUp">SignUp</a></li><li><a href="global.html#SignUpEmail">SignUpEmail</a></li><li><a href="global.html#ThirdPartyButton">ThirdPartyButton</a></li><li><a href="global.html#ThirdPartyContainer">ThirdPartyContainer</a></li><li><a href="global.html#UserList">UserList</a></li><li><a href="global.html#UserNamePasswordForm">UserNamePasswordForm</a></li><li><a href="global.html#logoIcon">logoIcon</a></li><li><a href="global.html#navIcons">navIcons</a></li><li><a href="global.html#responseFacebook">responseFacebook</a></li><li><a href="global.html#responseGoogleSuccess">responseGoogleSuccess</a></li><li><a href="global.html#searchButton">searchButton</a></li></ul>
+</nav>
+
+<br class="clear">
+
+<footer>
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 4.0.0</a> on Fri Nov 11 2022 11:40:23 GMT+0200 (Eastern European Standard Time)
+</footer>
+
+<script> prettyPrint(); </script>
+<script src="scripts/linenumber.js"> </script>
+</body>
+</html>
diff --git a/docs/Navbar_Logo_logoIcon.jsx.html b/docs/Navbar_Logo_logoIcon.jsx.html
@@ -0,0 +1,75 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>JSDoc: Source: Navbar/Logo/logoIcon.jsx</title>
+
+    <script src="scripts/prettify/prettify.js"> </script>
+    <script src="scripts/prettify/lang-css.js"> </script>
+    <!--[if lt IE 9]>
+      <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
+    <![endif]-->
+    <link type="text/css" rel="stylesheet" href="styles/prettify-tomorrow.css">
+    <link type="text/css" rel="stylesheet" href="styles/jsdoc-default.css">
+</head>
+
+<body>
+
+<div id="main">
+
+    <h1 class="page-title">Source: Navbar/Logo/logoIcon.jsx</h1>
+
+
+
+
+
+
+    <section>
+        <article>
+            <pre class="prettyprint source linenums"><code>import { Box } from '@mui/material';
+import LogoText from '../assests/LogoText.svg';
+import Logo from '../assests/Logo.svg';
+
+/**
+ * Both of the logo and word are hyperlinks to the homepage.
+ * @returns {React.Component} logo and nonlegit word beside it.
+ */
+function logoIcon() {
+  return (
+    &lt;a href="wwww.reddit.com">
+      &lt;Box sx={{ display: 'flex' }}>
+        &lt;Box sx={{ padding: '8px 8px 8px 0px', display: 'flex', justifyContent: 'center' }}>
+          &lt;img alt="" src={Logo} width={32} height={32} />
+        &lt;/Box>
+        &lt;Box sx={{ display: { xs: 'none', lg: 'flex' }, alignItems: 'center', paddingBottom: '4px' }}>
+          &lt;img alt="" src={LogoText} width={57} height={20} />
+        &lt;/Box>
+      &lt;/Box>
+    &lt;/a>
+  );
+}
+
+export default logoIcon;
+</code></pre>
+        </article>
+    </section>
+
+
+
+
+</div>
+
+<nav>
+    <h2><a href="index.html">Home</a></h2><h3>Global</h3><ul><li><a href="global.html#DrawerBottom">DrawerBottom</a></li><li><a href="global.html#ForgetPass">ForgetPass</a></li><li><a href="global.html#ForgetUser">ForgetUser</a></li><li><a href="global.html#HomeList">HomeList</a></li><li><a href="global.html#LogIn">LogIn</a></li><li><a href="global.html#Navbar">Navbar</a></li><li><a href="global.html#SNavbar">SNavbar</a></li><li><a href="global.html#SignUp">SignUp</a></li><li><a href="global.html#SignUpEmail">SignUpEmail</a></li><li><a href="global.html#ThirdPartyButton">ThirdPartyButton</a></li><li><a href="global.html#ThirdPartyContainer">ThirdPartyContainer</a></li><li><a href="global.html#UserList">UserList</a></li><li><a href="global.html#UserNamePasswordForm">UserNamePasswordForm</a></li><li><a href="global.html#logoIcon">logoIcon</a></li><li><a href="global.html#navIcons">navIcons</a></li><li><a href="global.html#responseFacebook">responseFacebook</a></li><li><a href="global.html#responseGoogleSuccess">responseGoogleSuccess</a></li><li><a href="global.html#searchButton">searchButton</a></li></ul>
+</nav>
+
+<br class="clear">
+
+<footer>
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 4.0.0</a> on Fri Nov 11 2022 11:40:23 GMT+0200 (Eastern European Standard Time)
+</footer>
+
+<script> prettyPrint(); </script>
+<script src="scripts/linenumber.js"> </script>
+</body>
+</html>
diff --git a/docs/Navbar_NavIcons_NavIcons.jsx.html b/docs/Navbar_NavIcons_NavIcons.jsx.html
@@ -0,0 +1,117 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>JSDoc: Source: Navbar/NavIcons/NavIcons.jsx</title>
+
+    <script src="scripts/prettify/prettify.js"> </script>
+    <script src="scripts/prettify/lang-css.js"> </script>
+    <!--[if lt IE 9]>
+      <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
+    <![endif]-->
+    <link type="text/css" rel="stylesheet" href="styles/prettify-tomorrow.css">
+    <link type="text/css" rel="stylesheet" href="styles/jsdoc-default.css">
+</head>
+
+<body>
+
+<div id="main">
+
+    <h1 class="page-title">Source: Navbar/NavIcons/NavIcons.jsx</h1>
+
+
+
+
+
+
+    <section>
+        <article>
+            <pre class="prettyprint source linenums"><code>import AddIcon from '@mui/icons-material/Add';
+import Badge from '@mui/material/Badge';
+import { grey } from '@mui/material/colors';
+import OutboundOutlinedIcon from '@mui/icons-material/OutboundOutlined';
+import NotificationsNoneIcon from '@mui/icons-material/NotificationsNone';
+import { IconButton, Zoom, Box } from '@mui/material';
+import StyledTooltip from './styles';
+
+/**
+ *
+ * @returns {React.Component} the three icons in the navbar (Popular - notifications - create post)
+ */
+function navIcons() {
+  return (
+    &lt;Box sx={{ display: { xs: 'none', sm: 'flex' }, flexDirection: 'row' }}>
+      &lt;StyledTooltip
+        title="Popular"
+        TransitionComponent={Zoom}
+        enterDelay={700}
+        enterNextDelay={700}
+      >
+        &lt;IconButton
+          size="large"
+          aria-label="show 17 new notifications"
+          color="inherit"
+          sx={{ '&amp;:hover': { backgroundColor: 'transparent' } }}
+        >
+          &lt;OutboundOutlinedIcon sx={{ color: grey[600], fontSize: 25 }} />
+        &lt;/IconButton>
+      &lt;/StyledTooltip>
+
+      &lt;StyledTooltip
+        title="Notifications"
+        TransitionComponent={Zoom}
+        enterDelay={700}
+        enterNextDelay={700}
+      >
+        &lt;IconButton
+          size="large"
+          aria-label="show 17 new notifications"
+          color="inherit"
+          sx={{ '&amp;:hover': { backgroundColor: 'transparent' } }}
+        >
+          &lt;Badge badgeContent={17} color="error">
+            &lt;NotificationsNoneIcon sx={{ color: grey[600], fontSize: 25 }} />
+          &lt;/Badge>
+        &lt;/IconButton>
+      &lt;/StyledTooltip>
+
+      &lt;StyledTooltip
+        title="Add Post"
+        TransitionComponent={Zoom}
+        enterDelay={700}
+        enterNextDelay={700}
+      >
+        &lt;IconButton
+          sx={{ '&amp;:hover': { backgroundColor: 'transparent' } }}
+        >
+          &lt;AddIcon sx={{ fontSize: 30 }} />
+        &lt;/IconButton>
+      &lt;/StyledTooltip>
+    &lt;/Box>
+  );
+}
+
+export default navIcons;
+</code></pre>
+        </article>
+    </section>
+
+
+
+
+</div>
+
+<nav>
+    <h2><a href="index.html">Home</a></h2><h3>Global</h3><ul><li><a href="global.html#DrawerBottom">DrawerBottom</a></li><li><a href="global.html#ForgetPass">ForgetPass</a></li><li><a href="global.html#ForgetUser">ForgetUser</a></li><li><a href="global.html#HomeList">HomeList</a></li><li><a href="global.html#LogIn">LogIn</a></li><li><a href="global.html#Navbar">Navbar</a></li><li><a href="global.html#SNavbar">SNavbar</a></li><li><a href="global.html#SignUp">SignUp</a></li><li><a href="global.html#SignUpEmail">SignUpEmail</a></li><li><a href="global.html#ThirdPartyButton">ThirdPartyButton</a></li><li><a href="global.html#ThirdPartyContainer">ThirdPartyContainer</a></li><li><a href="global.html#UserList">UserList</a></li><li><a href="global.html#UserNamePasswordForm">UserNamePasswordForm</a></li><li><a href="global.html#logoIcon">logoIcon</a></li><li><a href="global.html#navIcons">navIcons</a></li><li><a href="global.html#responseFacebook">responseFacebook</a></li><li><a href="global.html#responseGoogleSuccess">responseGoogleSuccess</a></li><li><a href="global.html#searchButton">searchButton</a></li></ul>
+</nav>
+
+<br class="clear">
+
+<footer>
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 4.0.0</a> on Fri Nov 11 2022 11:40:23 GMT+0200 (Eastern European Standard Time)
+</footer>
+
+<script> prettyPrint(); </script>
+<script src="scripts/linenumber.js"> </script>
+</body>
+</html>
-Original file line number
+Diff line change
@@ Expand Up / @@ -3,4 +3,4 @@ @@
         "@babel/preset-env",
         ["@babel/preset-react", {"runtime": "automatic"}],
       ],
-      }
+    }