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 | 68ca8b0976efe90c0c40bcae69f0825671b98bad (patch) | |
tree | 9333baf56fd4e20e1e98edcc6afbbde9d82dcd3f /Timeline/ClientApp/src/user/ChangeNicknameDialog.tsx | |
parent | 7e393559d2883a37b1be0c82cccc06bc97c3d102 (diff) | |
download | timeline-68ca8b0976efe90c0c40bcae69f0825671b98bad.tar.gz timeline-68ca8b0976efe90c0c40bcae69f0825671b98bad.tar.bz2 timeline-68ca8b0976efe90c0c40bcae69f0825671b98bad.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;
|