aboutsummaryrefslogtreecommitdiff
path: root/Timeline/ClientApp/src/user/ChangeNicknameDialog.tsx
diff options
context:
space:
mode:
authorcrupest <crupest@outlook.com>2020-05-30 16:23:25 +0800
committercrupest <crupest@outlook.com>2020-05-30 16:23:25 +0800
commit232a19d7dfe0e3847b3a9a9a9be83485ffb9031c (patch)
tree2c7463f15cf30b8cbc703cb57bef357796bcd8b9 /Timeline/ClientApp/src/user/ChangeNicknameDialog.tsx
parentfc0521d81aa2293b94ea40b79ec0df80966c0278 (diff)
downloadtimeline-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.tsx28
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;