{usersToUse.map((user, index) => {
- let profileLink = `/fakebook/${user.lastname}.${user.firstname}`;
+ let profileLink = `/${user.lastname}.${user.firstname}`;
if (user.index && user.index > 0)
profileLink = profileLink + `.${user.index}`;
return (
@@ -30,10 +30,10 @@ const FriendList = (props) => {
>
);
diff --git a/src/components/FriendsListPage.jsx b/src/components/FriendsListPage.jsx
index dbe2b35..c602ffc 100644
--- a/src/components/FriendsListPage.jsx
+++ b/src/components/FriendsListPage.jsx
@@ -8,46 +8,45 @@ import imgFriends from "../images/friends.jpg";
import { useDispatch } from "react-redux";
import { linkUpdated } from "../features/link/linkSlice";
-const FriendsListPage = (props) => {
+const FriendsListPage = () => {
+ const FRIENDS_LIST_PAGE_PATH = "/friends/list";
- const FRIENDS_LIST_PAGE_PATH = "/fakebook/friends/list";
+ const location = useLocation();
+ const dispatch = useDispatch();
- const location = useLocation();
- const dispatch = useDispatch();
+ const isNoUser = FRIENDS_LIST_PAGE_PATH === location.pathname;
- const isNoUser = FRIENDS_LIST_PAGE_PATH === location.pathname;
+ //we set the active link to the friends link when it renders
+ useEffect(() => {
+ dispatch(linkUpdated("friends"));
+ }, [dispatch]);
- //we set the active link to the friends link when it renders
- useEffect(() => {
- dispatch(linkUpdated("friends"));
- }, [dispatch]);
-
- return window.innerWidth > 600 || isNoUser ? (
-
-
-
- {isNoUser ? (
-
-
-
- Select people's names to preview their profile.
-
-
- ) : (
-
- );
+ return window.innerWidth > 600 || isNoUser ? (
+
+
+
+ {isNoUser ? (
+
+
+
+ Select people's names to preview their profile.
+
+
+ ) : (
+
+ );
};
export default FriendsListPage;
diff --git a/src/components/LeftNavbar.jsx b/src/components/LeftNavbar.jsx
index 3deb4e8..4d0fd45 100644
--- a/src/components/LeftNavbar.jsx
+++ b/src/components/LeftNavbar.jsx
@@ -11,26 +11,26 @@ const LeftNavbar = (props) => {
const user = useSelector((state) => state.currentUser);
return (
-