add no friends message

394-w25 · Feb 2, 2025 · 6e4db3b · 6e4db3b
1 parent 299df13
commit 6e4db3b
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/src/components/Feed/Feed.css b/src/components/Feed/Feed.css
@@ -23,4 +23,8 @@
     z-index: 1000;
     background-color: #fff;
   }
-
+
+  .no-friends-text {
+    margin-top: 50px !important;
+    text-align: center;
+  }
diff --git a/src/components/Feed/Feed.jsx b/src/components/Feed/Feed.jsx
@@ -4,9 +4,7 @@ import NavigationBar from '../NavigationBar/NavigationBar';
 import CourseSelect from '../CourseSelect/CourseSelect';
 import PeopleIcon from '@mui/icons-material/People';
 import PublicIcon from '@mui/icons-material/Public';
-import Tabs from '@mui/material/Tabs';
-import Tab from '@mui/material/Tab';
-import { Container, Box, Stack } from '@mui/material';
+import { Container, Box, Stack, Typography, Tabs, Tab } from '@mui/material';
 import { collection, getDocs } from "firebase/firestore"; 
 import {db} from "../../utilities/firebase";
 import "./Feed.css";
@@ -74,7 +72,7 @@ function Feed({ friends, setLikedPosts }) {
         <Box>
         <Stack spacing={3}>
           {filteredPosts.length === 0 ? (
-            <p>No results found...</p>
+            <Typography className="no-friends-text" variant="h4">Your friends have not reviewed any courses yet. Add more friends to see some posts!</Typography>
           ) : (
             filteredPosts
               .slice()