From a5415c31f4ea50e46ea8058ba623a59f50fc5381 Mon Sep 17 00:00:00 2001
From: kevkevinpal <oapallikunnel@gmail.com>
Date: Tue, 31 Oct 2023 13:27:01 -0500
Subject: [PATCH] fix: date for topics table

---
 .../SourcesView/Topics/Table/index.tsx        | 91 ++++++++++---------
 src/types/index.ts                            |  2 +-
 2 files changed, 50 insertions(+), 43 deletions(-)

diff --git a/src/components/SourcesTableModal/SourcesView/Topics/Table/index.tsx b/src/components/SourcesTableModal/SourcesView/Topics/Table/index.tsx
index ca4ee7f06..971e56cab 100644
--- a/src/components/SourcesTableModal/SourcesView/Topics/Table/index.tsx
+++ b/src/components/SourcesTableModal/SourcesView/Topics/Table/index.tsx
@@ -1,5 +1,5 @@
 import { IconButton, Table as MaterialTable, TableRow } from '@mui/material'
-import moment from 'moment'
+// import moment from 'moment'
 import React, { useState } from 'react'
 import { MdCancel, MdCheckCircle } from 'react-icons/md'
 import { ClipLoader } from 'react-spinners'
@@ -52,48 +52,55 @@ const Table: React.FC<TopicTableProps> = ({ data, showMuted, setSelectedTopic })
       </StyledTableHead>
       {data?.length && (
         <tbody>
-          {data?.map((i: Topic) => (
-            <StyledTableRow key={i.topic}>
-              <StyledTableCell className="empty" />
-              <StyledTableCell>{i.topic.replace(/\n/g, '')}</StyledTableCell>
-              <StyledTableCell>{i.edgeCount}</StyledTableCell>
-              <StyledTableCell>
-                {i.edgeList.map((topic) => (
-                  <span key={topic}>{topic}</span>
-                ))}
-              </StyledTableCell>
-              <StyledTableCell>
-                {i.date_added_to_graph ? <span>{moment(i.date_added_to_graph).format('MM.DD.YYYY')}</span> : null}
-              </StyledTableCell>
+          {data?.map((i: Topic) => {
+            const date = i.date_added_to_graph.toString()
+            // const date2 = i.date_added_to_graph.toString().split('.')[1]
 
-              <StyledTableCell className="cell-center">
-                <Flex direction="row" justify="space-between">
-                  <div className="approve-wrapper">
-                    {loadingId === i.ref_id ? (
-                      <ClipLoader color={colors.white} size={16} />
-                    ) : (
-                      <>
-                        {i.muted_topic ? (
-                          <IconWrapper className="centered" onClick={() => handleMute(i.ref_id, false)}>
-                            <MdCheckCircle color={colors.primaryGreen} fontSize={24} />
-                          </IconWrapper>
-                        ) : (
-                          <IconWrapper className="centered" onClick={() => handleMute(i.ref_id, true)}>
-                            <MdCancel color={colors.primaryRed} fontSize={24} />
-                          </IconWrapper>
-                        )}
-                      </>
-                    )}
-                  </div>
-                </Flex>
-              </StyledTableCell>
-              <StyledTableCell>
-                <IconButton onClick={() => setSelectedTopic(i)}>
-                  <SettingsIcon />
-                </IconButton>
-              </StyledTableCell>
-            </StyledTableRow>
-          ))}
+            console.log(date, i.date_added_to_graph)
+
+            return (
+              <StyledTableRow key={i.topic}>
+                <StyledTableCell className="empty" />
+                <StyledTableCell>{i.topic.replace(/\n/g, '')}</StyledTableCell>
+                <StyledTableCell>{i.edgeCount}</StyledTableCell>
+                <StyledTableCell>
+                  {i.edgeList.map((topic) => (
+                    <span key={topic}>{topic}</span>
+                  ))}
+                </StyledTableCell>
+                <StyledTableCell>
+                  <span>{new Date(Number(date) * 1000).toDateString()}</span>
+                </StyledTableCell>
+
+                <StyledTableCell className="cell-center">
+                  <Flex direction="row" justify="space-between">
+                    <div className="approve-wrapper">
+                      {loadingId === i.ref_id ? (
+                        <ClipLoader color={colors.white} size={16} />
+                      ) : (
+                        <>
+                          {i.muted_topic ? (
+                            <IconWrapper className="centered" onClick={() => handleMute(i.ref_id, false)}>
+                              <MdCheckCircle color={colors.primaryGreen} fontSize={24} />
+                            </IconWrapper>
+                          ) : (
+                            <IconWrapper className="centered" onClick={() => handleMute(i.ref_id, true)}>
+                              <MdCancel color={colors.primaryRed} fontSize={24} />
+                            </IconWrapper>
+                          )}
+                        </>
+                      )}
+                    </div>
+                  </Flex>
+                </StyledTableCell>
+                <StyledTableCell>
+                  <IconButton onClick={() => setSelectedTopic(i)}>
+                    <SettingsIcon />
+                  </IconButton>
+                </StyledTableCell>
+              </StyledTableRow>
+            )
+          })}
         </tbody>
       )}
     </MaterialTable>
diff --git a/src/types/index.ts b/src/types/index.ts
index fd642c4ba..106e414ca 100644
--- a/src/types/index.ts
+++ b/src/types/index.ts
@@ -159,7 +159,7 @@ export type Topic = {
   muted_topic: string
   edgeList: Array<string>
   edgeCount: number
-  date_added_to_graph: null
+  date_added_to_graph: string 
 }
 
 export type TopicFilter = {