diff options
author | crupest <crupest@outlook.com> | 2023-08-01 00:29:35 +0800 |
---|---|---|
committer | crupest <crupest@outlook.com> | 2023-08-01 00:29:35 +0800 |
commit | e6ccc0174a86a0ade240e6551228598cd81f984b (patch) | |
tree | d495dff9658c23de22191c4532e14016a6fb96a8 /FrontEnd/src/pages/timeline/TimelineDateLabel.tsx | |
parent | 710ff9d3d2e55113798c39b0595f8f71b12091ef (diff) | |
download | timeline-e6ccc0174a86a0ade240e6551228598cd81f984b.tar.gz timeline-e6ccc0174a86a0ade240e6551228598cd81f984b.tar.bz2 timeline-e6ccc0174a86a0ade240e6551228598cd81f984b.zip |
...
Diffstat (limited to 'FrontEnd/src/pages/timeline/TimelineDateLabel.tsx')
-rw-r--r-- | FrontEnd/src/pages/timeline/TimelineDateLabel.tsx | 20 |
1 files changed, 7 insertions, 13 deletions
diff --git a/FrontEnd/src/pages/timeline/TimelineDateLabel.tsx b/FrontEnd/src/pages/timeline/TimelineDateLabel.tsx index 5f4ac706..eaadcc1a 100644 --- a/FrontEnd/src/pages/timeline/TimelineDateLabel.tsx +++ b/FrontEnd/src/pages/timeline/TimelineDateLabel.tsx @@ -1,19 +1,13 @@ -import * as React from "react"; -import TimelineLine from "./TimelineLine"; +import TimelinePostContainer from "./TimelinePostContainer"; -export interface TimelineDateItemProps { - date: Date; -} +import "./TimelineDateLabel.css"; -const TimelineDateLabel: React.FC<TimelineDateItemProps> = ({ date }) => { +export default function TimelineDateLabel({ date }: { date: Date }) { return ( - <div className="timeline-date-item"> - <TimelineLine center="none" /> - <div className="timeline-date-item-badge"> + <TimelinePostContainer> + <div className="timeline-post-date-badge"> {date.toLocaleDateString()} </div> - </div> + </TimelinePostContainer> ); -}; - -export default TimelineDateLabel; +} |