Merge pull request #3 from Legend-Situation/feat/addPartner

Feat/add partner
Legend-Situation · Aug 31, 2024 · 57771f4 · 57771f4
2 parents 9c7acb7 + 9d2c7a2
commit 57771f4
Show file tree

Hide file tree

Showing 57 changed files with 2,455 additions and 18 deletions.
diff --git a/public/index.html b/public/index.html
@@ -11,6 +11,10 @@
     />
     <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
     <link rel="\manifest" href="%PUBLIC_URL%/manifest.json" />
+    <meta
+      name="viewport"
+      content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width"
+    />
     <title>Mimic</title>
   </head>
   <body>

diff --git a/src/assets/icon/Backward.tsx b/src/assets/icon/Backward.tsx
@@ -0,0 +1,20 @@
+import React from 'react';
+
+const Backward = () => {
+  return (
+    <svg
+      width="10"
+      height="18"
+      viewBox="0 0 10 18"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M0 9C0 9.3428 0.127326 9.63663 0.401567 9.89128L8.02155 17.3546C8.23702 17.57 8.51126 17.6876 8.83448 17.6876C9.4809 17.6876 10 17.1783 10 16.522C10 16.1988 9.86288 15.9148 9.6474 15.6895L2.78159 9L9.6474 2.31048C9.86288 2.08521 10 1.79138 10 1.47796C10 0.821743 9.4809 0.312439 8.83448 0.312439C8.51126 0.312439 8.23702 0.429971 8.02155 0.645446L0.401567 8.09892C0.127326 8.36337 0 8.6572 0 9Z"
+        fill="#1F1E23"
+      />
+    </svg>
+  );
+};
+
+export default Backward;
diff --git a/src/assets/icon/Delete.tsx b/src/assets/icon/Delete.tsx
@@ -0,0 +1,61 @@
+import React from 'react';
+
+const Delete = () => {
+  return (
+    <svg
+      width="44"
+      height="44"
+      viewBox="0 0 39 38"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <g filter="url(#filter0_d_398_3603)">
+        <rect x="10.5" y="8" width="18" height="18" rx="9" fill="white" />
+        <path
+          d="M15.5 17H23.5"
+          stroke="#1F1E23"
+          strokeWidth="1.5"
+          strokeLinecap="round"
+        />
+      </g>
+      <defs>
+        <filter
+          id="filter0_d_398_3603"
+          x="0.5"
+          y="0"
+          width="38"
+          height="38"
+          filterUnits="userSpaceOnUse"
+          colorInterpolationFilters="sRGB"
+        >
+          <feFlood floodOpacity="0" result="BackgroundImageFix" />
+          <feColorMatrix
+            in="SourceAlpha"
+            type="matrix"
+            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+            result="hardAlpha"
+          />
+          <feOffset dy="2" />
+          <feGaussianBlur stdDeviation="5" />
+          <feColorMatrix
+            type="matrix"
+            values="0 0 0 0 0.38029 0 0 0 0 0.38029 0 0 0 0 0.38029 0 0 0 0.2 0"
+          />
+          <feBlend
+            mode="normal"
+            in2="BackgroundImageFix"
+            result="effect1_dropShadow_398_3603"
+          />
+          <feBlend
+            mode="normal"
+            in="SourceGraphic"
+            in2="effect1_dropShadow_398_3603"
+            result="shape"
+          />
+        </filter>
+      </defs>
+    </svg>
+  );
+};
+
+export default Delete;
diff --git a/src/assets/icon/Down.tsx b/src/assets/icon/Down.tsx
@@ -0,0 +1,22 @@
+import React from 'react';
+
+const Down = () => {
+  return (
+    <svg
+      width="19"
+      height="18"
+      viewBox="0 0 19 18"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M3.84088 5.87213C4.17038 5.54262 4.70462 5.54262 5.03412 5.87213L9.5 10.338L13.9659 5.87213C14.2954 5.54262 14.8296 5.54262 15.1591 5.87213C15.4886 6.20163 15.4886 6.73587 15.1591 7.06537L10.0966 12.1279C9.76712 12.4574 9.23288 12.4574 8.90338 12.1279L3.84088 7.06537C3.51137 6.73587 3.51137 6.20163 3.84088 5.87213Z"
+        fill="#9C9C9C"
+      />
+    </svg>
+  );
+};
+
+export default Down;
diff --git a/src/assets/icon/Logo.tsx b/src/assets/icon/Logo.tsx
@@ -0,0 +1,37 @@
+import { theme } from 'lib/utils/style/theme';
+import React from 'react';
+
+interface OwnProps {
+  color?: string;
+}
+
+const Logo = ({ color = theme.primary[6] }: OwnProps) => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="48"
+      height="48"
+      viewBox="0 0 48 48"
+      fill="none"
+    >
+      <mask
+        id="mask0_144_2125"
+        maskUnits="userSpaceOnUse"
+        x="0"
+        y="0"
+        width="48"
+        height="48"
+      >
+        <path d="M0 0H48V48H0V0Z" fill="white" />
+      </mask>
+      <g mask="url(#mask0_144_2125)">
+        <path
+          d="M30.8733 47.9999C34.061 47.9999 38.3861 47.1932 42.8589 43.9401C44.0498 43.074 44.1309 41.3724 43.1458 40.2775L42.6434 39.7188C41.6581 38.6239 39.9829 38.5585 38.7591 39.3785C32.1791 43.7884 25.7845 41.486 23.6693 39.5119C23.4862 39.3265 23.5953 39.0111 23.8535 38.9767C31.1773 37.9996 36.4703 32.8689 36.8453 32.498C42.7114 26.7199 44.0453 18.8819 39.8693 14.6379C35.6933 10.3939 27.8394 11.5939 21.9693 17.3519C21.563 17.7408 17.9037 21.3303 15.8346 26.328C15.0673 28.1817 12.7041 29.0484 11.5639 27.3977C11.2083 26.8828 10.8879 26.3428 10.6054 25.7807C9.65867 23.8968 9.16422 21.8183 9.16134 19.7099C9.1467 17.9263 9.49256 16.1581 10.1782 14.5116C10.8638 12.8649 11.8751 11.3739 13.1513 10.1279C15.239 8.08867 18.0053 6.76707 21.1067 6.28867C22.5623 6.06413 23.7633 4.894 23.7633 3.4212V2.66653C23.7633 1.19377 22.5657 -0.0168267 21.1022 0.14844C16.3894 0.68064 12.1281 2.62853 8.90334 5.76387C5.14134 9.42387 3.06934 14.3719 3.06934 19.7099C3.07544 23.6107 4.24179 27.4215 6.41998 30.6572C8.38144 33.5713 11.0835 35.9004 14.2391 37.4113C14.9074 37.7313 15.4386 38.2812 15.7569 38.9503C16.6101 40.7436 17.8646 42.4185 19.5133 43.962C21.4533 45.7719 25.2433 47.7777 30.0733 47.9817C30.3319 47.9951 30.5986 48.0012 30.8733 47.9999ZM33.4333 18.1539C34.2834 18.1539 35.0133 18.3839 35.5253 18.9039C37.0234 20.4279 36.0754 24.7119 32.5653 28.17L32.5493 28.1879C32.4994 28.2359 27.013 33.5564 20.5094 33.0167C20.5037 33.0161 20.4993 33.0116 20.4993 33.006C20.4693 27.2599 26.1153 21.8119 26.1733 21.7559L26.2133 21.7179C28.2994 19.6639 31.2594 18.1539 33.4333 18.1539Z"
+          fill={color}
+        />
+      </g>
+    </svg>
+  );
+};
+
+export default Logo;
diff --git a/src/assets/icon/Plus.tsx b/src/assets/icon/Plus.tsx
@@ -0,0 +1,41 @@
+import React from 'react';
+
+interface OwnProps {
+  color?: string;
+  width?: string;
+  height?: string;
+  onClick?: () => void;
+}
+
+const Plus = ({ color = "#1F1E23", width = "24", height = "24", onClick }: OwnProps) => {
+  return (
+    <svg
+      width={width}
+      height={height}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      onClick={onClick}
+      style={{ cursor: onClick ? 'pointer' : 'default' }} 
+    >
+      <g id="icon / ionicons / outline / add-outline">
+        <g id="Vector">
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M12 4.5C12.4142 4.5 12.75 4.83579 12.75 5.25V18.75C12.75 19.1642 12.4142 19.5 12 19.5C11.5858 19.5 11.25 19.1642 11.25 18.75V5.25C11.25 4.83579 11.5858 4.5 12 4.5Z"
+            fill={color}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M4.5 12C4.5 11.5858 4.83579 11.25 5.25 11.25H18.75C19.1642 11.25 19.5 11.5858 19.5 12C19.5 12.4142 19.1642 12.75 18.75 12.75H5.25C4.83579 12.75 4.5 12.4142 4.5 12Z"
+            fill={color}
+          />
+        </g>
+      </g>
+    </svg>
+  );
+};
+
+export default Plus;
diff --git a/src/assets/icon/ProfileEdit.tsx b/src/assets/icon/ProfileEdit.tsx
@@ -0,0 +1,49 @@
+import React from 'react';
+
+const ProfileEdit = () => {
+  return (
+    <svg
+      width="24"
+      height="24"
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <rect
+        x="1.25"
+        y="1.25"
+        width="21.5"
+        height="21.5"
+        rx="10.75"
+        fill="#CCCCCC"
+      />
+      <rect
+        x="1.25"
+        y="1.25"
+        width="21.5"
+        height="21.5"
+        rx="10.75"
+        stroke="white"
+        strokeWidth="1.5"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M13.5442 7.44149C13.9751 6.92649 14.7497 6.85097 15.2754 7.27312C15.3045 7.29603 16.2383 8.02149 16.2383 8.02149C16.8158 8.3706 16.9953 9.11278 16.6383 9.67915C16.6193 9.70949 11.3397 16.3135 11.3397 16.3135C11.164 16.5327 10.8974 16.662 10.6125 16.6651L8.59058 16.6905L8.13502 14.7623C8.07121 14.4912 8.13502 14.2065 8.31067 13.9874L13.5442 7.44149Z"
+        stroke="white"
+        strokeWidth="1.1"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M12.5669 8.66711L15.5959 10.9933"
+        stroke="white"
+        strokeWidth="1.1"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+
+export default ProfileEdit;
diff --git a/src/assets/icon/Property.tsx b/src/assets/icon/Property.tsx
@@ -0,0 +1,47 @@
+import React from 'react';
+
+interface OwnProps {
+  onClick: () => void;
+}
+
+const Property = ({ onClick }: OwnProps) => {
+  return (
+    <svg
+      width="24"
+      height="24"
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      onClick={onClick}
+    >
+      <g id="header/icon/ionicons/outline/Property 45">
+        <g id="Vector">
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M2.25 11.625C2.25 6.44782 6.44782 2.25 11.625 2.25C16.8022 2.25 21 6.44782 21 11.625C21 16.8022 16.8022 21 11.625 21C6.44782 21 2.25 16.8022 2.25 11.625ZM11.625 3.75C7.27624 3.75 3.75 7.27624 3.75 11.625C3.75 15.9738 7.27624 19.5 11.625 19.5C15.9738 19.5 19.5 15.9738 19.5 11.625C19.5 7.27624 15.9738 3.75 11.625 3.75Z"
+            fill="#1F1E23"
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M9.5625 10.3125C9.5625 9.89829 9.89829 9.5625 10.3125 9.5625H11.8125C12.2267 9.5625 12.5625 9.89829 12.5625 10.3125V15.75C12.5625 16.1642 12.2267 16.5 11.8125 16.5C11.3983 16.5 11.0625 16.1642 11.0625 15.75V11.0625H10.3125C9.89829 11.0625 9.5625 10.7267 9.5625 10.3125Z"
+            fill="#1F1E23"
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M9 15.9375C9 15.5233 9.33579 15.1875 9.75 15.1875H13.875C14.2892 15.1875 14.625 15.5233 14.625 15.9375C14.625 16.3517 14.2892 16.6875 13.875 16.6875H9.75C9.33579 16.6875 9 16.3517 9 15.9375Z"
+            fill="#1F1E23"
+          />
+          <path
+            d="M11.625 6.09375C11.384 6.09375 11.1483 6.16523 10.9479 6.29915C10.7475 6.43306 10.5913 6.62341 10.499 6.8461C10.4068 7.0688 10.3826 7.31385 10.4297 7.55027C10.4767 7.78668 10.5928 8.00384 10.7632 8.17429C10.9337 8.34473 11.1508 8.46081 11.3872 8.50783C11.6236 8.55486 11.8687 8.53072 12.0914 8.43848C12.3141 8.34623 12.5044 8.19002 12.6384 7.9896C12.7723 7.78918 12.8438 7.55355 12.8438 7.3125C12.8438 6.98927 12.7153 6.67927 12.4868 6.45071C12.2582 6.22215 11.9482 6.09375 11.625 6.09375Z"
+            fill="#1F1E23"
+          />
+        </g>
+      </g>
+    </svg>
+  );
+};
+
+export default Property;
diff --git a/src/assets/icon/Refresh.tsx b/src/assets/icon/Refresh.tsx
@@ -0,0 +1,28 @@
+import React from 'react';
+
+const Refresh = () => {
+  return (
+    <svg
+      width="20"
+      height="20"
+      viewBox="0 0 20 20"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M6.18046 5.76802C7.31105 5.01259 8.64026 4.60937 10 4.60937C10.8736 4.60937 11.487 4.63888 11.9157 4.68643C12.312 4.73039 12.642 4.79727 12.868 4.93411C12.9899 5.00787 13.1843 5.16533 13.2343 5.44468C13.2844 5.72489 13.1543 5.93127 13.0821 6.02114C13.0068 6.11496 12.9232 6.17482 12.8802 6.20345C12.8549 6.22023 12.8325 6.23349 12.8154 6.24309C12.8067 6.24798 12.7989 6.25214 12.7924 6.25556C12.7903 6.25663 12.7884 6.25763 12.7866 6.25856L12.7834 6.26018L12.7796 6.26211L12.7778 6.26298L12.777 6.26339C12.777 6.26339 12.7762 6.26379 12.5 5.70312L12.7762 6.26379C12.4665 6.41632 12.0919 6.28896 11.9393 5.97931C11.9341 5.96869 11.9292 5.95798 11.9246 5.94721C11.8814 5.94109 11.8327 5.93489 11.7779 5.92881C11.4142 5.88847 10.8521 5.85937 10 5.85937C8.88748 5.85937 7.79995 6.18928 6.87492 6.80736C5.94989 7.42544 5.22892 8.30395 4.80318 9.33178C4.37744 10.3596 4.26604 11.4906 4.48309 12.5818C4.70013 13.6729 5.23586 14.6752 6.02253 15.4618C6.8092 16.2485 7.81148 16.7843 8.90262 17.0013C9.99376 17.2183 11.1248 17.1069 12.1526 16.6812C13.1804 16.2555 14.0589 15.5345 14.677 14.6095C15.2951 13.6844 15.625 12.5969 15.625 11.4844C15.625 11.1392 15.9048 10.8594 16.25 10.8594C16.5952 10.8594 16.875 11.1392 16.875 11.4844C16.875 12.8441 16.4718 14.1733 15.7164 15.3039C14.9609 16.4345 13.8872 17.3157 12.631 17.836C11.3747 18.3564 9.99238 18.4925 8.65876 18.2273C7.32514 17.962 6.10013 17.3072 5.13864 16.3457C4.17716 15.3842 3.52238 14.1592 3.2571 12.8256C2.99183 11.492 3.12798 10.1097 3.64833 8.85343C4.16868 7.59718 5.04987 6.52346 6.18046 5.76802Z"
+        fill="#1F1E23"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M9.55806 1.82368C9.80214 1.57961 10.1979 1.57961 10.4419 1.82368L13.5669 4.94868C13.811 5.19276 13.811 5.58849 13.5669 5.83257L10.4419 8.95757C10.1979 9.20164 9.80214 9.20164 9.55806 8.95757C9.31398 8.71349 9.31398 8.31776 9.55806 8.07368L12.2411 5.39062L9.55806 2.70757C9.31398 2.46349 9.31398 2.06776 9.55806 1.82368Z"
+        fill="#1F1E23"
+      />
+    </svg>
+  );
+};
+
+export default Refresh;
diff --git a/src/assets/icon/Send.tsx b/src/assets/icon/Send.tsx
@@ -0,0 +1,27 @@
+import React from 'react';
+
+interface SendProps {
+  stroke: string;
+}
+
+const Send = ({ stroke }: SendProps) => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="24"
+      height="24"
+      viewBox="0 0 24 24"
+      fill="none"
+    >
+      <path
+        d="M16.7452 7.26411L9.65909 14.4259L1.59958 9.38502C0.444827 8.66255 0.685036 6.90853 1.99117 6.52657L21.1266 0.922753C22.3226 0.5722 23.4311 1.69045 23.0758 2.89037L17.4146 22.0124C17.0267 23.3204 15.2827 23.5541 14.5671 22.3944L9.65533 14.4272"
+        stroke={stroke}
+        strokeWidth="1.5"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+
+export default Send;
diff --git a/src/assets/image/Profile.png b/src/assets/image/Profile.png
diff --git a/src/components/Chat/index.tsx b/src/components/Chat/index.tsx
@@ -0,0 +1,26 @@
+import React from 'react';
+import * as _ from './style';
+import Profile from 'assets/image/Profile.png';
+
+interface ChatProps {
+  image: string;
+  name: string;
+  content: string;
+  time: string;
+}
+
+const Chat = ({ image, name, content, time }: ChatProps) => {
+  return (
+    <_.Chat_Layout>
+      <_.Chat_Image src={Profile} />
+      <_.Chat_Detail>
+        <_.Chat_Name>{name}</_.Chat_Name>
+        <_.Chat_Content>{content}</_.Chat_Content>
+      </_.Chat_Detail>
+      <_.Chat_Time>{time}</_.Chat_Time>
+      <_.Chat_Count>N</_.Chat_Count>
+    </_.Chat_Layout>
+  );
+};
+
+export default Chat;