diff options
author | crupest <crupest@outlook.com> | 2020-05-30 16:23:25 +0800 |
---|---|---|
committer | crupest <crupest@outlook.com> | 2020-05-30 16:23:25 +0800 |
commit | 232a19d7dfe0e3847b3a9a9a9be83485ffb9031c (patch) | |
tree | 2c7463f15cf30b8cbc703cb57bef357796bcd8b9 /Timeline/ClientApp/src/user/ChangeNicknameDialog.tsx | |
parent | fc0521d81aa2293b94ea40b79ec0df80966c0278 (diff) | |
download | timeline-232a19d7dfe0e3847b3a9a9a9be83485ffb9031c.tar.gz timeline-232a19d7dfe0e3847b3a9a9a9be83485ffb9031c.tar.bz2 timeline-232a19d7dfe0e3847b3a9a9a9be83485ffb9031c.zip |
Merge front end to this repo. But I need to wait for aspnet core support for custom port and package manager for dev server.
Diffstat (limited to 'Timeline/ClientApp/src/user/ChangeNicknameDialog.tsx')
-rw-r--r-- | Timeline/ClientApp/src/user/ChangeNicknameDialog.tsx | 28 |
1 files changed, 28 insertions, 0 deletions
diff --git a/Timeline/ClientApp/src/user/ChangeNicknameDialog.tsx b/Timeline/ClientApp/src/user/ChangeNicknameDialog.tsx new file mode 100644 index 00000000..393d88f6 --- /dev/null +++ b/Timeline/ClientApp/src/user/ChangeNicknameDialog.tsx @@ -0,0 +1,28 @@ +import React from 'react';
+
+import OperationDialog from '../common/OperationDialog';
+
+export interface ChangeNicknameDialogProps {
+ open: boolean;
+ close: () => void;
+ onProcess: (newNickname: string) => Promise<void>;
+}
+
+const ChangeNicknameDialog: React.FC<ChangeNicknameDialogProps> = props => {
+ return (
+ <OperationDialog
+ open={props.open}
+ title="userPage.dialogChangeNickname.title"
+ titleColor="default"
+ inputScheme={[
+ { type: 'text', label: 'userPage.dialogChangeNickname.inputLabel' }
+ ]}
+ onProcess={([newNickname]) => {
+ return props.onProcess(newNickname as string);
+ }}
+ close={props.close}
+ />
+ );
+};
+
+export default ChangeNicknameDialog;
|