Initial commit: Tapalka monorepo (bot, front, strapi)

CMyTapper/robucks-front/components/ui/modal-exchange/inputs/NicknameInput.tsx

@@ -0,0 +1,28 @@
+'use client';
+import React, { Dispatch, FC, SetStateAction, useState } from 'react';
+import styles from '@/components/ui/modal-exchange/ModalExchange.module.css';
+
+interface INicknameInput {
+    nickname: string;
+    setNickname: Dispatch<SetStateAction<string>>;
+}
+
+const NicknameInput: FC<INicknameInput> = ({ nickname, setNickname }) => {
+    const handleChangeNickname = (e: React.ChangeEvent<HTMLInputElement>) => {
+        setNickname(e.target.value);
+    };
+
+    return (
+        <div className={styles.nickname}>
+            <span className={styles.nicknameTitle}>Укажите ваш профиль в Roblox</span>
+            <input
+                placeholder={'Ник в Roblox'}
+                type={'text'}
+                value={nickname}
+                onChange={handleChangeNickname}
+            />
+        </div>
+    );
+};
+
+export default NicknameInput;