fix: misplaced layout

public/locales/en/translation.json

@@ -128,6 +128,9 @@
     "noOrgErrorTitle": "Organizations Not Found",
     "noOrgErrorDescription": "Please create an organization through dashboard"
   },
+  "posts": {
+    "title": "Posts"
+  },
   "users": {
     "title": "Talawa Roles",
     "joined_organizations": "Joined Organizations",

public/locales/fr/translation.json

@@ -128,6 +128,9 @@
     "noOrgErrorTitle": "Organisations introuvables",
     "noOrgErrorDescription": "Veuillez créer une organisation via le tableau de bord"
   },
+  "posts": {
+    "title": "Articles"
+  },
   "users": {
     "title": "Rôles Talawa",
     "joined_organizations": "Organisations rejointes",

public/locales/hi/translation.json

@@ -128,6 +128,9 @@
     "noOrgErrorTitle": "संगठन नहीं मिले",
     "noOrgErrorDescription": "कृपया डैशबोर्ड के माध्यम से एक संगठन बनाएं"
   },
+  "posts": {
+    "title": "पोस्ट"
+  },
   "users": {
     "title": "तलावा भूमिकाएँ",
     "joined_organizations": "संगठनों से जुड़े",

public/locales/sp/translation.json

@@ -188,6 +188,9 @@
     "noOrgErrorTitle": "Organizaciones no encontradas",
     "noOrgErrorDescription": "Por favor, crea una organización a través del panel de control"
   },
+  "posts": {
+    "title": "Publicaciones"
+  },
   "users": {
     "title": "Roles Talawa",
     "searchByName": "Buscar por nombre",

public/locales/zh/translation.json

@@ -128,6 +128,9 @@
     "noOrgErrorTitle": "未找到组织",
     "noOrgErrorDescription": "请通过仪表板创建组织"
   },
+  "posts": {
+    "title": "帖子"
+  },
   "users": {
     "title": "塔拉瓦角色",
     "joined_organizations": "加入组织",

src/App.tsx

@@ -195,7 +195,7 @@ function app(): JSX.Element {
           <Route path="/user/chat" element={<Chat />} />
           <Route element={<UserScreen />}>
             <Route path="/user/organizations" element={<Organizations />} />
-            <Route path="/user/organization/:orgId" element={<Posts />} />
+            <Route path="/user/posts/:orgId" element={<Posts />} />
             <Route path="/user/people/:orgId" element={<People />} />
             <Route path="/user/donate/:orgId" element={<Donate />} />
             <Route path="/user/events/:orgId" element={<Events />} />

src/components/UserPortal/OrganizationCard/OrganizationCard.tsx

@@ -193,7 +193,7 @@ function organizationCard(props: InterfaceOrganizationCardProps): JSX.Element {
             data-testid="manageBtn"
             className={styles.joinedBtn}
             onClick={() => {
-              navigate(`/user/organization/${props.id}`);
+              navigate(`/user/posts/${props.id}`);
             }}
           >
             {t('visit')}

src/screens/UserPortal/Posts/Posts.tsx

@@ -52,38 +52,17 @@ type Ad = {
   endDate: string; // Assuming it's a string in the format 'yyyy-MM-dd'
   startDate: string; // Assuming it's a string in the format 'yyyy-MM-dd'
 };
-interface InterfaceAdContent {
-  _id: string;
-  name: string;
-  type: string;
-  organization: {
-    _id: string;
-  };
-  mediaUrl: string;
-  endDate: string;
-  startDate: string;
-
-  comments: InterfacePostComments;
-  likes: InterfacePostLikes;
-}
-
-type AdvertisementsConnection = {
-  edges: {
-    node: InterfaceAdContent;
-  }[];
-};
 
 type InterfacePostComments = {
+  _id: string;
   creator: {
-    _id: string;
     firstName: string;
     lastName: string;
+    _id: string;
     email: string;
   };
   likeCount: number;
-  likedBy: {
-    id: string;
-  }[];
+  likedBy: { _id: string }[];
   text: string;
 }[];
 
@@ -119,6 +98,23 @@ type InterfacePostNode = {
   likes: InterfacePostLikes;
 };
 
+type CommentLike = {
+  id: string;
+};
+
+type Comment = {
+  id: string;
+  creator: {
+    firstName: string;
+    lastName: string;
+    id: string;
+    email: string;
+  };
+  likeCount: number;
+  likedBy: CommentLike[];
+  text: string;
+};
+
 /**
  * `home` component displays the main feed for a user, including posts, promoted content, and options to create a new post.
  *
@@ -226,29 +222,27 @@ export default function home(): JSX.Element {
       comments,
     } = node;
 
-    const allLikes: any = [];
+    const allLikes: InterfacePostLikes = [];
 
-    likedBy.forEach((value: any) => {
-      const singleLike = {
-        firstName: value.firstName,
-        lastName: value.lastName,
-        id: value._id,
-      };
-      allLikes.push(singleLike);
-    });
-
-    const postComments: any = [];
-
-    comments.forEach((value: any) => {
-      const commentLikes: any = [];
-      value.likedBy.forEach((commentLike: any) => {
+    likedBy.forEach(
+      (value: { _id: string; firstName: string; lastName: string }) => {
         const singleLike = {
-          id: commentLike._id,
+          firstName: value.firstName,
+          lastName: value.lastName,
+          id: value._id,
         };
-        commentLikes.push(singleLike);
-      });
+        allLikes.push(singleLike);
+      },
+    );
+
+    const postComments: Comment[] = [];
 
-      const comment = {
+    comments.forEach((value) => {
+      const commentLikes: CommentLike[] = value.likedBy.map((commentLike) => ({
+        id: commentLike._id,
+      }));
+
+      const comment: Comment = {
         id: value._id,
         creator: {
           firstName: value.creator.firstName,
@@ -260,6 +254,7 @@ export default function home(): JSX.Element {
         likedBy: commentLikes,
         text: value.text,
       };
+
       postComments.push(comment);
     });
 
@@ -311,7 +306,6 @@ export default function home(): JSX.Element {
     <>
       <div className={`d-flex flex-row ${styles.containerHeight}`}>
         <div className={`${styles.colorLight} ${styles.mainContainer}`}>
-          <h1>{t('posts')}</h1>
           <div className={`${styles.postContainer}`}>
             <div className={`${styles.heading}`}>{t('startPost')}</div>
             <div className={styles.postInputContainer}>

src/screens/UserPortal/UserScreen/UserScreen.tsx

@@ -13,6 +13,7 @@ import { useTranslation } from 'react-i18next';
 
 const map: InterfaceMapType = {
   organization: 'home',
+  posts: 'posts',
   people: 'people',
   events: 'userEvents',
   donate: 'donate',

src/state/reducers/userRoutersReducer.test.ts

@@ -11,7 +11,7 @@ describe('Testing Routes reducer', () => {
     ).toEqual({
       targets: [
         { name: 'My Organizations', url: 'user/organizations' },
-        { name: 'Posts', url: 'user/organization/undefined' },
+        { name: 'Posts', url: 'user/posts/undefined' },
         { name: 'People', url: 'user/people/undefined' },
         { name: 'Events', url: 'user/events/undefined' },
         { name: 'Donate', url: 'user/donate/undefined' },
@@ -26,7 +26,7 @@ describe('Testing Routes reducer', () => {
         },
         {
           name: 'Posts',
-          comp_id: 'organization',
+          comp_id: 'posts',
           component: 'Posts',
         },
         { name: 'People', comp_id: 'people', component: 'People' },
@@ -51,7 +51,7 @@ describe('Testing Routes reducer', () => {
     ).toEqual({
       targets: [
         { name: 'My Organizations', url: 'user/organizations' },
-        { name: 'Posts', url: 'user/organization/orgId' },
+        { name: 'Posts', url: 'user/posts/orgId' },
         { name: 'People', url: 'user/people/orgId' },
         { name: 'Events', url: 'user/events/orgId' },
         { name: 'Donate', url: 'user/donate/orgId' },
@@ -66,7 +66,7 @@ describe('Testing Routes reducer', () => {
         },
         {
           name: 'Posts',
-          comp_id: 'organization',
+          comp_id: 'posts',
           component: 'Posts',
         },
         { name: 'People', comp_id: 'people', component: 'People' },

src/state/reducers/userRoutesReducer.ts

@@ -50,7 +50,7 @@ const components: ComponentType[] = [
   },
   {
     name: 'Posts',
-    comp_id: 'organization',
+    comp_id: 'posts',
     component: 'Posts',
   },
   { name: 'People', comp_id: 'people', component: 'People' },