Reset timeline

BrunoQuaresma · BrunoQuaresma · commit ec87d6b306d5 · 2024-01-04T16:31:23.000Z
diff --git a/site/src/components/Timeline/Timeline.tsx b/site/src/components/Timeline/Timeline.tsx
@@ -1,6 +1,5 @@
 import { TimelineDateRow } from "components/Timeline/TimelineDateRow";
-import { FC, Fragment } from "react";
-import { createDisplayDate } from "./utils";
+import { Fragment } from "react";
 
 type GetDateFn<TData> = (data: TData) => Date;
 
@@ -27,27 +26,23 @@ export interface TimelineProps<TData> {
   items: TData[];
   getDate: GetDateFn<TData>;
   row: (item: TData) => JSX.Element;
-  dateRow?: FC<{ date: Date; displayDate: string }>;
 }
 
 export const Timeline = <TData,>({
   items,
   getDate,
   row,
-  dateRow: DateRow = TimelineDateRow,
 }: TimelineProps<TData>): JSX.Element => {
   const itemsByDate = groupByDate(items, getDate);
 
   return (
     <>
       {Object.keys(itemsByDate).map((dateStr) => {
         const items = itemsByDate[dateStr];
-        const date = new Date(dateStr);
-        const displayDate = createDisplayDate(date);
 
         return (
           <Fragment key={dateStr}>
-            <DateRow date={date} displayDate={displayDate} />
+            <TimelineDateRow date={new Date(dateStr)} />
             {items.map(row)}
           </Fragment>
         );
diff --git a/site/src/components/Timeline/TimelineDateRow.tsx b/site/src/components/Timeline/TimelineDateRow.tsx
@@ -2,13 +2,13 @@ import TableCell from "@mui/material/TableCell";
 import TableRow from "@mui/material/TableRow";
 import { type FC } from "react";
 import { css, useTheme } from "@emotion/react";
+import { createDisplayDate } from "./utils";
 
 export interface TimelineDateRow {
   date: Date;
-  displayDate: string;
 }
 
-export const TimelineDateRow: FC<TimelineDateRow> = ({ date, displayDate }) => {
+export const TimelineDateRow: FC<TimelineDateRow> = ({ date }) => {
   const theme = useTheme();
 
   return (
@@ -30,7 +30,7 @@ export const TimelineDateRow: FC<TimelineDateRow> = ({ date, displayDate }) => {
         }}
         title={date.toLocaleDateString()}
       >
-        {displayDate}
+        {createDisplayDate(date)}
       </TableCell>
     </TableRow>
   );
