Merge front end repo

1 files changed, 28 insertions, 0 deletions

diff --git a/Timeline/ClientApp/src/app/user/ChangeNicknameDialog.tsx b/Timeline/ClientApp/src/app/user/ChangeNicknameDialog.tsx
new file mode 100644
index 00000000..393d88f6
--- /dev/null
+++ b/Timeline/ClientApp/src/app/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;