From 40427e6411a0e75d12e4b89ed22d1e10b4641dc2 Mon Sep 17 00:00:00 2001
From: zojgame <zogame002@gmail.com>
Date: Mon, 11 Dec 2023 17:31:38 +0500
Subject: [PATCH] refactoring

---
 src/components/Button.tsx                                 | 8 ++++----
 .../CompanyInfoModal/CompanyInfoItem/CompanyInfoItem.tsx  | 6 +++++-
 .../modals/CompanyInfoModal/CompanyInfoModal.tsx          | 2 +-
 .../modals/CompanyInfoModal/EmployeeItem/EmployeeItem.tsx | 2 +-
 4 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/src/components/Button.tsx b/src/components/Button.tsx
index be233d0..f2b6a2f 100644
--- a/src/components/Button.tsx
+++ b/src/components/Button.tsx
@@ -1,7 +1,7 @@
 interface ButtonProps {
   text?: string;
   icon?: React.ReactNode;
-  type?: "primary" | "secondary" | "tertiary" | "disabled";
+  variant?: "primary" | "secondary" | "tertiary" | "disabled";
   width?: "full" | "fit";
   disabled?: boolean;
   onClick?: () => void;
@@ -10,13 +10,13 @@ interface ButtonProps {
 function Button({
   text,
   icon,
-  type = "primary",
+  variant = "primary",
   width = "fit",
   disabled,
   onClick,
 }: ButtonProps) {
   if (disabled) {
-    type = "disabled";
+    variant = "disabled";
   }
 
   const onlyIcon = !!icon && !text;
@@ -32,7 +32,7 @@ function Button({
   };
 
   const types = () => {
-    switch (type) {
+    switch (variant) {
       case "primary":
         return "text-white bg-[#49A1F5] hover:bg-[#4190DB]";
       case "secondary":
diff --git a/src/components/modals/CompanyInfoModal/CompanyInfoItem/CompanyInfoItem.tsx b/src/components/modals/CompanyInfoModal/CompanyInfoItem/CompanyInfoItem.tsx
index b218580..4b262b7 100644
--- a/src/components/modals/CompanyInfoModal/CompanyInfoItem/CompanyInfoItem.tsx
+++ b/src/components/modals/CompanyInfoModal/CompanyInfoItem/CompanyInfoItem.tsx
@@ -21,7 +21,11 @@ const CompanyInfoItem = ({ companyInfoItem }: CompanyInfoItemProps) => {
         <div className="text-[#77828C] text-[12px]">{label}</div>
         <div className="text-[14px]">{title}</div>
       </div>
-      <Button icon={<CopyIcon />} type="tertiary" onClick={handleOnCopyClick} />
+      <Button
+        icon={<CopyIcon />}
+        variant="tertiary"
+        onClick={handleOnCopyClick}
+      />
     </div>
   );
 };
diff --git a/src/components/modals/CompanyInfoModal/CompanyInfoModal.tsx b/src/components/modals/CompanyInfoModal/CompanyInfoModal.tsx
index 3e2c53c..2cc5b92 100644
--- a/src/components/modals/CompanyInfoModal/CompanyInfoModal.tsx
+++ b/src/components/modals/CompanyInfoModal/CompanyInfoModal.tsx
@@ -100,7 +100,7 @@ const CompanyInfo = () => {
           {tab === "Сотрудники" && (
             <div className="border-b p-4 pt-0 ">
               <EmployeesList employees={companyEmployeeItems} />
-              <Button text="Добавить" width="full" type="secondary" />
+              <Button text="Добавить" width="full" variant="secondary" />
             </div>
           )}
           {tab === "Проекты" && <ProjectList projectItems={projectItems} />}
diff --git a/src/components/modals/CompanyInfoModal/EmployeeItem/EmployeeItem.tsx b/src/components/modals/CompanyInfoModal/EmployeeItem/EmployeeItem.tsx
index 30545c3..3bb6ae5 100644
--- a/src/components/modals/CompanyInfoModal/EmployeeItem/EmployeeItem.tsx
+++ b/src/components/modals/CompanyInfoModal/EmployeeItem/EmployeeItem.tsx
@@ -41,7 +41,7 @@ const EmployeeItem = ({ employee }: EmployeeItemProps) => {
           </div>
         </div>
 
-        <Button type="tertiary" icon={<MoreIcon />} />
+        <Button variant="tertiary" icon={<MoreIcon />} />
       </div>
     </div>
   );