diff options
| author | crupest <crupest@outlook.com> | 2020-09-01 02:32:06 +0800 |
|---|---|---|
| committer | crupest <crupest@outlook.com> | 2020-09-01 02:32:06 +0800 |
| commit | a314b5350e269676e8c39eda4cc7842751b1a7fc (patch) | |
| tree | ab3e8c96f18c8e9f6e8c613ace0e04329614304c /Timeline/ClientApp/src/app/home/TimelineCreateDialog.tsx | |
| parent | 02a9bf9ecfe1659b3481a5386e7a06ee2f0e5fc5 (diff) | |
| download | timeline-a314b5350e269676e8c39eda4cc7842751b1a7fc.tar.gz timeline-a314b5350e269676e8c39eda4cc7842751b1a7fc.tar.bz2 timeline-a314b5350e269676e8c39eda4cc7842751b1a7fc.zip | |
...
Diffstat (limited to 'Timeline/ClientApp/src/app/home/TimelineCreateDialog.tsx')
| -rw-r--r-- | Timeline/ClientApp/src/app/home/TimelineCreateDialog.tsx | 53 |
1 files changed, 0 insertions, 53 deletions
diff --git a/Timeline/ClientApp/src/app/home/TimelineCreateDialog.tsx b/Timeline/ClientApp/src/app/home/TimelineCreateDialog.tsx deleted file mode 100644 index 911dd60c..00000000 --- a/Timeline/ClientApp/src/app/home/TimelineCreateDialog.tsx +++ /dev/null @@ -1,53 +0,0 @@ -import React from "react"; -import { useHistory } from "react-router"; - -import { validateTimelineName, timelineService } from "../data/timeline"; -import OperationDialog from "../common/OperationDialog"; - -interface TimelineCreateDialogProps { - open: boolean; - close: () => void; -} - -const TimelineCreateDialog: React.FC<TimelineCreateDialogProps> = (props) => { - const history = useHistory(); - - let nameSaved: string; - - return ( - <OperationDialog - open={props.open} - close={props.close} - titleColor="success" - title="home.createDialog.title" - inputScheme={[ - { - type: "text", - label: "home.createDialog.name", - helperText: "home.createDialog.nameFormat", - validator: (name) => { - if (name.length === 0) { - return "home.createDialog.noEmpty"; - } else if (name.length > 26) { - return "home.createDialog.tooLong"; - } else if (!validateTimelineName(name)) { - return "home.createDialog.badFormat"; - } else { - return null; - } - }, - }, - ]} - onProcess={([name]) => { - nameSaved = name as string; - return timelineService.createTimeline(nameSaved).toPromise(); - }} - onSuccessAndClose={() => { - history.push(`timelines/${nameSaved}`); - }} - failurePrompt={(e) => `${e as string}`} - /> - ); -}; - -export default TimelineCreateDialog; |
