refactor code

Author: Sam

src/components/Issue/Issue.tsx

@@ -13,6 +13,14 @@ export interface Data {
   closedAt: string | undefined;
 }
 
+function generateDate(date: string) {
+  const time = new Date(date).toLocaleTimeString("en", {
+    timeStyle: "medium",
+    hour12: false,
+  });
+  return `${date.substring(0, 10)} ${time}`;
+}
+
 export function Issue(issue: IssueData) {
   return (
     <tr>
@@ -31,7 +39,7 @@ export function Issue(issue: IssueData) {
         </div>
         <div className="text-xs leading-5 text-gray-400 font-bold">
           {issue.issueState === "OPEN"
-            ? `Created at: ${issue.issueData.createdAt}`
+            ? `Created at: ${generateDate(issue.issueData.createdAt)}`
             : `Closed at: ${issue.issueData.closedAt}`}
         </div>
       </td>

src/components/IssueComment/IssueComment.tsx

@@ -4,14 +4,14 @@ export interface CommentData {
 }
 
 export function IssueComment(comment: CommentData) {
-  const issueDate = comment.publishedAt;
-
-  const time = new Date(issueDate).toLocaleTimeString("en", {
-    timeStyle: "medium",
-    hour12: false,
-  });
-
-  const date = issueDate.substring(0, 10);
+  
+  function generateDate(date: string) {
+    const time = new Date(date).toLocaleTimeString("en", {
+      timeStyle: "medium",
+      hour12: false,
+    });
+    return `${date.substring(0, 10)} ${time}`;
+  }
 
   return (
     <>
@@ -31,7 +31,7 @@ export function IssueComment(comment: CommentData) {
                 </p>
               </div>
               <p className="text-gray-400 text-sm">
-                {date} {time}
+              {generateDate(comment.publishedAt)}
               </p>
             </div>
           </div>

src/components/IssuesTable/IssuesTable.tsx

@@ -78,6 +78,7 @@ function IssuesTable(issuesTableData: IssuesTableData) {
               containerClassName="pagination"
               activeClassName="active"
               className="flex justify-around w-1/2 rounded-sm border-2 border-indigo-500/75"
+              
             />
         </div>
       </div>

src/components/NavBar/NavBar.css

@@ -1,3 +1,3 @@
 .navBarWrapper {
-  @apply bg-gray-800 flex gap-4  text-white  justify-start  pb-4 mb-10;
+  @apply bg-gray-800 flex gap-4  text-white  justify-start  pb-1.5 mb-10;
 }

src/index.tsx

@@ -16,7 +16,7 @@ import { BrowserRouter } from 'react-router-dom';
 const client = new ApolloClient({
   uri: 'https://api.github.com/graphql',
   cache: new InMemoryCache(),
-  headers:{"Authorization": "Bearer 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"}
+  headers:{"Authorization": "Bearer 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"}
 });
 
 ReactDOM.render(