#32

frontend/src/pages/users/SettingPage.tsx

@@ -55,45 +55,49 @@ export default ({ user, setUser }: Props) => {
 	<Form>
 	  <PageTitle>設定</PageTitle>
 
-	  {/* 名前 */}
-	  <div>
-	    <Label>表示名</Label>
-	    <input type="text"
-		   className="w-full border rounded p-2"
-		   value={name}
-		   placeholder="名もなきニジラー"
-		   onChange={ev => setName (ev.target.value)} />
-	    {(user && !(user.name)) && (
-		<p className="mt-1 text-sm text-red-500">
-		  名前が未設定のアカウントは 30 日間アクセスしないと削除されます!!!!
-		</p>)}
-	  </div>
+	  {user ? (
+	      <>
+		{/* 名前 */}
+		<div>
+		  <Label>表示名</Label>
+		  <input type="text"
+			 className="w-full border rounded p-2"
+			 value={name}
+			 placeholder="名もなきニジラー"
+			 onChange={ev => setName (ev.target.value)} />
+		  {(user && !(user.name)) && (
+		      <p className="mt-1 text-sm text-red-500">
+			名前が未設定のアカウントは 30 日間アクセスしないと削除されます!!!!
+		      </p>)}
+		</div>
 
-	  {/* 送信 */}
-          <Button onClick={handleSubmit}
-                  className="px-4 py-2 bg-blue-600 text-white rounded disabled:bg-gray-400">
-	    更新
-	  </Button>
+		{/* 送信 */}
+		<Button onClick={handleSubmit}
+			className="px-4 py-2 bg-blue-600 text-white rounded disabled:bg-gray-400">
+		  更新
+		</Button>
 
-	  {/* 引継ぎ */}
-	  <div>
-	    <Label>引継ぎ</Label>
-	    <Button onClick={() => setUserCodeVsbl (true)}
-		    className="px-4 py-2 bg-gray-600 text-white rounded disabled:bg-gray-400"
-		    disabled={!(user)}>
-	      引継ぎコードを表示
-	    </Button>
-	    <Button onClick={() => setInheritVsbl (true)}
-		    className="ml-2 px-4 py-2 bg-red-600 text-white rounded disabled:bg-gray-400"
-		    disabled={!(user)}>
-	      ほかのブラウザから引継ぐ
-	    </Button>
-	  </div>
+		{/* 引継ぎ */}
+		<div>
+		  <Label>引継ぎ</Label>
+		  <Button onClick={() => setUserCodeVsbl (true)}
+			  className="px-4 py-2 bg-gray-600 text-white rounded disabled:bg-gray-400"
+			  disabled={!(user)}>
+		    引継ぎコードを表示
+		  </Button>
+		  <Button onClick={() => setInheritVsbl (true)}
+			  className="ml-2 px-4 py-2 bg-red-600 text-white rounded disabled:bg-gray-400"
+			  disabled={!(user)}>
+		    ほかのブラウザから引継ぐ
+		  </Button>
+		</div>
+	      </>) : 'Loading...'}
 	</Form>
 
 	<UserCodeDialogue visible={userCodeVsbl}
 			  onVisibleChange={setUserCodeVsbl}
-			  user={user} />
+			  user={user}
+			  setUser={setUser} />
 
 	<InheritDialogue visible={inheritVsbl}
 			 onVisibleChange={setInheritVsbl}