aboutsummaryrefslogtreecommitdiff
path: root/FrontEnd/src/app/views/home/TimelineBoard.tsx
diff options
context:
space:
mode:
authorcrupest <crupest@outlook.com>2020-11-03 22:56:16 +0800
committerGitHub <noreply@github.com>2020-11-03 22:56:16 +0800
commitf3503b399ff7b65f363beca313c8a0c336884bec (patch)
tree8bd10736c4cd51ff13b101b90e77d1d09ab4cdfa /FrontEnd/src/app/views/home/TimelineBoard.tsx
parent7acaffc977bc9ad3ba43c7808c1ea973a8144767 (diff)
parent82b366ea89342593ec1bcde3441c0f2f06eb4649 (diff)
downloadtimeline-f3503b399ff7b65f363beca313c8a0c336884bec.tar.gz
timeline-f3503b399ff7b65f363beca313c8a0c336884bec.tar.bz2
timeline-f3503b399ff7b65f363beca313c8a0c336884bec.zip
Merge pull request #162 from crupest/front
Add timeline title to front end.
Diffstat (limited to 'FrontEnd/src/app/views/home/TimelineBoard.tsx')
-rw-r--r--FrontEnd/src/app/views/home/TimelineBoard.tsx9
1 files changed, 5 insertions, 4 deletions
diff --git a/FrontEnd/src/app/views/home/TimelineBoard.tsx b/FrontEnd/src/app/views/home/TimelineBoard.tsx
index a3d176e1..c2a7e5fe 100644
--- a/FrontEnd/src/app/views/home/TimelineBoard.tsx
+++ b/FrontEnd/src/app/views/home/TimelineBoard.tsx
@@ -48,20 +48,21 @@ const TimelineBoard: React.FC<TimelineBoardProps> = (props) => {
);
} else {
return timelines.map((timeline) => {
- const { name } = timeline;
+ const { name, title } = timeline;
const isPersonal = name.startsWith("@");
const url = isPersonal
? `/users/${timeline.owner.username}`
: `/timelines/${name}`;
return (
- <div key={name} className="timeline-board-item">
+ <Link key={name} to={url} className="timeline-board-item">
{isPersonal ? (
<UserTimelineLogo className="icon" />
) : (
<TimelineLogo className="icon" />
)}
- <Link to={url}>{name}</Link>
- </div>
+ {title}
+ <small className="ml-2 text-secondary">{name}</small>
+ </Link>
);
});
}