diff options
| author | crupest <crupest@outlook.com> | 2020-11-04 12:29:55 +0800 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2020-11-04 12:29:55 +0800 |
| commit | 013baff7500c773082d79b03a44a5e2aa2072ae2 (patch) | |
| tree | c03aaf0842a526e47c29e4b24a414cc7016b4d07 /FrontEnd/src/app/views/timeline | |
| parent | fc3c2de7b4f431f0edcabb5ead2a2e1aa79d665a (diff) | |
| parent | a20b15c1c79cd49ee4be7ac3fba80955704122d3 (diff) | |
| download | timeline-013baff7500c773082d79b03a44a5e2aa2072ae2.tar.gz timeline-013baff7500c773082d79b03a44a5e2aa2072ae2.tar.bz2 timeline-013baff7500c773082d79b03a44a5e2aa2072ae2.zip | |
Merge pull request #165 from crupest/timeline
Redesign timeline ui.
Diffstat (limited to 'FrontEnd/src/app/views/timeline')
| -rw-r--r-- | FrontEnd/src/app/views/timeline/TimelineDeleteDialog.tsx | 14 | ||||
| -rw-r--r-- | FrontEnd/src/app/views/timeline/TimelineInfoCard.tsx | 2 |
2 files changed, 8 insertions, 8 deletions
diff --git a/FrontEnd/src/app/views/timeline/TimelineDeleteDialog.tsx b/FrontEnd/src/app/views/timeline/TimelineDeleteDialog.tsx index 894b8195..33609158 100644 --- a/FrontEnd/src/app/views/timeline/TimelineDeleteDialog.tsx +++ b/FrontEnd/src/app/views/timeline/TimelineDeleteDialog.tsx @@ -33,15 +33,15 @@ const TimelineDeleteDialog: React.FC<TimelineDeleteDialog> = (props) => { inputScheme={[ { type: "text", - validator: (value) => { - if (value !== name) { - return "timeline.deleteDialog.notMatch"; - } else { - return null; - } - }, }, ]} + inputValidator={([value]) => { + if (value !== name) { + return { 0: "timeline.deleteDialog.notMatch" }; + } else { + return null; + } + }} onProcess={() => { return timelineService.deleteTimeline(name).toPromise(); }} diff --git a/FrontEnd/src/app/views/timeline/TimelineInfoCard.tsx b/FrontEnd/src/app/views/timeline/TimelineInfoCard.tsx index abc3d0c9..1070c6d7 100644 --- a/FrontEnd/src/app/views/timeline/TimelineInfoCard.tsx +++ b/FrontEnd/src/app/views/timeline/TimelineInfoCard.tsx @@ -36,7 +36,7 @@ const TimelineInfoCard: React.FC<TimelineInfoCardProps> = (props) => { collapse={collapse} toggleCollapse={toggleCollapse} > - <h3 className="text-primary mx-3 d-inline-block align-middle"> + <h3 className="text-primary d-inline-block align-middle"> {timeline.title} <small className="ml-3 text-secondary">{timeline.name}</small> </h3> |