From 7cb3eee22d4c67980391210ac729694d7d660bac Mon Sep 17 00:00:00 2001
From: zojgame <zogame002@gmail.com>
Date: Tue, 5 Dec 2023 18:42:27 +0500
Subject: [PATCH] starting setting modal

---
 public/profile.png                            | Bin 0 -> 17433 bytes
 src/App.tsx                                   |   4 +-
 .../ProfileSetting/ProfileSetting.tsx         |  65 ++++++++++++++++++
 .../UserSettingModal/UserSettingModal.tsx     |  57 +++++++++++++++
 src/mock/currentUser.ts                       |  12 ++++
 src/types/profile.ts                          |  10 +++
 6 files changed, 147 insertions(+), 1 deletion(-)
 create mode 100644 public/profile.png
 create mode 100644 src/components/ProfileSetting/ProfileSetting.tsx
 create mode 100644 src/components/UserSettingModal/UserSettingModal.tsx
 create mode 100644 src/mock/currentUser.ts
 create mode 100644 src/types/profile.ts

diff --git a/public/profile.png b/public/profile.png
new file mode 100644
index 0000000000000000000000000000000000000000..fe2381e8b472dff23f28ffc7b5b9533bf3a7fe19
GIT binary patch
literal 17433
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

literal 0
HcmV?d00001

diff --git a/src/App.tsx b/src/App.tsx
index 15dd700..2edd2b0 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,5 +1,6 @@
 // import CompanyInfoModal from "./components/CompanyInfoModal/CompanyInfoModal";
-import NotificationModal from "./components/NotificationModal/NotificationModal";
+// import NotificationModal from "./components/NotificationModal/NotificationModal";
+import UserSettingModal from "./components/UserSettingModal/UserSettingModal";
 import "./App.css";
 
 function App() {
@@ -7,6 +8,7 @@ function App() {
     <div className="flex justify-center border border-black h-screen">
       {/* <CompanyInfoModal /> */}
       {/* <NotificationModal /> */}
+      <UserSettingModal />
     </div>
   );
 }
diff --git a/src/components/ProfileSetting/ProfileSetting.tsx b/src/components/ProfileSetting/ProfileSetting.tsx
new file mode 100644
index 0000000..d924963
--- /dev/null
+++ b/src/components/ProfileSetting/ProfileSetting.tsx
@@ -0,0 +1,65 @@
+import CopyIcon from "../../icons/CopyIcon/CopyIcon";
+import IconWrapper from "../../icons/IconWrapper/IconWrapper";
+import IProfile from "../../types/profile";
+
+interface IProfileSettingProps {
+  profile: IProfile;
+}
+
+const ProfileSetting = ({ profile }: IProfileSettingProps) => {
+  return (
+    <div className="flex  flex-col">
+      <div className="p-6 flex gap-6 border-b border-b-[#DAE0E5] w-full">
+        <div className="w-22 h-22">
+          <img src={profile.avatar} alt={profile.fullname} />
+        </div>
+        <div className="flex flex-col gap-4">
+          <div className="flex justify-between w-[280px]">
+            <div className="flex flex-col gap-1">
+              <div className="text-[#77828C] text-[12px]">Имя</div>
+              <div className="text-[12px]">{profile.fullname}</div>
+            </div>
+            <IconWrapper className="self-center text-[#77828C] cursor-pointer">
+              <CopyIcon />
+            </IconWrapper>
+          </div>
+          <div className="flex justify-between w-[280px]">
+            <div className="flex flex-col gap-1">
+              <div className="text-[#77828C] text-[12px]">Email</div>
+              <div className="text-[12px]">{profile.email}</div>
+            </div>
+            <IconWrapper className="self-center text-[#77828C] cursor-pointer">
+              <CopyIcon />
+            </IconWrapper>
+          </div>
+          <div className="flex justify-between w-[280px]">
+            <div className="flex flex-col gap-1">
+              <div className="text-[#77828C] text-[12px]">Телефон</div>
+              <div className="text-[12px]">{profile.phone}</div>
+            </div>
+            <IconWrapper className="self-center text-[#77828C] cursor-pointer">
+              <CopyIcon />
+            </IconWrapper>
+          </div>
+          <div className="flex justify-between w-[280px]">
+            <div className="flex flex-col gap-1">
+              <div className="text-[#77828C] text-[12px]">Должность</div>
+              <div className="text-[12px]">{profile.jobTitle}</div>
+            </div>
+            <IconWrapper className="self-center text-[#77828C] cursor-pointer">
+              <CopyIcon />
+            </IconWrapper>
+          </div>
+          <button className="outline-none w-fit py-2 px-4 text-[12px] text-[#77828C]">
+            Выйти из аккаунта
+          </button>
+        </div>
+      </div>
+      <div className="flex gap-6 p-6">
+        <div className="text-[12px] font-semibold">Тема</div>
+      </div>
+    </div>
+  );
+};
+
+export default ProfileSetting;
diff --git a/src/components/UserSettingModal/UserSettingModal.tsx b/src/components/UserSettingModal/UserSettingModal.tsx
new file mode 100644
index 0000000..674b8e8
--- /dev/null
+++ b/src/components/UserSettingModal/UserSettingModal.tsx
@@ -0,0 +1,57 @@
+import { useState } from "react";
+import CrossIcon from "../../icons/CrossIcon/CrossIcon";
+import IconWrapper from "../../icons/IconWrapper/IconWrapper";
+import ProfileSetting from "../ProfileSetting/ProfileSetting";
+import currentProfile from "../../mock/currentUser";
+
+const UserSettingModal = () => {
+  const [currentTab, setCurrentTab] = useState<"Профиль" | "Уведомления">(
+    "Профиль"
+  );
+
+  function handleOnTabClick(tab: "Профиль" | "Уведомления") {
+    return () => {
+      if (tab === "Профиль") {
+        setCurrentTab("Профиль");
+      }
+      if (tab === "Уведомления") {
+        setCurrentTab("Уведомления");
+      }
+    };
+  }
+
+  return (
+    <div className="bg-white w-[448px] h-[708px] m-auto rounded-[8px]">
+      <div className="p-4 flex justify-between border-b border-b-[#DAE0E5]">
+        <div className="font-semibold text-sm">
+          <div className="flex gap-[24px]">
+            <button
+              onClick={handleOnTabClick("Профиль")}
+              className={`${
+                currentTab === "Профиль" ? "text-[#111C26]" : "text-[#77828C]"
+              }`}
+            >
+              Профиль
+            </button>
+            <button
+              onClick={handleOnTabClick("Уведомления")}
+              className={`${
+                currentTab === "Уведомления"
+                  ? "text-[#111C26]"
+                  : "text-[#77828C]"
+              }`}
+            >
+              Уведомления
+            </button>
+          </div>
+        </div>
+        <IconWrapper className="w-[11.3px] h-[11.3px] cursor-pointer text-[#77828C] self-center">
+          <CrossIcon />
+        </IconWrapper>
+      </div>
+      <ProfileSetting profile={currentProfile} />
+    </div>
+  );
+};
+
+export default UserSettingModal;
diff --git a/src/mock/currentUser.ts b/src/mock/currentUser.ts
new file mode 100644
index 0000000..f355229
--- /dev/null
+++ b/src/mock/currentUser.ts
@@ -0,0 +1,12 @@
+import IProfile from "../types/profile";
+
+const currentProfile: IProfile = {
+    fullname: "Анастасия Кошкина",
+    email: "sl.knst@mail.com",
+    avatar: "profile.png",
+    phone: "8 800 800 80 08",
+    jobTitle: "Менеджер отдела продаж",
+    id: "1"
+}
+
+export default currentProfile;
\ No newline at end of file
diff --git a/src/types/profile.ts b/src/types/profile.ts
new file mode 100644
index 0000000..54a5c0e
--- /dev/null
+++ b/src/types/profile.ts
@@ -0,0 +1,10 @@
+interface IProfile {
+    fullname: string,
+    email: string, 
+    avatar: string,
+    phone: string,
+    jobTitle: string,
+    id: string
+}
+
+export default IProfile;
\ No newline at end of file