feat(front): add emails to admin panel [MARXAN-1547]

app/hooks/admin/index.ts

@@ -5,6 +5,9 @@ import {
   useQuery, useQueryClient,
 } from 'react-query';
 
+import keyBy from 'lodash/keyBy';
+import merge from 'lodash/merge';
+
 import { useSession } from 'next-auth/client';
 
 import ADMIN from 'services/admin';
@@ -324,6 +327,8 @@ export function useAdminPublishedProjects(options: UseAdminPublishedProjectsProp
       //   totalItems: 100,
       // },
       data: data?.data.map((d) => {
+        const { creators, ownerEmails } = d;
+        merge(keyBy(creators, 'id'), keyBy(ownerEmails, 'id'));
         const owners = d.creators ? d.creators.filter((c) => c.roleName === 'project_owner') : [];
 
         return {
@@ -332,6 +337,7 @@ export function useAdminPublishedProjects(options: UseAdminPublishedProjectsProp
           description: d.description,
           status: d.underModeration ? 'under-moderation' : 'published',
           owners,
+          emails: owners,
         };
       }),
       meta: data?.meta,

app/layout/admin/published-projects/table/cells/email/component.tsx

@@ -0,0 +1,25 @@
+import React from 'react';
+
+export interface CellEmailProps {
+  value: Record<string, string>[],
+}
+
+export const CellEmail: React.FC<CellEmailProps> = ({
+  value,
+}: CellEmailProps) => {
+  if (!value) return null;
+
+  return (
+    <div className="space-y-1">
+      {value.map((owner) => {
+        const { id, email } = owner;
+        return (
+          <div key={id}>{email}</div>
+        );
+      })}
+    </div>
+
+  );
+};
+
+export default CellEmail;

app/layout/admin/published-projects/table/cells/email/index.ts

@@ -0,0 +1 @@
+export { default } from './component';

app/layout/admin/published-projects/table/component.tsx

@@ -7,6 +7,7 @@ import { useAdminPublishedProjects } from 'hooks/admin';
 import Search from 'components/search';
 import Table2 from 'components/table2';
 
+import Email from './cells/email';
 import Name from './cells/name';
 import Owner from './cells/owner';
 import Status from './cells/status';
@@ -30,7 +31,6 @@ export const AdminPublishedProjectsTable: React.FC<AdminPublishedProjectsTablePr
     sort,
     search,
   });
-
   const COLUMNS = useMemo(() => {
     return [
       {
@@ -56,6 +56,13 @@ export const AdminPublishedProjectsTable: React.FC<AdminPublishedProjectsTablePr
         Cell: Owner,
         // width: 100,
       },
+      {
+        Header: 'Email',
+        accessor: 'emails',
+        className: 'text-sm leading-none',
+        disableSortBy: true,
+        Cell: Email,
+      },
       {
         Header: 'Status',
         accessor: 'status',