first commit
This commit is contained in:
Olu Amey
@@ -0,0 +1,691 @@
|
||||
import React from "react";
|
||||
import dataImage1 from "../../../assets/images/data-table-user-1.png";
|
||||
import dataImage2 from "../../../assets/images/data-table-user-2.png";
|
||||
import dataImage3 from "../../../assets/images/data-table-user-3.png";
|
||||
import dataImage4 from "../../../assets/images/data-table-user-4.png";
|
||||
|
||||
export default function ActivitiesTab({ className }) {
|
||||
return (
|
||||
<div
|
||||
className={`sell-product-history-table w-full p-8 bg-white dark:bg-dark-white overflow-hidden rounded-2xl section-shadow ${
|
||||
className || ""
|
||||
}`}
|
||||
>
|
||||
<div className="header w-full flex justify-between items-center mb-5">
|
||||
<div className="flex space-x-2 items-center">
|
||||
<h1 className="text-xl font-bold text-dark-gray dark:text-white tracking-wide">
|
||||
Activity
|
||||
</h1>
|
||||
</div>
|
||||
<div className="flex space-x-1 items-center">
|
||||
<span className="text-base text-thin-light-gray whitespace-nowrap">
|
||||
All Categories
|
||||
</span>
|
||||
<span>
|
||||
<svg
|
||||
width="13"
|
||||
height="6"
|
||||
viewBox="0 0 13 6"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
opacity="0.7"
|
||||
d="M12.4124 0.247421C12.3327 0.169022 12.2379 0.106794 12.1335 0.0643287C12.0291 0.0218632 11.917 0 11.8039 0C11.6908 0 11.5787 0.0218632 11.4743 0.0643287C11.3699 0.106794 11.2751 0.169022 11.1954 0.247421L7.27012 4.07837C7.19045 4.15677 7.09566 4.219 6.99122 4.26146C6.88678 4.30393 6.77476 4.32579 6.66162 4.32579C6.54848 4.32579 6.43646 4.30393 6.33202 4.26146C6.22758 4.219 6.13279 4.15677 6.05312 4.07837L2.12785 0.247421C2.04818 0.169022 1.95338 0.106794 1.84895 0.0643287C1.74451 0.0218632 1.63249 0 1.51935 0C1.40621 0 1.29419 0.0218632 1.18975 0.0643287C1.08531 0.106794 0.990517 0.169022 0.910844 0.247421C0.751218 0.404141 0.661621 0.616141 0.661621 0.837119C0.661621 1.0581 0.751218 1.2701 0.910844 1.42682L4.84468 5.26613C5.32677 5.73605 5.98027 6 6.66162 6C7.34297 6 7.99647 5.73605 8.47856 5.26613L12.4124 1.42682C12.572 1.2701 12.6616 1.0581 12.6616 0.837119C12.6616 0.616141 12.572 0.404141 12.4124 0.247421Z"
|
||||
fill="#374557"
|
||||
fillOpacity="0.6"
|
||||
/>
|
||||
</svg>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div className="relative w-full overflow-x-auto sm:rounded-lg">
|
||||
<table className="w-full text-sm text-left text-gray-500 dark:text-gray-400">
|
||||
<tbody>
|
||||
<tr className="text-base text-thin-light-gray whitespace-nowrap border-b dark:border-[#5356fb29] default-border-b dark:border-[#5356fb29] ottom ">
|
||||
<td className="py-4 pr-12">List</td>
|
||||
<td className="py-4 text-start px-2">Product Name</td>
|
||||
<td className="py-4 text-start px-2">Price</td>
|
||||
<td className="py-4 text-start px-2">Quantity</td>
|
||||
<td className="py-4 text-start px-2">From</td>
|
||||
<td className="py-4 text-start px-2 pr-12">To</td>
|
||||
<td className="py-4 ">Time</td>
|
||||
</tr>
|
||||
<tr className="bg-white dark:bg-dark-white border-b dark:border-[#5356fb29] hover:bg-gray-50 ">
|
||||
<td className="text-start py-4 px-2">
|
||||
<span className="text-xl tracking-wide font-bold text-dark-gray dark:text-white">
|
||||
01
|
||||
</span>
|
||||
</td>
|
||||
<td className=" py-4">
|
||||
<div className="flex space-x-2 items-center">
|
||||
<div className="w-[60px] h-[60px] rounded-full overflow-hidden flex justify-center items-center">
|
||||
<img
|
||||
src={dataImage1}
|
||||
alt="data"
|
||||
className="w-full h-full"
|
||||
/>
|
||||
</div>
|
||||
<div className="flex flex-col">
|
||||
<h1 className="font-bold text-xl text-dark-gray dark:text-white whitespace-nowrap px-2">
|
||||
Mullican Computer Joy
|
||||
</h1>
|
||||
<span className="text-sm text-thin-light-gray">
|
||||
Owned by <span className="text-purple">Xoeyam</span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td className="text-left py-4">
|
||||
<div className="flex space-x-1 items-center justify-start">
|
||||
<span>
|
||||
<svg
|
||||
width="16"
|
||||
height="16"
|
||||
viewBox="0 0 16 16"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M7.55225 0C7.8457 0 8.13914 0 8.43205 0C8.44829 0.026534 8.47537 0.0151623 8.49756 0.0162453C9.28966 0.0649812 10.0606 0.220936 10.8013 0.505229C12.7699 1.26172 14.2323 2.58354 15.183 4.46638C15.5999 5.29218 15.8506 6.16997 15.9561 7.08891C15.9691 7.201 15.9621 7.3158 16 7.42465C16 7.80858 16 8.19251 16 8.57698C15.9778 8.5916 15.9854 8.61543 15.9838 8.63546C15.9475 9.10387 15.8744 9.56686 15.7515 10.0206C15.1787 12.1342 13.9524 13.7603 12.0818 14.8942C11.1516 15.4579 10.1397 15.8002 9.06064 15.941C8.89497 15.9626 8.72875 15.98 8.56308 15.9995C8.17217 15.9995 7.78127 15.9995 7.39036 16C7.3752 15.9789 7.35138 15.9865 7.33135 15.9848C6.96752 15.9545 6.60639 15.9009 6.25068 15.8197C4.77639 15.4829 3.48998 14.793 2.4131 13.7311C0.998917 12.3372 0.204656 10.6461 0.0270709 8.66687C0.0205739 8.59431 0.033568 8.51904 0 8.44972C0 8.15081 0 7.85244 0 7.55352C0.0265295 7.53403 0.0151597 7.50479 0.016784 7.47988C0.0730915 6.64162 0.251218 5.83044 0.564158 5.05066C1.10179 3.71043 1.93774 2.59058 3.07634 1.70142C4.33839 0.715876 5.77098 0.159745 7.36762 0.0270755C7.4288 0.0216604 7.49432 0.0341151 7.55225 0ZM7.24635 9.86252C7.24635 10.2383 7.24526 10.6147 7.24743 10.9905C7.24797 11.0457 7.23389 11.0679 7.17596 11.0593C7.09691 11.0479 7.01678 11.0446 6.93774 11.0338C6.26746 10.9461 5.63563 10.7371 5.03952 10.4192C5.00379 10.4002 4.97834 10.3802 4.9621 10.4425C4.81375 11.0176 4.66324 11.5926 4.51164 12.1666C4.50027 12.2094 4.51272 12.2278 4.54954 12.2473C4.66486 12.3096 4.78235 12.3665 4.90309 12.4152C5.5961 12.6968 6.31998 12.8408 7.06497 12.8842C7.14131 12.8885 7.16134 12.9112 7.1608 12.9865C7.15701 13.4159 7.16026 13.8453 7.15809 14.2747C7.15755 14.3397 7.17488 14.3619 7.2431 14.3614C7.69085 14.3581 8.13914 14.3576 8.5869 14.3614C8.66432 14.3619 8.67731 14.3359 8.67731 14.2666C8.67461 13.8026 8.67677 13.3385 8.67461 12.8744C8.67407 12.8089 8.68544 12.7786 8.76015 12.765C9.09962 12.7049 9.4288 12.6058 9.74228 12.4607C10.3498 12.1802 10.8408 11.7703 11.1603 11.1724C11.4288 10.6699 11.51 10.1327 11.4618 9.56957C11.4158 9.03239 11.2366 8.55207 10.8787 8.14431C10.5506 7.77121 10.1402 7.51129 9.69843 7.29522C9.39145 7.14523 9.07363 7.02284 8.75041 6.91129C8.7098 6.89721 8.67407 6.88693 8.67407 6.82736C8.67623 6.14993 8.67569 5.4725 8.67461 4.79507C8.67461 4.75121 8.68489 4.73117 8.73308 4.73767C8.87547 4.75717 9.01895 4.77016 9.16134 4.79236C9.634 4.86493 10.0796 5.02467 10.5116 5.22395C10.5717 5.25157 10.5945 5.24886 10.6123 5.17684C10.7434 4.6467 10.8771 4.1171 11.0162 3.58913C11.0379 3.5079 11.0244 3.47541 10.948 3.44076C10.2799 3.13751 9.57282 3.01025 8.8457 2.97614C8.78018 2.97289 8.76123 2.95556 8.76178 2.88896C8.76503 2.50232 8.76232 2.11568 8.76448 1.72904C8.76503 1.66785 8.75041 1.64727 8.68489 1.64727C8.23173 1.64998 7.77802 1.64998 7.32485 1.64727C7.26151 1.64673 7.24418 1.66406 7.24418 1.72742C7.24689 2.1433 7.24256 2.55972 7.24797 2.9756C7.24905 3.06116 7.2209 3.08661 7.14239 3.10285C6.73579 3.18679 6.34651 3.32271 5.98646 3.53281C5.20628 3.98822 4.72117 4.64724 4.61938 5.5586C4.51597 6.48837 4.83812 7.2427 5.57661 7.81778C6.05739 8.19251 6.60639 8.43781 7.1738 8.64683C7.2274 8.66633 7.24743 8.68907 7.24689 8.7481C7.24472 9.12066 7.24635 9.49159 7.24635 9.86252Z"
|
||||
fill="#59BE59"
|
||||
/>
|
||||
<path
|
||||
d="M7.2452 9.86252C7.2452 9.49158 7.24358 9.12119 7.24683 8.75026C7.24737 8.69123 7.22734 8.66903 7.17374 8.64899C6.60687 8.43997 6.05787 8.19467 5.57655 7.81994C4.8386 7.24486 4.51591 6.49053 4.61933 5.56076C4.72057 4.6494 5.20568 3.99092 5.98641 3.53497C6.34645 3.32486 6.73519 3.18894 7.14233 3.10501C7.22084 3.08876 7.24899 3.06277 7.24791 2.97775C7.2425 2.56187 7.24683 2.14545 7.24412 1.72957C7.24358 1.66621 7.2609 1.64888 7.32479 1.64943C7.77796 1.65213 8.23167 1.65213 8.68483 1.64943C8.7498 1.64888 8.76442 1.66946 8.76442 1.73119C8.76171 2.11783 8.76496 2.50447 8.76171 2.89111C8.76117 2.95717 8.78012 2.97504 8.84563 2.97829C9.57276 3.01295 10.2793 3.13966 10.948 3.44291C11.0243 3.47757 11.0373 3.51006 11.0162 3.59128C10.877 4.11926 10.7433 4.64885 10.6123 5.17899C10.5944 5.25156 10.5717 5.25372 10.5116 5.2261C10.079 5.02683 9.63394 4.86708 9.16128 4.79452C9.01889 4.77286 8.87595 4.75932 8.73302 4.73983C8.68483 4.73333 8.67455 4.75337 8.67455 4.79723C8.67563 5.47466 8.67617 6.15209 8.674 6.82952C8.674 6.88908 8.70974 6.89937 8.75034 6.91345C9.07303 7.02446 9.39138 7.14684 9.69837 7.29738C10.1396 7.51344 10.5506 7.77283 10.8787 8.14647C11.2365 8.55369 11.4157 9.03455 11.4618 9.57173C11.51 10.1349 11.4287 10.6726 11.1602 11.1746C10.8408 11.7724 10.3497 12.1818 9.74222 12.4629C9.42874 12.608 9.09956 12.7071 8.76009 12.7672C8.68483 12.7802 8.674 12.811 8.67455 12.8766C8.67671 13.3406 8.67455 13.8047 8.67725 14.2688C8.67779 14.3381 8.66426 14.3646 8.58684 14.3636C8.13908 14.3598 7.69079 14.3608 7.24304 14.3636C7.17536 14.3641 7.15803 14.3424 7.15803 14.2769C7.1602 13.8475 7.15695 13.4181 7.16074 12.9887C7.16128 12.9128 7.14179 12.8906 7.06491 12.8863C6.31992 12.843 5.59658 12.699 4.90303 12.4174C4.78229 12.3681 4.66426 12.3112 4.54948 12.2495C4.51321 12.23 4.50075 12.2116 4.51158 12.1688C4.66318 11.5943 4.81369 11.0197 4.96204 10.4446C4.97829 10.3824 5.00373 10.4024 5.03947 10.4214C5.63557 10.7387 6.2674 10.9477 6.93768 11.036C7.01672 11.0463 7.09685 11.0501 7.1759 11.0614C7.23383 11.0695 7.24737 11.0479 7.24737 10.9927C7.24412 10.6147 7.2452 10.2383 7.2452 9.86252ZM8.68537 9.36325C8.67942 9.37245 8.67455 9.37678 8.67455 9.38112C8.674 9.83978 8.67401 10.2984 8.67292 10.7571C8.67292 10.8177 8.70216 10.7928 8.72598 10.7755C8.82452 10.7046 8.90736 10.619 8.96691 10.5123C9.17698 10.1333 9.05679 9.63725 8.68537 9.36325ZM7.23871 6.11147C7.23871 5.75354 7.23871 5.40589 7.23871 5.05174C6.92522 5.33982 6.92522 5.77249 7.23871 6.11147Z"
|
||||
fill="#FEFEFE"
|
||||
/>
|
||||
<path
|
||||
d="M8.68433 9.36328C9.05574 9.63729 9.17539 10.1333 8.96586 10.5118C8.90631 10.619 8.82347 10.7046 8.72493 10.775C8.70111 10.7918 8.67188 10.8172 8.67188 10.7566C8.67242 10.2979 8.67296 9.83927 8.6735 9.38061C8.67404 9.37682 8.67891 9.37249 8.68433 9.36328Z"
|
||||
fill="#59BE59"
|
||||
/>
|
||||
<path
|
||||
d="M7.23882 6.11149C6.92533 5.77305 6.92587 5.33984 7.23882 5.05176C7.23882 5.40591 7.23882 5.75355 7.23882 6.11149Z"
|
||||
fill="#59BE59"
|
||||
/>
|
||||
</svg>
|
||||
</span>
|
||||
<span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
|
||||
6392.99$
|
||||
</span>
|
||||
</div>
|
||||
</td>
|
||||
<td className="text-start py-4 px-2">
|
||||
<span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
|
||||
343
|
||||
</span>
|
||||
</td>
|
||||
<td className="text-start py-4 px-2">
|
||||
<span className="text-base text-purple font-medium whitespace-nowrap">
|
||||
Marvin McKinney
|
||||
</span>
|
||||
</td>
|
||||
<td className="text-start py-4 px-2">
|
||||
<span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
|
||||
you
|
||||
</span>
|
||||
</td>
|
||||
<td className="text-start py-4 px-2">
|
||||
<span className="text-base text-thin-light-gray whitespace-nowrap">
|
||||
2 days ago
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr className="bg-white dark:bg-dark-white border-b dark:border-[#5356fb29] hover:bg-gray-50 ">
|
||||
<td className="text-start py-4 px-2">
|
||||
<span className="text-xl tracking-wide font-bold text-dark-gray dark:text-white">
|
||||
01
|
||||
</span>
|
||||
</td>
|
||||
<td className=" py-4">
|
||||
<div className="flex space-x-2 items-center">
|
||||
<div className="w-[60px] h-[60px] rounded-full overflow-hidden flex justify-center items-center">
|
||||
<img
|
||||
src={dataImage2}
|
||||
alt="data"
|
||||
className="w-full h-full"
|
||||
/>
|
||||
</div>
|
||||
<div className="flex flex-col">
|
||||
<h1 className="font-bold text-xl text-dark-gray dark:text-white whitespace-nowrap px-2">
|
||||
Mullican Computer Joy
|
||||
</h1>
|
||||
<span className="text-sm text-thin-light-gray">
|
||||
Owned by <span className="text-purple">Xoeyam</span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td className="text-left py-4">
|
||||
<div className="flex space-x-1 items-center justify-start">
|
||||
<span>
|
||||
<svg
|
||||
width="16"
|
||||
height="16"
|
||||
viewBox="0 0 16 16"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M7.55225 0C7.8457 0 8.13914 0 8.43205 0C8.44829 0.026534 8.47537 0.0151623 8.49756 0.0162453C9.28966 0.0649812 10.0606 0.220936 10.8013 0.505229C12.7699 1.26172 14.2323 2.58354 15.183 4.46638C15.5999 5.29218 15.8506 6.16997 15.9561 7.08891C15.9691 7.201 15.9621 7.3158 16 7.42465C16 7.80858 16 8.19251 16 8.57698C15.9778 8.5916 15.9854 8.61543 15.9838 8.63546C15.9475 9.10387 15.8744 9.56686 15.7515 10.0206C15.1787 12.1342 13.9524 13.7603 12.0818 14.8942C11.1516 15.4579 10.1397 15.8002 9.06064 15.941C8.89497 15.9626 8.72875 15.98 8.56308 15.9995C8.17217 15.9995 7.78127 15.9995 7.39036 16C7.3752 15.9789 7.35138 15.9865 7.33135 15.9848C6.96752 15.9545 6.60639 15.9009 6.25068 15.8197C4.77639 15.4829 3.48998 14.793 2.4131 13.7311C0.998917 12.3372 0.204656 10.6461 0.0270709 8.66687C0.0205739 8.59431 0.033568 8.51904 0 8.44972C0 8.15081 0 7.85244 0 7.55352C0.0265295 7.53403 0.0151597 7.50479 0.016784 7.47988C0.0730915 6.64162 0.251218 5.83044 0.564158 5.05066C1.10179 3.71043 1.93774 2.59058 3.07634 1.70142C4.33839 0.715876 5.77098 0.159745 7.36762 0.0270755C7.4288 0.0216604 7.49432 0.0341151 7.55225 0ZM7.24635 9.86252C7.24635 10.2383 7.24526 10.6147 7.24743 10.9905C7.24797 11.0457 7.23389 11.0679 7.17596 11.0593C7.09691 11.0479 7.01678 11.0446 6.93774 11.0338C6.26746 10.9461 5.63563 10.7371 5.03952 10.4192C5.00379 10.4002 4.97834 10.3802 4.9621 10.4425C4.81375 11.0176 4.66324 11.5926 4.51164 12.1666C4.50027 12.2094 4.51272 12.2278 4.54954 12.2473C4.66486 12.3096 4.78235 12.3665 4.90309 12.4152C5.5961 12.6968 6.31998 12.8408 7.06497 12.8842C7.14131 12.8885 7.16134 12.9112 7.1608 12.9865C7.15701 13.4159 7.16026 13.8453 7.15809 14.2747C7.15755 14.3397 7.17488 14.3619 7.2431 14.3614C7.69085 14.3581 8.13914 14.3576 8.5869 14.3614C8.66432 14.3619 8.67731 14.3359 8.67731 14.2666C8.67461 13.8026 8.67677 13.3385 8.67461 12.8744C8.67407 12.8089 8.68544 12.7786 8.76015 12.765C9.09962 12.7049 9.4288 12.6058 9.74228 12.4607C10.3498 12.1802 10.8408 11.7703 11.1603 11.1724C11.4288 10.6699 11.51 10.1327 11.4618 9.56957C11.4158 9.03239 11.2366 8.55207 10.8787 8.14431C10.5506 7.77121 10.1402 7.51129 9.69843 7.29522C9.39145 7.14523 9.07363 7.02284 8.75041 6.91129C8.7098 6.89721 8.67407 6.88693 8.67407 6.82736C8.67623 6.14993 8.67569 5.4725 8.67461 4.79507C8.67461 4.75121 8.68489 4.73117 8.73308 4.73767C8.87547 4.75717 9.01895 4.77016 9.16134 4.79236C9.634 4.86493 10.0796 5.02467 10.5116 5.22395C10.5717 5.25157 10.5945 5.24886 10.6123 5.17684C10.7434 4.6467 10.8771 4.1171 11.0162 3.58913C11.0379 3.5079 11.0244 3.47541 10.948 3.44076C10.2799 3.13751 9.57282 3.01025 8.8457 2.97614C8.78018 2.97289 8.76123 2.95556 8.76178 2.88896C8.76503 2.50232 8.76232 2.11568 8.76448 1.72904C8.76503 1.66785 8.75041 1.64727 8.68489 1.64727C8.23173 1.64998 7.77802 1.64998 7.32485 1.64727C7.26151 1.64673 7.24418 1.66406 7.24418 1.72742C7.24689 2.1433 7.24256 2.55972 7.24797 2.9756C7.24905 3.06116 7.2209 3.08661 7.14239 3.10285C6.73579 3.18679 6.34651 3.32271 5.98646 3.53281C5.20628 3.98822 4.72117 4.64724 4.61938 5.5586C4.51597 6.48837 4.83812 7.2427 5.57661 7.81778C6.05739 8.19251 6.60639 8.43781 7.1738 8.64683C7.2274 8.66633 7.24743 8.68907 7.24689 8.7481C7.24472 9.12066 7.24635 9.49159 7.24635 9.86252Z"
|
||||
fill="#59BE59"
|
||||
/>
|
||||
<path
|
||||
d="M7.2452 9.86252C7.2452 9.49158 7.24358 9.12119 7.24683 8.75026C7.24737 8.69123 7.22734 8.66903 7.17374 8.64899C6.60687 8.43997 6.05787 8.19467 5.57655 7.81994C4.8386 7.24486 4.51591 6.49053 4.61933 5.56076C4.72057 4.6494 5.20568 3.99092 5.98641 3.53497C6.34645 3.32486 6.73519 3.18894 7.14233 3.10501C7.22084 3.08876 7.24899 3.06277 7.24791 2.97775C7.2425 2.56187 7.24683 2.14545 7.24412 1.72957C7.24358 1.66621 7.2609 1.64888 7.32479 1.64943C7.77796 1.65213 8.23167 1.65213 8.68483 1.64943C8.7498 1.64888 8.76442 1.66946 8.76442 1.73119C8.76171 2.11783 8.76496 2.50447 8.76171 2.89111C8.76117 2.95717 8.78012 2.97504 8.84563 2.97829C9.57276 3.01295 10.2793 3.13966 10.948 3.44291C11.0243 3.47757 11.0373 3.51006 11.0162 3.59128C10.877 4.11926 10.7433 4.64885 10.6123 5.17899C10.5944 5.25156 10.5717 5.25372 10.5116 5.2261C10.079 5.02683 9.63394 4.86708 9.16128 4.79452C9.01889 4.77286 8.87595 4.75932 8.73302 4.73983C8.68483 4.73333 8.67455 4.75337 8.67455 4.79723C8.67563 5.47466 8.67617 6.15209 8.674 6.82952C8.674 6.88908 8.70974 6.89937 8.75034 6.91345C9.07303 7.02446 9.39138 7.14684 9.69837 7.29738C10.1396 7.51344 10.5506 7.77283 10.8787 8.14647C11.2365 8.55369 11.4157 9.03455 11.4618 9.57173C11.51 10.1349 11.4287 10.6726 11.1602 11.1746C10.8408 11.7724 10.3497 12.1818 9.74222 12.4629C9.42874 12.608 9.09956 12.7071 8.76009 12.7672C8.68483 12.7802 8.674 12.811 8.67455 12.8766C8.67671 13.3406 8.67455 13.8047 8.67725 14.2688C8.67779 14.3381 8.66426 14.3646 8.58684 14.3636C8.13908 14.3598 7.69079 14.3608 7.24304 14.3636C7.17536 14.3641 7.15803 14.3424 7.15803 14.2769C7.1602 13.8475 7.15695 13.4181 7.16074 12.9887C7.16128 12.9128 7.14179 12.8906 7.06491 12.8863C6.31992 12.843 5.59658 12.699 4.90303 12.4174C4.78229 12.3681 4.66426 12.3112 4.54948 12.2495C4.51321 12.23 4.50075 12.2116 4.51158 12.1688C4.66318 11.5943 4.81369 11.0197 4.96204 10.4446C4.97829 10.3824 5.00373 10.4024 5.03947 10.4214C5.63557 10.7387 6.2674 10.9477 6.93768 11.036C7.01672 11.0463 7.09685 11.0501 7.1759 11.0614C7.23383 11.0695 7.24737 11.0479 7.24737 10.9927C7.24412 10.6147 7.2452 10.2383 7.2452 9.86252ZM8.68537 9.36325C8.67942 9.37245 8.67455 9.37678 8.67455 9.38112C8.674 9.83978 8.67401 10.2984 8.67292 10.7571C8.67292 10.8177 8.70216 10.7928 8.72598 10.7755C8.82452 10.7046 8.90736 10.619 8.96691 10.5123C9.17698 10.1333 9.05679 9.63725 8.68537 9.36325ZM7.23871 6.11147C7.23871 5.75354 7.23871 5.40589 7.23871 5.05174C6.92522 5.33982 6.92522 5.77249 7.23871 6.11147Z"
|
||||
fill="#FEFEFE"
|
||||
/>
|
||||
<path
|
||||
d="M8.68433 9.36328C9.05574 9.63729 9.17539 10.1333 8.96586 10.5118C8.90631 10.619 8.82347 10.7046 8.72493 10.775C8.70111 10.7918 8.67188 10.8172 8.67188 10.7566C8.67242 10.2979 8.67296 9.83927 8.6735 9.38061C8.67404 9.37682 8.67891 9.37249 8.68433 9.36328Z"
|
||||
fill="#59BE59"
|
||||
/>
|
||||
<path
|
||||
d="M7.23882 6.11149C6.92533 5.77305 6.92587 5.33984 7.23882 5.05176C7.23882 5.40591 7.23882 5.75355 7.23882 6.11149Z"
|
||||
fill="#59BE59"
|
||||
/>
|
||||
</svg>
|
||||
</span>
|
||||
<span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
|
||||
6392.99$
|
||||
</span>
|
||||
</div>
|
||||
</td>
|
||||
<td className="text-start py-4 px-2">
|
||||
<span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
|
||||
343
|
||||
</span>
|
||||
</td>
|
||||
<td className="text-start py-4 px-2">
|
||||
<span className="text-base text-purple font-medium whitespace-nowrap">
|
||||
Marvin McKinney
|
||||
</span>
|
||||
</td>
|
||||
<td className="text-start py-4 px-2">
|
||||
<span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
|
||||
you
|
||||
</span>
|
||||
</td>
|
||||
<td className="text-start py-4 px-2">
|
||||
<span className="text-base text-thin-light-gray whitespace-nowrap">
|
||||
2 days ago
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr className="bg-white dark:bg-dark-white border-b dark:border-[#5356fb29] hover:bg-gray-50 ">
|
||||
<td className="text-start py-4 px-2">
|
||||
<span className="text-xl tracking-wide font-bold text-dark-gray dark:text-white">
|
||||
01
|
||||
</span>
|
||||
</td>
|
||||
<td className=" py-4">
|
||||
<div className="flex space-x-2 items-center">
|
||||
<div className="w-[60px] h-[60px] rounded-full overflow-hidden flex justify-center items-center">
|
||||
<img
|
||||
src={dataImage3}
|
||||
alt="data"
|
||||
className="w-full h-full"
|
||||
/>
|
||||
</div>
|
||||
<div className="flex flex-col">
|
||||
<h1 className="font-bold text-xl text-dark-gray dark:text-white whitespace-nowrap px-2">
|
||||
Mullican Computer Joy
|
||||
</h1>
|
||||
<span className="text-sm text-thin-light-gray">
|
||||
Owned by <span className="text-purple">Xoeyam</span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td className="text-left py-4">
|
||||
<div className="flex space-x-1 items-center justify-start">
|
||||
<span>
|
||||
<svg
|
||||
width="16"
|
||||
height="16"
|
||||
viewBox="0 0 16 16"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M7.55225 0C7.8457 0 8.13914 0 8.43205 0C8.44829 0.026534 8.47537 0.0151623 8.49756 0.0162453C9.28966 0.0649812 10.0606 0.220936 10.8013 0.505229C12.7699 1.26172 14.2323 2.58354 15.183 4.46638C15.5999 5.29218 15.8506 6.16997 15.9561 7.08891C15.9691 7.201 15.9621 7.3158 16 7.42465C16 7.80858 16 8.19251 16 8.57698C15.9778 8.5916 15.9854 8.61543 15.9838 8.63546C15.9475 9.10387 15.8744 9.56686 15.7515 10.0206C15.1787 12.1342 13.9524 13.7603 12.0818 14.8942C11.1516 15.4579 10.1397 15.8002 9.06064 15.941C8.89497 15.9626 8.72875 15.98 8.56308 15.9995C8.17217 15.9995 7.78127 15.9995 7.39036 16C7.3752 15.9789 7.35138 15.9865 7.33135 15.9848C6.96752 15.9545 6.60639 15.9009 6.25068 15.8197C4.77639 15.4829 3.48998 14.793 2.4131 13.7311C0.998917 12.3372 0.204656 10.6461 0.0270709 8.66687C0.0205739 8.59431 0.033568 8.51904 0 8.44972C0 8.15081 0 7.85244 0 7.55352C0.0265295 7.53403 0.0151597 7.50479 0.016784 7.47988C0.0730915 6.64162 0.251218 5.83044 0.564158 5.05066C1.10179 3.71043 1.93774 2.59058 3.07634 1.70142C4.33839 0.715876 5.77098 0.159745 7.36762 0.0270755C7.4288 0.0216604 7.49432 0.0341151 7.55225 0ZM7.24635 9.86252C7.24635 10.2383 7.24526 10.6147 7.24743 10.9905C7.24797 11.0457 7.23389 11.0679 7.17596 11.0593C7.09691 11.0479 7.01678 11.0446 6.93774 11.0338C6.26746 10.9461 5.63563 10.7371 5.03952 10.4192C5.00379 10.4002 4.97834 10.3802 4.9621 10.4425C4.81375 11.0176 4.66324 11.5926 4.51164 12.1666C4.50027 12.2094 4.51272 12.2278 4.54954 12.2473C4.66486 12.3096 4.78235 12.3665 4.90309 12.4152C5.5961 12.6968 6.31998 12.8408 7.06497 12.8842C7.14131 12.8885 7.16134 12.9112 7.1608 12.9865C7.15701 13.4159 7.16026 13.8453 7.15809 14.2747C7.15755 14.3397 7.17488 14.3619 7.2431 14.3614C7.69085 14.3581 8.13914 14.3576 8.5869 14.3614C8.66432 14.3619 8.67731 14.3359 8.67731 14.2666C8.67461 13.8026 8.67677 13.3385 8.67461 12.8744C8.67407 12.8089 8.68544 12.7786 8.76015 12.765C9.09962 12.7049 9.4288 12.6058 9.74228 12.4607C10.3498 12.1802 10.8408 11.7703 11.1603 11.1724C11.4288 10.6699 11.51 10.1327 11.4618 9.56957C11.4158 9.03239 11.2366 8.55207 10.8787 8.14431C10.5506 7.77121 10.1402 7.51129 9.69843 7.29522C9.39145 7.14523 9.07363 7.02284 8.75041 6.91129C8.7098 6.89721 8.67407 6.88693 8.67407 6.82736C8.67623 6.14993 8.67569 5.4725 8.67461 4.79507C8.67461 4.75121 8.68489 4.73117 8.73308 4.73767C8.87547 4.75717 9.01895 4.77016 9.16134 4.79236C9.634 4.86493 10.0796 5.02467 10.5116 5.22395C10.5717 5.25157 10.5945 5.24886 10.6123 5.17684C10.7434 4.6467 10.8771 4.1171 11.0162 3.58913C11.0379 3.5079 11.0244 3.47541 10.948 3.44076C10.2799 3.13751 9.57282 3.01025 8.8457 2.97614C8.78018 2.97289 8.76123 2.95556 8.76178 2.88896C8.76503 2.50232 8.76232 2.11568 8.76448 1.72904C8.76503 1.66785 8.75041 1.64727 8.68489 1.64727C8.23173 1.64998 7.77802 1.64998 7.32485 1.64727C7.26151 1.64673 7.24418 1.66406 7.24418 1.72742C7.24689 2.1433 7.24256 2.55972 7.24797 2.9756C7.24905 3.06116 7.2209 3.08661 7.14239 3.10285C6.73579 3.18679 6.34651 3.32271 5.98646 3.53281C5.20628 3.98822 4.72117 4.64724 4.61938 5.5586C4.51597 6.48837 4.83812 7.2427 5.57661 7.81778C6.05739 8.19251 6.60639 8.43781 7.1738 8.64683C7.2274 8.66633 7.24743 8.68907 7.24689 8.7481C7.24472 9.12066 7.24635 9.49159 7.24635 9.86252Z"
|
||||
fill="#59BE59"
|
||||
/>
|
||||
<path
|
||||
d="M7.2452 9.86252C7.2452 9.49158 7.24358 9.12119 7.24683 8.75026C7.24737 8.69123 7.22734 8.66903 7.17374 8.64899C6.60687 8.43997 6.05787 8.19467 5.57655 7.81994C4.8386 7.24486 4.51591 6.49053 4.61933 5.56076C4.72057 4.6494 5.20568 3.99092 5.98641 3.53497C6.34645 3.32486 6.73519 3.18894 7.14233 3.10501C7.22084 3.08876 7.24899 3.06277 7.24791 2.97775C7.2425 2.56187 7.24683 2.14545 7.24412 1.72957C7.24358 1.66621 7.2609 1.64888 7.32479 1.64943C7.77796 1.65213 8.23167 1.65213 8.68483 1.64943C8.7498 1.64888 8.76442 1.66946 8.76442 1.73119C8.76171 2.11783 8.76496 2.50447 8.76171 2.89111C8.76117 2.95717 8.78012 2.97504 8.84563 2.97829C9.57276 3.01295 10.2793 3.13966 10.948 3.44291C11.0243 3.47757 11.0373 3.51006 11.0162 3.59128C10.877 4.11926 10.7433 4.64885 10.6123 5.17899C10.5944 5.25156 10.5717 5.25372 10.5116 5.2261C10.079 5.02683 9.63394 4.86708 9.16128 4.79452C9.01889 4.77286 8.87595 4.75932 8.73302 4.73983C8.68483 4.73333 8.67455 4.75337 8.67455 4.79723C8.67563 5.47466 8.67617 6.15209 8.674 6.82952C8.674 6.88908 8.70974 6.89937 8.75034 6.91345C9.07303 7.02446 9.39138 7.14684 9.69837 7.29738C10.1396 7.51344 10.5506 7.77283 10.8787 8.14647C11.2365 8.55369 11.4157 9.03455 11.4618 9.57173C11.51 10.1349 11.4287 10.6726 11.1602 11.1746C10.8408 11.7724 10.3497 12.1818 9.74222 12.4629C9.42874 12.608 9.09956 12.7071 8.76009 12.7672C8.68483 12.7802 8.674 12.811 8.67455 12.8766C8.67671 13.3406 8.67455 13.8047 8.67725 14.2688C8.67779 14.3381 8.66426 14.3646 8.58684 14.3636C8.13908 14.3598 7.69079 14.3608 7.24304 14.3636C7.17536 14.3641 7.15803 14.3424 7.15803 14.2769C7.1602 13.8475 7.15695 13.4181 7.16074 12.9887C7.16128 12.9128 7.14179 12.8906 7.06491 12.8863C6.31992 12.843 5.59658 12.699 4.90303 12.4174C4.78229 12.3681 4.66426 12.3112 4.54948 12.2495C4.51321 12.23 4.50075 12.2116 4.51158 12.1688C4.66318 11.5943 4.81369 11.0197 4.96204 10.4446C4.97829 10.3824 5.00373 10.4024 5.03947 10.4214C5.63557 10.7387 6.2674 10.9477 6.93768 11.036C7.01672 11.0463 7.09685 11.0501 7.1759 11.0614C7.23383 11.0695 7.24737 11.0479 7.24737 10.9927C7.24412 10.6147 7.2452 10.2383 7.2452 9.86252ZM8.68537 9.36325C8.67942 9.37245 8.67455 9.37678 8.67455 9.38112C8.674 9.83978 8.67401 10.2984 8.67292 10.7571C8.67292 10.8177 8.70216 10.7928 8.72598 10.7755C8.82452 10.7046 8.90736 10.619 8.96691 10.5123C9.17698 10.1333 9.05679 9.63725 8.68537 9.36325ZM7.23871 6.11147C7.23871 5.75354 7.23871 5.40589 7.23871 5.05174C6.92522 5.33982 6.92522 5.77249 7.23871 6.11147Z"
|
||||
fill="#FEFEFE"
|
||||
/>
|
||||
<path
|
||||
d="M8.68433 9.36328C9.05574 9.63729 9.17539 10.1333 8.96586 10.5118C8.90631 10.619 8.82347 10.7046 8.72493 10.775C8.70111 10.7918 8.67188 10.8172 8.67188 10.7566C8.67242 10.2979 8.67296 9.83927 8.6735 9.38061C8.67404 9.37682 8.67891 9.37249 8.68433 9.36328Z"
|
||||
fill="#59BE59"
|
||||
/>
|
||||
<path
|
||||
d="M7.23882 6.11149C6.92533 5.77305 6.92587 5.33984 7.23882 5.05176C7.23882 5.40591 7.23882 5.75355 7.23882 6.11149Z"
|
||||
fill="#59BE59"
|
||||
/>
|
||||
</svg>
|
||||
</span>
|
||||
<span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
|
||||
6392.99$
|
||||
</span>
|
||||
</div>
|
||||
</td>
|
||||
<td className="text-start py-4 px-2">
|
||||
<span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
|
||||
343
|
||||
</span>
|
||||
</td>
|
||||
<td className="text-start py-4 px-2">
|
||||
<span className="text-base text-purple font-medium whitespace-nowrap">
|
||||
Marvin McKinney
|
||||
</span>
|
||||
</td>
|
||||
<td className="text-start py-4 px-2">
|
||||
<span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
|
||||
you
|
||||
</span>
|
||||
</td>
|
||||
<td className="text-start py-4 px-2">
|
||||
<span className="text-base text-thin-light-gray whitespace-nowrap">
|
||||
2 days ago
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr className="bg-white dark:bg-dark-white border-b dark:border-[#5356fb29] hover:bg-gray-50 ">
|
||||
<td className="text-start py-4 px-2">
|
||||
<span className="text-xl tracking-wide font-bold text-dark-gray dark:text-white">
|
||||
01
|
||||
</span>
|
||||
</td>
|
||||
<td className=" py-4">
|
||||
<div className="flex space-x-2 items-center">
|
||||
<div className="w-[60px] h-[60px] rounded-full overflow-hidden flex justify-center items-center">
|
||||
<img
|
||||
src={dataImage4}
|
||||
alt="data"
|
||||
className="w-full h-full"
|
||||
/>
|
||||
</div>
|
||||
<div className="flex flex-col">
|
||||
<h1 className="font-bold text-xl text-dark-gray dark:text-white whitespace-nowrap px-2">
|
||||
Mullican Computer Joy
|
||||
</h1>
|
||||
<span className="text-sm text-thin-light-gray">
|
||||
Owned by <span className="text-purple">Xoeyam</span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td className="text-left py-4">
|
||||
<div className="flex space-x-1 items-center justify-start">
|
||||
<span>
|
||||
<svg
|
||||
width="16"
|
||||
height="16"
|
||||
viewBox="0 0 16 16"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M7.55225 0C7.8457 0 8.13914 0 8.43205 0C8.44829 0.026534 8.47537 0.0151623 8.49756 0.0162453C9.28966 0.0649812 10.0606 0.220936 10.8013 0.505229C12.7699 1.26172 14.2323 2.58354 15.183 4.46638C15.5999 5.29218 15.8506 6.16997 15.9561 7.08891C15.9691 7.201 15.9621 7.3158 16 7.42465C16 7.80858 16 8.19251 16 8.57698C15.9778 8.5916 15.9854 8.61543 15.9838 8.63546C15.9475 9.10387 15.8744 9.56686 15.7515 10.0206C15.1787 12.1342 13.9524 13.7603 12.0818 14.8942C11.1516 15.4579 10.1397 15.8002 9.06064 15.941C8.89497 15.9626 8.72875 15.98 8.56308 15.9995C8.17217 15.9995 7.78127 15.9995 7.39036 16C7.3752 15.9789 7.35138 15.9865 7.33135 15.9848C6.96752 15.9545 6.60639 15.9009 6.25068 15.8197C4.77639 15.4829 3.48998 14.793 2.4131 13.7311C0.998917 12.3372 0.204656 10.6461 0.0270709 8.66687C0.0205739 8.59431 0.033568 8.51904 0 8.44972C0 8.15081 0 7.85244 0 7.55352C0.0265295 7.53403 0.0151597 7.50479 0.016784 7.47988C0.0730915 6.64162 0.251218 5.83044 0.564158 5.05066C1.10179 3.71043 1.93774 2.59058 3.07634 1.70142C4.33839 0.715876 5.77098 0.159745 7.36762 0.0270755C7.4288 0.0216604 7.49432 0.0341151 7.55225 0ZM7.24635 9.86252C7.24635 10.2383 7.24526 10.6147 7.24743 10.9905C7.24797 11.0457 7.23389 11.0679 7.17596 11.0593C7.09691 11.0479 7.01678 11.0446 6.93774 11.0338C6.26746 10.9461 5.63563 10.7371 5.03952 10.4192C5.00379 10.4002 4.97834 10.3802 4.9621 10.4425C4.81375 11.0176 4.66324 11.5926 4.51164 12.1666C4.50027 12.2094 4.51272 12.2278 4.54954 12.2473C4.66486 12.3096 4.78235 12.3665 4.90309 12.4152C5.5961 12.6968 6.31998 12.8408 7.06497 12.8842C7.14131 12.8885 7.16134 12.9112 7.1608 12.9865C7.15701 13.4159 7.16026 13.8453 7.15809 14.2747C7.15755 14.3397 7.17488 14.3619 7.2431 14.3614C7.69085 14.3581 8.13914 14.3576 8.5869 14.3614C8.66432 14.3619 8.67731 14.3359 8.67731 14.2666C8.67461 13.8026 8.67677 13.3385 8.67461 12.8744C8.67407 12.8089 8.68544 12.7786 8.76015 12.765C9.09962 12.7049 9.4288 12.6058 9.74228 12.4607C10.3498 12.1802 10.8408 11.7703 11.1603 11.1724C11.4288 10.6699 11.51 10.1327 11.4618 9.56957C11.4158 9.03239 11.2366 8.55207 10.8787 8.14431C10.5506 7.77121 10.1402 7.51129 9.69843 7.29522C9.39145 7.14523 9.07363 7.02284 8.75041 6.91129C8.7098 6.89721 8.67407 6.88693 8.67407 6.82736C8.67623 6.14993 8.67569 5.4725 8.67461 4.79507C8.67461 4.75121 8.68489 4.73117 8.73308 4.73767C8.87547 4.75717 9.01895 4.77016 9.16134 4.79236C9.634 4.86493 10.0796 5.02467 10.5116 5.22395C10.5717 5.25157 10.5945 5.24886 10.6123 5.17684C10.7434 4.6467 10.8771 4.1171 11.0162 3.58913C11.0379 3.5079 11.0244 3.47541 10.948 3.44076C10.2799 3.13751 9.57282 3.01025 8.8457 2.97614C8.78018 2.97289 8.76123 2.95556 8.76178 2.88896C8.76503 2.50232 8.76232 2.11568 8.76448 1.72904C8.76503 1.66785 8.75041 1.64727 8.68489 1.64727C8.23173 1.64998 7.77802 1.64998 7.32485 1.64727C7.26151 1.64673 7.24418 1.66406 7.24418 1.72742C7.24689 2.1433 7.24256 2.55972 7.24797 2.9756C7.24905 3.06116 7.2209 3.08661 7.14239 3.10285C6.73579 3.18679 6.34651 3.32271 5.98646 3.53281C5.20628 3.98822 4.72117 4.64724 4.61938 5.5586C4.51597 6.48837 4.83812 7.2427 5.57661 7.81778C6.05739 8.19251 6.60639 8.43781 7.1738 8.64683C7.2274 8.66633 7.24743 8.68907 7.24689 8.7481C7.24472 9.12066 7.24635 9.49159 7.24635 9.86252Z"
|
||||
fill="#59BE59"
|
||||
/>
|
||||
<path
|
||||
d="M7.2452 9.86252C7.2452 9.49158 7.24358 9.12119 7.24683 8.75026C7.24737 8.69123 7.22734 8.66903 7.17374 8.64899C6.60687 8.43997 6.05787 8.19467 5.57655 7.81994C4.8386 7.24486 4.51591 6.49053 4.61933 5.56076C4.72057 4.6494 5.20568 3.99092 5.98641 3.53497C6.34645 3.32486 6.73519 3.18894 7.14233 3.10501C7.22084 3.08876 7.24899 3.06277 7.24791 2.97775C7.2425 2.56187 7.24683 2.14545 7.24412 1.72957C7.24358 1.66621 7.2609 1.64888 7.32479 1.64943C7.77796 1.65213 8.23167 1.65213 8.68483 1.64943C8.7498 1.64888 8.76442 1.66946 8.76442 1.73119C8.76171 2.11783 8.76496 2.50447 8.76171 2.89111C8.76117 2.95717 8.78012 2.97504 8.84563 2.97829C9.57276 3.01295 10.2793 3.13966 10.948 3.44291C11.0243 3.47757 11.0373 3.51006 11.0162 3.59128C10.877 4.11926 10.7433 4.64885 10.6123 5.17899C10.5944 5.25156 10.5717 5.25372 10.5116 5.2261C10.079 5.02683 9.63394 4.86708 9.16128 4.79452C9.01889 4.77286 8.87595 4.75932 8.73302 4.73983C8.68483 4.73333 8.67455 4.75337 8.67455 4.79723C8.67563 5.47466 8.67617 6.15209 8.674 6.82952C8.674 6.88908 8.70974 6.89937 8.75034 6.91345C9.07303 7.02446 9.39138 7.14684 9.69837 7.29738C10.1396 7.51344 10.5506 7.77283 10.8787 8.14647C11.2365 8.55369 11.4157 9.03455 11.4618 9.57173C11.51 10.1349 11.4287 10.6726 11.1602 11.1746C10.8408 11.7724 10.3497 12.1818 9.74222 12.4629C9.42874 12.608 9.09956 12.7071 8.76009 12.7672C8.68483 12.7802 8.674 12.811 8.67455 12.8766C8.67671 13.3406 8.67455 13.8047 8.67725 14.2688C8.67779 14.3381 8.66426 14.3646 8.58684 14.3636C8.13908 14.3598 7.69079 14.3608 7.24304 14.3636C7.17536 14.3641 7.15803 14.3424 7.15803 14.2769C7.1602 13.8475 7.15695 13.4181 7.16074 12.9887C7.16128 12.9128 7.14179 12.8906 7.06491 12.8863C6.31992 12.843 5.59658 12.699 4.90303 12.4174C4.78229 12.3681 4.66426 12.3112 4.54948 12.2495C4.51321 12.23 4.50075 12.2116 4.51158 12.1688C4.66318 11.5943 4.81369 11.0197 4.96204 10.4446C4.97829 10.3824 5.00373 10.4024 5.03947 10.4214C5.63557 10.7387 6.2674 10.9477 6.93768 11.036C7.01672 11.0463 7.09685 11.0501 7.1759 11.0614C7.23383 11.0695 7.24737 11.0479 7.24737 10.9927C7.24412 10.6147 7.2452 10.2383 7.2452 9.86252ZM8.68537 9.36325C8.67942 9.37245 8.67455 9.37678 8.67455 9.38112C8.674 9.83978 8.67401 10.2984 8.67292 10.7571C8.67292 10.8177 8.70216 10.7928 8.72598 10.7755C8.82452 10.7046 8.90736 10.619 8.96691 10.5123C9.17698 10.1333 9.05679 9.63725 8.68537 9.36325ZM7.23871 6.11147C7.23871 5.75354 7.23871 5.40589 7.23871 5.05174C6.92522 5.33982 6.92522 5.77249 7.23871 6.11147Z"
|
||||
fill="#FEFEFE"
|
||||
/>
|
||||
<path
|
||||
d="M8.68433 9.36328C9.05574 9.63729 9.17539 10.1333 8.96586 10.5118C8.90631 10.619 8.82347 10.7046 8.72493 10.775C8.70111 10.7918 8.67188 10.8172 8.67188 10.7566C8.67242 10.2979 8.67296 9.83927 8.6735 9.38061C8.67404 9.37682 8.67891 9.37249 8.68433 9.36328Z"
|
||||
fill="#59BE59"
|
||||
/>
|
||||
<path
|
||||
d="M7.23882 6.11149C6.92533 5.77305 6.92587 5.33984 7.23882 5.05176C7.23882 5.40591 7.23882 5.75355 7.23882 6.11149Z"
|
||||
fill="#59BE59"
|
||||
/>
|
||||
</svg>
|
||||
</span>
|
||||
<span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
|
||||
6392.99$
|
||||
</span>
|
||||
</div>
|
||||
</td>
|
||||
<td className="text-start py-4 px-2">
|
||||
<span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
|
||||
343
|
||||
</span>
|
||||
</td>
|
||||
<td className="text-start py-4 px-2">
|
||||
<span className="text-base text-purple font-medium whitespace-nowrap">
|
||||
Marvin McKinney
|
||||
</span>
|
||||
</td>
|
||||
<td className="text-start py-4 px-2">
|
||||
<span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
|
||||
you
|
||||
</span>
|
||||
</td>
|
||||
<td className="text-start py-4 px-2">
|
||||
<span className="text-base text-thin-light-gray whitespace-nowrap">
|
||||
2 days ago
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr className="bg-white dark:bg-dark-white border-b dark:border-[#5356fb29] hover:bg-gray-50 ">
|
||||
<td className="text-start py-4 px-2">
|
||||
<span className="text-xl tracking-wide font-bold text-dark-gray dark:text-white">
|
||||
01
|
||||
</span>
|
||||
</td>
|
||||
<td className=" py-4">
|
||||
<div className="flex space-x-2 items-center">
|
||||
<div className="w-[60px] h-[60px] rounded-full overflow-hidden flex justify-center items-center">
|
||||
<img
|
||||
src={dataImage1}
|
||||
alt="data"
|
||||
className="w-full h-full"
|
||||
/>
|
||||
</div>
|
||||
<div className="flex flex-col">
|
||||
<h1 className="font-bold text-xl text-dark-gray dark:text-white whitespace-nowrap px-2">
|
||||
Mullican Computer Joy
|
||||
</h1>
|
||||
<span className="text-sm text-thin-light-gray">
|
||||
Owned by <span className="text-purple">Xoeyam</span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td className="text-left py-4">
|
||||
<div className="flex space-x-1 items-center justify-start">
|
||||
<span>
|
||||
<svg
|
||||
width="16"
|
||||
height="16"
|
||||
viewBox="0 0 16 16"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M7.55225 0C7.8457 0 8.13914 0 8.43205 0C8.44829 0.026534 8.47537 0.0151623 8.49756 0.0162453C9.28966 0.0649812 10.0606 0.220936 10.8013 0.505229C12.7699 1.26172 14.2323 2.58354 15.183 4.46638C15.5999 5.29218 15.8506 6.16997 15.9561 7.08891C15.9691 7.201 15.9621 7.3158 16 7.42465C16 7.80858 16 8.19251 16 8.57698C15.9778 8.5916 15.9854 8.61543 15.9838 8.63546C15.9475 9.10387 15.8744 9.56686 15.7515 10.0206C15.1787 12.1342 13.9524 13.7603 12.0818 14.8942C11.1516 15.4579 10.1397 15.8002 9.06064 15.941C8.89497 15.9626 8.72875 15.98 8.56308 15.9995C8.17217 15.9995 7.78127 15.9995 7.39036 16C7.3752 15.9789 7.35138 15.9865 7.33135 15.9848C6.96752 15.9545 6.60639 15.9009 6.25068 15.8197C4.77639 15.4829 3.48998 14.793 2.4131 13.7311C0.998917 12.3372 0.204656 10.6461 0.0270709 8.66687C0.0205739 8.59431 0.033568 8.51904 0 8.44972C0 8.15081 0 7.85244 0 7.55352C0.0265295 7.53403 0.0151597 7.50479 0.016784 7.47988C0.0730915 6.64162 0.251218 5.83044 0.564158 5.05066C1.10179 3.71043 1.93774 2.59058 3.07634 1.70142C4.33839 0.715876 5.77098 0.159745 7.36762 0.0270755C7.4288 0.0216604 7.49432 0.0341151 7.55225 0ZM7.24635 9.86252C7.24635 10.2383 7.24526 10.6147 7.24743 10.9905C7.24797 11.0457 7.23389 11.0679 7.17596 11.0593C7.09691 11.0479 7.01678 11.0446 6.93774 11.0338C6.26746 10.9461 5.63563 10.7371 5.03952 10.4192C5.00379 10.4002 4.97834 10.3802 4.9621 10.4425C4.81375 11.0176 4.66324 11.5926 4.51164 12.1666C4.50027 12.2094 4.51272 12.2278 4.54954 12.2473C4.66486 12.3096 4.78235 12.3665 4.90309 12.4152C5.5961 12.6968 6.31998 12.8408 7.06497 12.8842C7.14131 12.8885 7.16134 12.9112 7.1608 12.9865C7.15701 13.4159 7.16026 13.8453 7.15809 14.2747C7.15755 14.3397 7.17488 14.3619 7.2431 14.3614C7.69085 14.3581 8.13914 14.3576 8.5869 14.3614C8.66432 14.3619 8.67731 14.3359 8.67731 14.2666C8.67461 13.8026 8.67677 13.3385 8.67461 12.8744C8.67407 12.8089 8.68544 12.7786 8.76015 12.765C9.09962 12.7049 9.4288 12.6058 9.74228 12.4607C10.3498 12.1802 10.8408 11.7703 11.1603 11.1724C11.4288 10.6699 11.51 10.1327 11.4618 9.56957C11.4158 9.03239 11.2366 8.55207 10.8787 8.14431C10.5506 7.77121 10.1402 7.51129 9.69843 7.29522C9.39145 7.14523 9.07363 7.02284 8.75041 6.91129C8.7098 6.89721 8.67407 6.88693 8.67407 6.82736C8.67623 6.14993 8.67569 5.4725 8.67461 4.79507C8.67461 4.75121 8.68489 4.73117 8.73308 4.73767C8.87547 4.75717 9.01895 4.77016 9.16134 4.79236C9.634 4.86493 10.0796 5.02467 10.5116 5.22395C10.5717 5.25157 10.5945 5.24886 10.6123 5.17684C10.7434 4.6467 10.8771 4.1171 11.0162 3.58913C11.0379 3.5079 11.0244 3.47541 10.948 3.44076C10.2799 3.13751 9.57282 3.01025 8.8457 2.97614C8.78018 2.97289 8.76123 2.95556 8.76178 2.88896C8.76503 2.50232 8.76232 2.11568 8.76448 1.72904C8.76503 1.66785 8.75041 1.64727 8.68489 1.64727C8.23173 1.64998 7.77802 1.64998 7.32485 1.64727C7.26151 1.64673 7.24418 1.66406 7.24418 1.72742C7.24689 2.1433 7.24256 2.55972 7.24797 2.9756C7.24905 3.06116 7.2209 3.08661 7.14239 3.10285C6.73579 3.18679 6.34651 3.32271 5.98646 3.53281C5.20628 3.98822 4.72117 4.64724 4.61938 5.5586C4.51597 6.48837 4.83812 7.2427 5.57661 7.81778C6.05739 8.19251 6.60639 8.43781 7.1738 8.64683C7.2274 8.66633 7.24743 8.68907 7.24689 8.7481C7.24472 9.12066 7.24635 9.49159 7.24635 9.86252Z"
|
||||
fill="#59BE59"
|
||||
/>
|
||||
<path
|
||||
d="M7.2452 9.86252C7.2452 9.49158 7.24358 9.12119 7.24683 8.75026C7.24737 8.69123 7.22734 8.66903 7.17374 8.64899C6.60687 8.43997 6.05787 8.19467 5.57655 7.81994C4.8386 7.24486 4.51591 6.49053 4.61933 5.56076C4.72057 4.6494 5.20568 3.99092 5.98641 3.53497C6.34645 3.32486 6.73519 3.18894 7.14233 3.10501C7.22084 3.08876 7.24899 3.06277 7.24791 2.97775C7.2425 2.56187 7.24683 2.14545 7.24412 1.72957C7.24358 1.66621 7.2609 1.64888 7.32479 1.64943C7.77796 1.65213 8.23167 1.65213 8.68483 1.64943C8.7498 1.64888 8.76442 1.66946 8.76442 1.73119C8.76171 2.11783 8.76496 2.50447 8.76171 2.89111C8.76117 2.95717 8.78012 2.97504 8.84563 2.97829C9.57276 3.01295 10.2793 3.13966 10.948 3.44291C11.0243 3.47757 11.0373 3.51006 11.0162 3.59128C10.877 4.11926 10.7433 4.64885 10.6123 5.17899C10.5944 5.25156 10.5717 5.25372 10.5116 5.2261C10.079 5.02683 9.63394 4.86708 9.16128 4.79452C9.01889 4.77286 8.87595 4.75932 8.73302 4.73983C8.68483 4.73333 8.67455 4.75337 8.67455 4.79723C8.67563 5.47466 8.67617 6.15209 8.674 6.82952C8.674 6.88908 8.70974 6.89937 8.75034 6.91345C9.07303 7.02446 9.39138 7.14684 9.69837 7.29738C10.1396 7.51344 10.5506 7.77283 10.8787 8.14647C11.2365 8.55369 11.4157 9.03455 11.4618 9.57173C11.51 10.1349 11.4287 10.6726 11.1602 11.1746C10.8408 11.7724 10.3497 12.1818 9.74222 12.4629C9.42874 12.608 9.09956 12.7071 8.76009 12.7672C8.68483 12.7802 8.674 12.811 8.67455 12.8766C8.67671 13.3406 8.67455 13.8047 8.67725 14.2688C8.67779 14.3381 8.66426 14.3646 8.58684 14.3636C8.13908 14.3598 7.69079 14.3608 7.24304 14.3636C7.17536 14.3641 7.15803 14.3424 7.15803 14.2769C7.1602 13.8475 7.15695 13.4181 7.16074 12.9887C7.16128 12.9128 7.14179 12.8906 7.06491 12.8863C6.31992 12.843 5.59658 12.699 4.90303 12.4174C4.78229 12.3681 4.66426 12.3112 4.54948 12.2495C4.51321 12.23 4.50075 12.2116 4.51158 12.1688C4.66318 11.5943 4.81369 11.0197 4.96204 10.4446C4.97829 10.3824 5.00373 10.4024 5.03947 10.4214C5.63557 10.7387 6.2674 10.9477 6.93768 11.036C7.01672 11.0463 7.09685 11.0501 7.1759 11.0614C7.23383 11.0695 7.24737 11.0479 7.24737 10.9927C7.24412 10.6147 7.2452 10.2383 7.2452 9.86252ZM8.68537 9.36325C8.67942 9.37245 8.67455 9.37678 8.67455 9.38112C8.674 9.83978 8.67401 10.2984 8.67292 10.7571C8.67292 10.8177 8.70216 10.7928 8.72598 10.7755C8.82452 10.7046 8.90736 10.619 8.96691 10.5123C9.17698 10.1333 9.05679 9.63725 8.68537 9.36325ZM7.23871 6.11147C7.23871 5.75354 7.23871 5.40589 7.23871 5.05174C6.92522 5.33982 6.92522 5.77249 7.23871 6.11147Z"
|
||||
fill="#FEFEFE"
|
||||
/>
|
||||
<path
|
||||
d="M8.68433 9.36328C9.05574 9.63729 9.17539 10.1333 8.96586 10.5118C8.90631 10.619 8.82347 10.7046 8.72493 10.775C8.70111 10.7918 8.67188 10.8172 8.67188 10.7566C8.67242 10.2979 8.67296 9.83927 8.6735 9.38061C8.67404 9.37682 8.67891 9.37249 8.68433 9.36328Z"
|
||||
fill="#59BE59"
|
||||
/>
|
||||
<path
|
||||
d="M7.23882 6.11149C6.92533 5.77305 6.92587 5.33984 7.23882 5.05176C7.23882 5.40591 7.23882 5.75355 7.23882 6.11149Z"
|
||||
fill="#59BE59"
|
||||
/>
|
||||
</svg>
|
||||
</span>
|
||||
<span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
|
||||
6392.99$
|
||||
</span>
|
||||
</div>
|
||||
</td>
|
||||
<td className="text-start py-4 px-2">
|
||||
<span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
|
||||
343
|
||||
</span>
|
||||
</td>
|
||||
<td className="text-start py-4 px-2">
|
||||
<span className="text-base text-purple font-medium whitespace-nowrap">
|
||||
Marvin McKinney
|
||||
</span>
|
||||
</td>
|
||||
<td className="text-start py-4 px-2">
|
||||
<span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
|
||||
you
|
||||
</span>
|
||||
</td>
|
||||
<td className="text-start py-4 px-2">
|
||||
<span className="text-base text-thin-light-gray whitespace-nowrap">
|
||||
2 days ago
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr className="bg-white dark:bg-dark-white border-b dark:border-[#5356fb29] hover:bg-gray-50 ">
|
||||
<td className="text-start py-4 px-2">
|
||||
<span className="text-xl tracking-wide font-bold text-dark-gray dark:text-white">
|
||||
01
|
||||
</span>
|
||||
</td>
|
||||
<td className=" py-4">
|
||||
<div className="flex space-x-2 items-center">
|
||||
<div className="w-[60px] h-[60px] rounded-full overflow-hidden flex justify-center items-center">
|
||||
<img
|
||||
src={dataImage2}
|
||||
alt="data"
|
||||
className="w-full h-full"
|
||||
/>
|
||||
</div>
|
||||
<div className="flex flex-col">
|
||||
<h1 className="font-bold text-xl text-dark-gray dark:text-white whitespace-nowrap px-2">
|
||||
Mullican Computer Joy
|
||||
</h1>
|
||||
<span className="text-sm text-thin-light-gray">
|
||||
Owned by <span className="text-purple">Xoeyam</span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td className="text-left py-4">
|
||||
<div className="flex space-x-1 items-center justify-start">
|
||||
<span>
|
||||
<svg
|
||||
width="16"
|
||||
height="16"
|
||||
viewBox="0 0 16 16"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M7.55225 0C7.8457 0 8.13914 0 8.43205 0C8.44829 0.026534 8.47537 0.0151623 8.49756 0.0162453C9.28966 0.0649812 10.0606 0.220936 10.8013 0.505229C12.7699 1.26172 14.2323 2.58354 15.183 4.46638C15.5999 5.29218 15.8506 6.16997 15.9561 7.08891C15.9691 7.201 15.9621 7.3158 16 7.42465C16 7.80858 16 8.19251 16 8.57698C15.9778 8.5916 15.9854 8.61543 15.9838 8.63546C15.9475 9.10387 15.8744 9.56686 15.7515 10.0206C15.1787 12.1342 13.9524 13.7603 12.0818 14.8942C11.1516 15.4579 10.1397 15.8002 9.06064 15.941C8.89497 15.9626 8.72875 15.98 8.56308 15.9995C8.17217 15.9995 7.78127 15.9995 7.39036 16C7.3752 15.9789 7.35138 15.9865 7.33135 15.9848C6.96752 15.9545 6.60639 15.9009 6.25068 15.8197C4.77639 15.4829 3.48998 14.793 2.4131 13.7311C0.998917 12.3372 0.204656 10.6461 0.0270709 8.66687C0.0205739 8.59431 0.033568 8.51904 0 8.44972C0 8.15081 0 7.85244 0 7.55352C0.0265295 7.53403 0.0151597 7.50479 0.016784 7.47988C0.0730915 6.64162 0.251218 5.83044 0.564158 5.05066C1.10179 3.71043 1.93774 2.59058 3.07634 1.70142C4.33839 0.715876 5.77098 0.159745 7.36762 0.0270755C7.4288 0.0216604 7.49432 0.0341151 7.55225 0ZM7.24635 9.86252C7.24635 10.2383 7.24526 10.6147 7.24743 10.9905C7.24797 11.0457 7.23389 11.0679 7.17596 11.0593C7.09691 11.0479 7.01678 11.0446 6.93774 11.0338C6.26746 10.9461 5.63563 10.7371 5.03952 10.4192C5.00379 10.4002 4.97834 10.3802 4.9621 10.4425C4.81375 11.0176 4.66324 11.5926 4.51164 12.1666C4.50027 12.2094 4.51272 12.2278 4.54954 12.2473C4.66486 12.3096 4.78235 12.3665 4.90309 12.4152C5.5961 12.6968 6.31998 12.8408 7.06497 12.8842C7.14131 12.8885 7.16134 12.9112 7.1608 12.9865C7.15701 13.4159 7.16026 13.8453 7.15809 14.2747C7.15755 14.3397 7.17488 14.3619 7.2431 14.3614C7.69085 14.3581 8.13914 14.3576 8.5869 14.3614C8.66432 14.3619 8.67731 14.3359 8.67731 14.2666C8.67461 13.8026 8.67677 13.3385 8.67461 12.8744C8.67407 12.8089 8.68544 12.7786 8.76015 12.765C9.09962 12.7049 9.4288 12.6058 9.74228 12.4607C10.3498 12.1802 10.8408 11.7703 11.1603 11.1724C11.4288 10.6699 11.51 10.1327 11.4618 9.56957C11.4158 9.03239 11.2366 8.55207 10.8787 8.14431C10.5506 7.77121 10.1402 7.51129 9.69843 7.29522C9.39145 7.14523 9.07363 7.02284 8.75041 6.91129C8.7098 6.89721 8.67407 6.88693 8.67407 6.82736C8.67623 6.14993 8.67569 5.4725 8.67461 4.79507C8.67461 4.75121 8.68489 4.73117 8.73308 4.73767C8.87547 4.75717 9.01895 4.77016 9.16134 4.79236C9.634 4.86493 10.0796 5.02467 10.5116 5.22395C10.5717 5.25157 10.5945 5.24886 10.6123 5.17684C10.7434 4.6467 10.8771 4.1171 11.0162 3.58913C11.0379 3.5079 11.0244 3.47541 10.948 3.44076C10.2799 3.13751 9.57282 3.01025 8.8457 2.97614C8.78018 2.97289 8.76123 2.95556 8.76178 2.88896C8.76503 2.50232 8.76232 2.11568 8.76448 1.72904C8.76503 1.66785 8.75041 1.64727 8.68489 1.64727C8.23173 1.64998 7.77802 1.64998 7.32485 1.64727C7.26151 1.64673 7.24418 1.66406 7.24418 1.72742C7.24689 2.1433 7.24256 2.55972 7.24797 2.9756C7.24905 3.06116 7.2209 3.08661 7.14239 3.10285C6.73579 3.18679 6.34651 3.32271 5.98646 3.53281C5.20628 3.98822 4.72117 4.64724 4.61938 5.5586C4.51597 6.48837 4.83812 7.2427 5.57661 7.81778C6.05739 8.19251 6.60639 8.43781 7.1738 8.64683C7.2274 8.66633 7.24743 8.68907 7.24689 8.7481C7.24472 9.12066 7.24635 9.49159 7.24635 9.86252Z"
|
||||
fill="#59BE59"
|
||||
/>
|
||||
<path
|
||||
d="M7.2452 9.86252C7.2452 9.49158 7.24358 9.12119 7.24683 8.75026C7.24737 8.69123 7.22734 8.66903 7.17374 8.64899C6.60687 8.43997 6.05787 8.19467 5.57655 7.81994C4.8386 7.24486 4.51591 6.49053 4.61933 5.56076C4.72057 4.6494 5.20568 3.99092 5.98641 3.53497C6.34645 3.32486 6.73519 3.18894 7.14233 3.10501C7.22084 3.08876 7.24899 3.06277 7.24791 2.97775C7.2425 2.56187 7.24683 2.14545 7.24412 1.72957C7.24358 1.66621 7.2609 1.64888 7.32479 1.64943C7.77796 1.65213 8.23167 1.65213 8.68483 1.64943C8.7498 1.64888 8.76442 1.66946 8.76442 1.73119C8.76171 2.11783 8.76496 2.50447 8.76171 2.89111C8.76117 2.95717 8.78012 2.97504 8.84563 2.97829C9.57276 3.01295 10.2793 3.13966 10.948 3.44291C11.0243 3.47757 11.0373 3.51006 11.0162 3.59128C10.877 4.11926 10.7433 4.64885 10.6123 5.17899C10.5944 5.25156 10.5717 5.25372 10.5116 5.2261C10.079 5.02683 9.63394 4.86708 9.16128 4.79452C9.01889 4.77286 8.87595 4.75932 8.73302 4.73983C8.68483 4.73333 8.67455 4.75337 8.67455 4.79723C8.67563 5.47466 8.67617 6.15209 8.674 6.82952C8.674 6.88908 8.70974 6.89937 8.75034 6.91345C9.07303 7.02446 9.39138 7.14684 9.69837 7.29738C10.1396 7.51344 10.5506 7.77283 10.8787 8.14647C11.2365 8.55369 11.4157 9.03455 11.4618 9.57173C11.51 10.1349 11.4287 10.6726 11.1602 11.1746C10.8408 11.7724 10.3497 12.1818 9.74222 12.4629C9.42874 12.608 9.09956 12.7071 8.76009 12.7672C8.68483 12.7802 8.674 12.811 8.67455 12.8766C8.67671 13.3406 8.67455 13.8047 8.67725 14.2688C8.67779 14.3381 8.66426 14.3646 8.58684 14.3636C8.13908 14.3598 7.69079 14.3608 7.24304 14.3636C7.17536 14.3641 7.15803 14.3424 7.15803 14.2769C7.1602 13.8475 7.15695 13.4181 7.16074 12.9887C7.16128 12.9128 7.14179 12.8906 7.06491 12.8863C6.31992 12.843 5.59658 12.699 4.90303 12.4174C4.78229 12.3681 4.66426 12.3112 4.54948 12.2495C4.51321 12.23 4.50075 12.2116 4.51158 12.1688C4.66318 11.5943 4.81369 11.0197 4.96204 10.4446C4.97829 10.3824 5.00373 10.4024 5.03947 10.4214C5.63557 10.7387 6.2674 10.9477 6.93768 11.036C7.01672 11.0463 7.09685 11.0501 7.1759 11.0614C7.23383 11.0695 7.24737 11.0479 7.24737 10.9927C7.24412 10.6147 7.2452 10.2383 7.2452 9.86252ZM8.68537 9.36325C8.67942 9.37245 8.67455 9.37678 8.67455 9.38112C8.674 9.83978 8.67401 10.2984 8.67292 10.7571C8.67292 10.8177 8.70216 10.7928 8.72598 10.7755C8.82452 10.7046 8.90736 10.619 8.96691 10.5123C9.17698 10.1333 9.05679 9.63725 8.68537 9.36325ZM7.23871 6.11147C7.23871 5.75354 7.23871 5.40589 7.23871 5.05174C6.92522 5.33982 6.92522 5.77249 7.23871 6.11147Z"
|
||||
fill="#FEFEFE"
|
||||
/>
|
||||
<path
|
||||
d="M8.68433 9.36328C9.05574 9.63729 9.17539 10.1333 8.96586 10.5118C8.90631 10.619 8.82347 10.7046 8.72493 10.775C8.70111 10.7918 8.67188 10.8172 8.67188 10.7566C8.67242 10.2979 8.67296 9.83927 8.6735 9.38061C8.67404 9.37682 8.67891 9.37249 8.68433 9.36328Z"
|
||||
fill="#59BE59"
|
||||
/>
|
||||
<path
|
||||
d="M7.23882 6.11149C6.92533 5.77305 6.92587 5.33984 7.23882 5.05176C7.23882 5.40591 7.23882 5.75355 7.23882 6.11149Z"
|
||||
fill="#59BE59"
|
||||
/>
|
||||
</svg>
|
||||
</span>
|
||||
<span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
|
||||
6392.99$
|
||||
</span>
|
||||
</div>
|
||||
</td>
|
||||
<td className="text-start py-4 px-2">
|
||||
<span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
|
||||
343
|
||||
</span>
|
||||
</td>
|
||||
<td className="text-start py-4 px-2">
|
||||
<span className="text-base text-purple font-medium whitespace-nowrap">
|
||||
Marvin McKinney
|
||||
</span>
|
||||
</td>
|
||||
<td className="text-start py-4 px-2">
|
||||
<span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
|
||||
you
|
||||
</span>
|
||||
</td>
|
||||
<td className="text-start py-4 px-2">
|
||||
<span className="text-base text-thin-light-gray whitespace-nowrap">
|
||||
2 days ago
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr className="bg-white dark:bg-dark-white border-b dark:border-[#5356fb29] hover:bg-gray-50 ">
|
||||
<td className="text-start py-4 px-2">
|
||||
<span className="text-xl tracking-wide font-bold text-dark-gray dark:text-white">
|
||||
01
|
||||
</span>
|
||||
</td>
|
||||
<td className=" py-4">
|
||||
<div className="flex space-x-2 items-center">
|
||||
<div className="w-[60px] h-[60px] rounded-full overflow-hidden flex justify-center items-center">
|
||||
<img
|
||||
src={dataImage3}
|
||||
alt="data"
|
||||
className="w-full h-full"
|
||||
/>
|
||||
</div>
|
||||
<div className="flex flex-col">
|
||||
<h1 className="font-bold text-xl text-dark-gray dark:text-white whitespace-nowrap px-2">
|
||||
Mullican Computer Joy
|
||||
</h1>
|
||||
<span className="text-sm text-thin-light-gray">
|
||||
Owned by <span className="text-purple">Xoeyam</span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td className="text-left py-4">
|
||||
<div className="flex space-x-1 items-center justify-start">
|
||||
<span>
|
||||
<svg
|
||||
width="16"
|
||||
height="16"
|
||||
viewBox="0 0 16 16"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M7.55225 0C7.8457 0 8.13914 0 8.43205 0C8.44829 0.026534 8.47537 0.0151623 8.49756 0.0162453C9.28966 0.0649812 10.0606 0.220936 10.8013 0.505229C12.7699 1.26172 14.2323 2.58354 15.183 4.46638C15.5999 5.29218 15.8506 6.16997 15.9561 7.08891C15.9691 7.201 15.9621 7.3158 16 7.42465C16 7.80858 16 8.19251 16 8.57698C15.9778 8.5916 15.9854 8.61543 15.9838 8.63546C15.9475 9.10387 15.8744 9.56686 15.7515 10.0206C15.1787 12.1342 13.9524 13.7603 12.0818 14.8942C11.1516 15.4579 10.1397 15.8002 9.06064 15.941C8.89497 15.9626 8.72875 15.98 8.56308 15.9995C8.17217 15.9995 7.78127 15.9995 7.39036 16C7.3752 15.9789 7.35138 15.9865 7.33135 15.9848C6.96752 15.9545 6.60639 15.9009 6.25068 15.8197C4.77639 15.4829 3.48998 14.793 2.4131 13.7311C0.998917 12.3372 0.204656 10.6461 0.0270709 8.66687C0.0205739 8.59431 0.033568 8.51904 0 8.44972C0 8.15081 0 7.85244 0 7.55352C0.0265295 7.53403 0.0151597 7.50479 0.016784 7.47988C0.0730915 6.64162 0.251218 5.83044 0.564158 5.05066C1.10179 3.71043 1.93774 2.59058 3.07634 1.70142C4.33839 0.715876 5.77098 0.159745 7.36762 0.0270755C7.4288 0.0216604 7.49432 0.0341151 7.55225 0ZM7.24635 9.86252C7.24635 10.2383 7.24526 10.6147 7.24743 10.9905C7.24797 11.0457 7.23389 11.0679 7.17596 11.0593C7.09691 11.0479 7.01678 11.0446 6.93774 11.0338C6.26746 10.9461 5.63563 10.7371 5.03952 10.4192C5.00379 10.4002 4.97834 10.3802 4.9621 10.4425C4.81375 11.0176 4.66324 11.5926 4.51164 12.1666C4.50027 12.2094 4.51272 12.2278 4.54954 12.2473C4.66486 12.3096 4.78235 12.3665 4.90309 12.4152C5.5961 12.6968 6.31998 12.8408 7.06497 12.8842C7.14131 12.8885 7.16134 12.9112 7.1608 12.9865C7.15701 13.4159 7.16026 13.8453 7.15809 14.2747C7.15755 14.3397 7.17488 14.3619 7.2431 14.3614C7.69085 14.3581 8.13914 14.3576 8.5869 14.3614C8.66432 14.3619 8.67731 14.3359 8.67731 14.2666C8.67461 13.8026 8.67677 13.3385 8.67461 12.8744C8.67407 12.8089 8.68544 12.7786 8.76015 12.765C9.09962 12.7049 9.4288 12.6058 9.74228 12.4607C10.3498 12.1802 10.8408 11.7703 11.1603 11.1724C11.4288 10.6699 11.51 10.1327 11.4618 9.56957C11.4158 9.03239 11.2366 8.55207 10.8787 8.14431C10.5506 7.77121 10.1402 7.51129 9.69843 7.29522C9.39145 7.14523 9.07363 7.02284 8.75041 6.91129C8.7098 6.89721 8.67407 6.88693 8.67407 6.82736C8.67623 6.14993 8.67569 5.4725 8.67461 4.79507C8.67461 4.75121 8.68489 4.73117 8.73308 4.73767C8.87547 4.75717 9.01895 4.77016 9.16134 4.79236C9.634 4.86493 10.0796 5.02467 10.5116 5.22395C10.5717 5.25157 10.5945 5.24886 10.6123 5.17684C10.7434 4.6467 10.8771 4.1171 11.0162 3.58913C11.0379 3.5079 11.0244 3.47541 10.948 3.44076C10.2799 3.13751 9.57282 3.01025 8.8457 2.97614C8.78018 2.97289 8.76123 2.95556 8.76178 2.88896C8.76503 2.50232 8.76232 2.11568 8.76448 1.72904C8.76503 1.66785 8.75041 1.64727 8.68489 1.64727C8.23173 1.64998 7.77802 1.64998 7.32485 1.64727C7.26151 1.64673 7.24418 1.66406 7.24418 1.72742C7.24689 2.1433 7.24256 2.55972 7.24797 2.9756C7.24905 3.06116 7.2209 3.08661 7.14239 3.10285C6.73579 3.18679 6.34651 3.32271 5.98646 3.53281C5.20628 3.98822 4.72117 4.64724 4.61938 5.5586C4.51597 6.48837 4.83812 7.2427 5.57661 7.81778C6.05739 8.19251 6.60639 8.43781 7.1738 8.64683C7.2274 8.66633 7.24743 8.68907 7.24689 8.7481C7.24472 9.12066 7.24635 9.49159 7.24635 9.86252Z"
|
||||
fill="#59BE59"
|
||||
/>
|
||||
<path
|
||||
d="M7.2452 9.86252C7.2452 9.49158 7.24358 9.12119 7.24683 8.75026C7.24737 8.69123 7.22734 8.66903 7.17374 8.64899C6.60687 8.43997 6.05787 8.19467 5.57655 7.81994C4.8386 7.24486 4.51591 6.49053 4.61933 5.56076C4.72057 4.6494 5.20568 3.99092 5.98641 3.53497C6.34645 3.32486 6.73519 3.18894 7.14233 3.10501C7.22084 3.08876 7.24899 3.06277 7.24791 2.97775C7.2425 2.56187 7.24683 2.14545 7.24412 1.72957C7.24358 1.66621 7.2609 1.64888 7.32479 1.64943C7.77796 1.65213 8.23167 1.65213 8.68483 1.64943C8.7498 1.64888 8.76442 1.66946 8.76442 1.73119C8.76171 2.11783 8.76496 2.50447 8.76171 2.89111C8.76117 2.95717 8.78012 2.97504 8.84563 2.97829C9.57276 3.01295 10.2793 3.13966 10.948 3.44291C11.0243 3.47757 11.0373 3.51006 11.0162 3.59128C10.877 4.11926 10.7433 4.64885 10.6123 5.17899C10.5944 5.25156 10.5717 5.25372 10.5116 5.2261C10.079 5.02683 9.63394 4.86708 9.16128 4.79452C9.01889 4.77286 8.87595 4.75932 8.73302 4.73983C8.68483 4.73333 8.67455 4.75337 8.67455 4.79723C8.67563 5.47466 8.67617 6.15209 8.674 6.82952C8.674 6.88908 8.70974 6.89937 8.75034 6.91345C9.07303 7.02446 9.39138 7.14684 9.69837 7.29738C10.1396 7.51344 10.5506 7.77283 10.8787 8.14647C11.2365 8.55369 11.4157 9.03455 11.4618 9.57173C11.51 10.1349 11.4287 10.6726 11.1602 11.1746C10.8408 11.7724 10.3497 12.1818 9.74222 12.4629C9.42874 12.608 9.09956 12.7071 8.76009 12.7672C8.68483 12.7802 8.674 12.811 8.67455 12.8766C8.67671 13.3406 8.67455 13.8047 8.67725 14.2688C8.67779 14.3381 8.66426 14.3646 8.58684 14.3636C8.13908 14.3598 7.69079 14.3608 7.24304 14.3636C7.17536 14.3641 7.15803 14.3424 7.15803 14.2769C7.1602 13.8475 7.15695 13.4181 7.16074 12.9887C7.16128 12.9128 7.14179 12.8906 7.06491 12.8863C6.31992 12.843 5.59658 12.699 4.90303 12.4174C4.78229 12.3681 4.66426 12.3112 4.54948 12.2495C4.51321 12.23 4.50075 12.2116 4.51158 12.1688C4.66318 11.5943 4.81369 11.0197 4.96204 10.4446C4.97829 10.3824 5.00373 10.4024 5.03947 10.4214C5.63557 10.7387 6.2674 10.9477 6.93768 11.036C7.01672 11.0463 7.09685 11.0501 7.1759 11.0614C7.23383 11.0695 7.24737 11.0479 7.24737 10.9927C7.24412 10.6147 7.2452 10.2383 7.2452 9.86252ZM8.68537 9.36325C8.67942 9.37245 8.67455 9.37678 8.67455 9.38112C8.674 9.83978 8.67401 10.2984 8.67292 10.7571C8.67292 10.8177 8.70216 10.7928 8.72598 10.7755C8.82452 10.7046 8.90736 10.619 8.96691 10.5123C9.17698 10.1333 9.05679 9.63725 8.68537 9.36325ZM7.23871 6.11147C7.23871 5.75354 7.23871 5.40589 7.23871 5.05174C6.92522 5.33982 6.92522 5.77249 7.23871 6.11147Z"
|
||||
fill="#FEFEFE"
|
||||
/>
|
||||
<path
|
||||
d="M8.68433 9.36328C9.05574 9.63729 9.17539 10.1333 8.96586 10.5118C8.90631 10.619 8.82347 10.7046 8.72493 10.775C8.70111 10.7918 8.67188 10.8172 8.67188 10.7566C8.67242 10.2979 8.67296 9.83927 8.6735 9.38061C8.67404 9.37682 8.67891 9.37249 8.68433 9.36328Z"
|
||||
fill="#59BE59"
|
||||
/>
|
||||
<path
|
||||
d="M7.23882 6.11149C6.92533 5.77305 6.92587 5.33984 7.23882 5.05176C7.23882 5.40591 7.23882 5.75355 7.23882 6.11149Z"
|
||||
fill="#59BE59"
|
||||
/>
|
||||
</svg>
|
||||
</span>
|
||||
<span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
|
||||
6392.99$
|
||||
</span>
|
||||
</div>
|
||||
</td>
|
||||
<td className="text-start py-4 px-2">
|
||||
<span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
|
||||
343
|
||||
</span>
|
||||
</td>
|
||||
<td className="text-start py-4 px-2">
|
||||
<span className="text-base text-purple font-medium whitespace-nowrap">
|
||||
Marvin McKinney
|
||||
</span>
|
||||
</td>
|
||||
<td className="text-start py-4 px-2">
|
||||
<span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
|
||||
you
|
||||
</span>
|
||||
</td>
|
||||
<td className="text-start py-4 px-2">
|
||||
<span className="text-base text-thin-light-gray whitespace-nowrap">
|
||||
2 days ago
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr className="bg-white dark:bg-dark-white border-b dark:border-[#5356fb29] hover:bg-gray-50 ">
|
||||
<td className="text-start py-4 px-2">
|
||||
<span className="text-xl tracking-wide font-bold text-dark-gray dark:text-white">
|
||||
01
|
||||
</span>
|
||||
</td>
|
||||
<td className=" py-4">
|
||||
<div className="flex space-x-2 items-center">
|
||||
<div className="w-[60px] h-[60px] rounded-full overflow-hidden flex justify-center items-center">
|
||||
<img
|
||||
src={dataImage4}
|
||||
alt="data"
|
||||
className="w-full h-full"
|
||||
/>
|
||||
</div>
|
||||
<div className="flex flex-col">
|
||||
<h1 className="font-bold text-xl text-dark-gray dark:text-white whitespace-nowrap px-2">
|
||||
Mullican Computer Joy
|
||||
</h1>
|
||||
<span className="text-sm text-thin-light-gray">
|
||||
Owned by <span className="text-purple">Xoeyam</span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td className="text-left py-4">
|
||||
<div className="flex space-x-1 items-center justify-start">
|
||||
<span>
|
||||
<svg
|
||||
width="16"
|
||||
height="16"
|
||||
viewBox="0 0 16 16"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M7.55225 0C7.8457 0 8.13914 0 8.43205 0C8.44829 0.026534 8.47537 0.0151623 8.49756 0.0162453C9.28966 0.0649812 10.0606 0.220936 10.8013 0.505229C12.7699 1.26172 14.2323 2.58354 15.183 4.46638C15.5999 5.29218 15.8506 6.16997 15.9561 7.08891C15.9691 7.201 15.9621 7.3158 16 7.42465C16 7.80858 16 8.19251 16 8.57698C15.9778 8.5916 15.9854 8.61543 15.9838 8.63546C15.9475 9.10387 15.8744 9.56686 15.7515 10.0206C15.1787 12.1342 13.9524 13.7603 12.0818 14.8942C11.1516 15.4579 10.1397 15.8002 9.06064 15.941C8.89497 15.9626 8.72875 15.98 8.56308 15.9995C8.17217 15.9995 7.78127 15.9995 7.39036 16C7.3752 15.9789 7.35138 15.9865 7.33135 15.9848C6.96752 15.9545 6.60639 15.9009 6.25068 15.8197C4.77639 15.4829 3.48998 14.793 2.4131 13.7311C0.998917 12.3372 0.204656 10.6461 0.0270709 8.66687C0.0205739 8.59431 0.033568 8.51904 0 8.44972C0 8.15081 0 7.85244 0 7.55352C0.0265295 7.53403 0.0151597 7.50479 0.016784 7.47988C0.0730915 6.64162 0.251218 5.83044 0.564158 5.05066C1.10179 3.71043 1.93774 2.59058 3.07634 1.70142C4.33839 0.715876 5.77098 0.159745 7.36762 0.0270755C7.4288 0.0216604 7.49432 0.0341151 7.55225 0ZM7.24635 9.86252C7.24635 10.2383 7.24526 10.6147 7.24743 10.9905C7.24797 11.0457 7.23389 11.0679 7.17596 11.0593C7.09691 11.0479 7.01678 11.0446 6.93774 11.0338C6.26746 10.9461 5.63563 10.7371 5.03952 10.4192C5.00379 10.4002 4.97834 10.3802 4.9621 10.4425C4.81375 11.0176 4.66324 11.5926 4.51164 12.1666C4.50027 12.2094 4.51272 12.2278 4.54954 12.2473C4.66486 12.3096 4.78235 12.3665 4.90309 12.4152C5.5961 12.6968 6.31998 12.8408 7.06497 12.8842C7.14131 12.8885 7.16134 12.9112 7.1608 12.9865C7.15701 13.4159 7.16026 13.8453 7.15809 14.2747C7.15755 14.3397 7.17488 14.3619 7.2431 14.3614C7.69085 14.3581 8.13914 14.3576 8.5869 14.3614C8.66432 14.3619 8.67731 14.3359 8.67731 14.2666C8.67461 13.8026 8.67677 13.3385 8.67461 12.8744C8.67407 12.8089 8.68544 12.7786 8.76015 12.765C9.09962 12.7049 9.4288 12.6058 9.74228 12.4607C10.3498 12.1802 10.8408 11.7703 11.1603 11.1724C11.4288 10.6699 11.51 10.1327 11.4618 9.56957C11.4158 9.03239 11.2366 8.55207 10.8787 8.14431C10.5506 7.77121 10.1402 7.51129 9.69843 7.29522C9.39145 7.14523 9.07363 7.02284 8.75041 6.91129C8.7098 6.89721 8.67407 6.88693 8.67407 6.82736C8.67623 6.14993 8.67569 5.4725 8.67461 4.79507C8.67461 4.75121 8.68489 4.73117 8.73308 4.73767C8.87547 4.75717 9.01895 4.77016 9.16134 4.79236C9.634 4.86493 10.0796 5.02467 10.5116 5.22395C10.5717 5.25157 10.5945 5.24886 10.6123 5.17684C10.7434 4.6467 10.8771 4.1171 11.0162 3.58913C11.0379 3.5079 11.0244 3.47541 10.948 3.44076C10.2799 3.13751 9.57282 3.01025 8.8457 2.97614C8.78018 2.97289 8.76123 2.95556 8.76178 2.88896C8.76503 2.50232 8.76232 2.11568 8.76448 1.72904C8.76503 1.66785 8.75041 1.64727 8.68489 1.64727C8.23173 1.64998 7.77802 1.64998 7.32485 1.64727C7.26151 1.64673 7.24418 1.66406 7.24418 1.72742C7.24689 2.1433 7.24256 2.55972 7.24797 2.9756C7.24905 3.06116 7.2209 3.08661 7.14239 3.10285C6.73579 3.18679 6.34651 3.32271 5.98646 3.53281C5.20628 3.98822 4.72117 4.64724 4.61938 5.5586C4.51597 6.48837 4.83812 7.2427 5.57661 7.81778C6.05739 8.19251 6.60639 8.43781 7.1738 8.64683C7.2274 8.66633 7.24743 8.68907 7.24689 8.7481C7.24472 9.12066 7.24635 9.49159 7.24635 9.86252Z"
|
||||
fill="#59BE59"
|
||||
/>
|
||||
<path
|
||||
d="M7.2452 9.86252C7.2452 9.49158 7.24358 9.12119 7.24683 8.75026C7.24737 8.69123 7.22734 8.66903 7.17374 8.64899C6.60687 8.43997 6.05787 8.19467 5.57655 7.81994C4.8386 7.24486 4.51591 6.49053 4.61933 5.56076C4.72057 4.6494 5.20568 3.99092 5.98641 3.53497C6.34645 3.32486 6.73519 3.18894 7.14233 3.10501C7.22084 3.08876 7.24899 3.06277 7.24791 2.97775C7.2425 2.56187 7.24683 2.14545 7.24412 1.72957C7.24358 1.66621 7.2609 1.64888 7.32479 1.64943C7.77796 1.65213 8.23167 1.65213 8.68483 1.64943C8.7498 1.64888 8.76442 1.66946 8.76442 1.73119C8.76171 2.11783 8.76496 2.50447 8.76171 2.89111C8.76117 2.95717 8.78012 2.97504 8.84563 2.97829C9.57276 3.01295 10.2793 3.13966 10.948 3.44291C11.0243 3.47757 11.0373 3.51006 11.0162 3.59128C10.877 4.11926 10.7433 4.64885 10.6123 5.17899C10.5944 5.25156 10.5717 5.25372 10.5116 5.2261C10.079 5.02683 9.63394 4.86708 9.16128 4.79452C9.01889 4.77286 8.87595 4.75932 8.73302 4.73983C8.68483 4.73333 8.67455 4.75337 8.67455 4.79723C8.67563 5.47466 8.67617 6.15209 8.674 6.82952C8.674 6.88908 8.70974 6.89937 8.75034 6.91345C9.07303 7.02446 9.39138 7.14684 9.69837 7.29738C10.1396 7.51344 10.5506 7.77283 10.8787 8.14647C11.2365 8.55369 11.4157 9.03455 11.4618 9.57173C11.51 10.1349 11.4287 10.6726 11.1602 11.1746C10.8408 11.7724 10.3497 12.1818 9.74222 12.4629C9.42874 12.608 9.09956 12.7071 8.76009 12.7672C8.68483 12.7802 8.674 12.811 8.67455 12.8766C8.67671 13.3406 8.67455 13.8047 8.67725 14.2688C8.67779 14.3381 8.66426 14.3646 8.58684 14.3636C8.13908 14.3598 7.69079 14.3608 7.24304 14.3636C7.17536 14.3641 7.15803 14.3424 7.15803 14.2769C7.1602 13.8475 7.15695 13.4181 7.16074 12.9887C7.16128 12.9128 7.14179 12.8906 7.06491 12.8863C6.31992 12.843 5.59658 12.699 4.90303 12.4174C4.78229 12.3681 4.66426 12.3112 4.54948 12.2495C4.51321 12.23 4.50075 12.2116 4.51158 12.1688C4.66318 11.5943 4.81369 11.0197 4.96204 10.4446C4.97829 10.3824 5.00373 10.4024 5.03947 10.4214C5.63557 10.7387 6.2674 10.9477 6.93768 11.036C7.01672 11.0463 7.09685 11.0501 7.1759 11.0614C7.23383 11.0695 7.24737 11.0479 7.24737 10.9927C7.24412 10.6147 7.2452 10.2383 7.2452 9.86252ZM8.68537 9.36325C8.67942 9.37245 8.67455 9.37678 8.67455 9.38112C8.674 9.83978 8.67401 10.2984 8.67292 10.7571C8.67292 10.8177 8.70216 10.7928 8.72598 10.7755C8.82452 10.7046 8.90736 10.619 8.96691 10.5123C9.17698 10.1333 9.05679 9.63725 8.68537 9.36325ZM7.23871 6.11147C7.23871 5.75354 7.23871 5.40589 7.23871 5.05174C6.92522 5.33982 6.92522 5.77249 7.23871 6.11147Z"
|
||||
fill="#FEFEFE"
|
||||
/>
|
||||
<path
|
||||
d="M8.68433 9.36328C9.05574 9.63729 9.17539 10.1333 8.96586 10.5118C8.90631 10.619 8.82347 10.7046 8.72493 10.775C8.70111 10.7918 8.67188 10.8172 8.67188 10.7566C8.67242 10.2979 8.67296 9.83927 8.6735 9.38061C8.67404 9.37682 8.67891 9.37249 8.68433 9.36328Z"
|
||||
fill="#59BE59"
|
||||
/>
|
||||
<path
|
||||
d="M7.23882 6.11149C6.92533 5.77305 6.92587 5.33984 7.23882 5.05176C7.23882 5.40591 7.23882 5.75355 7.23882 6.11149Z"
|
||||
fill="#59BE59"
|
||||
/>
|
||||
</svg>
|
||||
</span>
|
||||
<span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
|
||||
6392.99$
|
||||
</span>
|
||||
</div>
|
||||
</td>
|
||||
<td className="text-start py-4 px-2">
|
||||
<span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
|
||||
343
|
||||
</span>
|
||||
</td>
|
||||
<td className="text-start py-4 px-2">
|
||||
<span className="text-base text-purple font-medium whitespace-nowrap">
|
||||
Marvin McKinney
|
||||
</span>
|
||||
</td>
|
||||
<td className="text-start py-4 px-2">
|
||||
<span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
|
||||
you
|
||||
</span>
|
||||
</td>
|
||||
<td className="text-start py-4 px-2">
|
||||
<span className="text-base text-thin-light-gray whitespace-nowrap">
|
||||
2 days ago
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,58 @@
|
||||
import React from "react";
|
||||
import CollectionCard from "../../Cards/CollectionCard";
|
||||
import DataIteration from "../../Helpers/DataIteration";
|
||||
import SearchCom from "../../Helpers/SearchCom";
|
||||
|
||||
export default function CollectionTab({ className, products }) {
|
||||
return (
|
||||
<>
|
||||
<div className={`onsale-tab-wrapper w-full ${className || ""}`}>
|
||||
<div className="main-container w-full">
|
||||
<div className="filter-section w-full items-center sm:flex justify-between mb-6">
|
||||
{/* filter-search */}
|
||||
<div className="sm:w-1/2 w-full sm:pr-20 pr-0 mb-5 sm:mb-0">
|
||||
<SearchCom />
|
||||
</div>
|
||||
{/* filer-dropdown */}
|
||||
<div className="flex-1 flex sm:justify-end">
|
||||
<div className="flex space-x-1 items-center">
|
||||
<span className="text-18 text-thin-light-gray">
|
||||
Recently Received
|
||||
</span>
|
||||
<span>
|
||||
<svg
|
||||
width="20"
|
||||
height="10"
|
||||
viewBox="0 0 13 6"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
opacity="0.7"
|
||||
d="M12.4124 0.247421C12.3327 0.169022 12.2379 0.106794 12.1335 0.0643287C12.0291 0.0218632 11.917 0 11.8039 0C11.6908 0 11.5787 0.0218632 11.4743 0.0643287C11.3699 0.106794 11.2751 0.169022 11.1954 0.247421L7.27012 4.07837C7.19045 4.15677 7.09566 4.219 6.99122 4.26146C6.88678 4.30393 6.77476 4.32579 6.66162 4.32579C6.54848 4.32579 6.43646 4.30393 6.33202 4.26146C6.22758 4.219 6.13279 4.15677 6.05312 4.07837L2.12785 0.247421C2.04818 0.169022 1.95338 0.106794 1.84895 0.0643287C1.74451 0.0218632 1.63249 0 1.51935 0C1.40621 0 1.29419 0.0218632 1.18975 0.0643287C1.08531 0.106794 0.990517 0.169022 0.910844 0.247421C0.751218 0.404141 0.661621 0.616141 0.661621 0.837119C0.661621 1.0581 0.751218 1.2701 0.910844 1.42682L4.84468 5.26613C5.32677 5.73605 5.98027 6 6.66162 6C7.34297 6 7.99647 5.73605 8.47856 5.26613L12.4124 1.42682C12.572 1.2701 12.6616 1.0581 12.6616 0.837119C12.6616 0.616141 12.572 0.404141 12.4124 0.247421Z"
|
||||
fill="#374557"
|
||||
fillOpacity="0.6"
|
||||
/>
|
||||
</svg>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="content-section w-full-width">
|
||||
<div className="grid lg:grid-cols-3 sm:grid-cols-2 grid-cols-1 gap-[30px]">
|
||||
<DataIteration
|
||||
datas={products}
|
||||
startLength={0}
|
||||
endLength={products.length}
|
||||
>
|
||||
{({ datas }) => (
|
||||
<CollectionCard key={datas.uniqKey} collectionData={datas} />
|
||||
)}
|
||||
</DataIteration>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,104 @@
|
||||
import React, { useRef } from "react";
|
||||
import ProductCardStyleTwo from "../../Cards/ProductCardStyleTwo";
|
||||
import Icons from "../../Helpers/Icons";
|
||||
import SliderCom from "../../Helpers/SliderCom";
|
||||
|
||||
export default function CreateSaleSlider({
|
||||
className,
|
||||
products,
|
||||
productHide = false,
|
||||
}) {
|
||||
const settings = {
|
||||
arrows: false,
|
||||
slidesToShow: 3,
|
||||
slidesToScroll: 3,
|
||||
infinite: true,
|
||||
responsive: [
|
||||
{
|
||||
breakpoint: 769,
|
||||
settings: {
|
||||
slidesToShow: 2,
|
||||
slidesToScroll: 2,
|
||||
},
|
||||
},
|
||||
{
|
||||
breakpoint: 619,
|
||||
settings: {
|
||||
slidesToShow: 1,
|
||||
slidesToScroll: 1,
|
||||
},
|
||||
},
|
||||
],
|
||||
};
|
||||
const trendingSlider = useRef(null);
|
||||
const prevHandler = () => {
|
||||
trendingSlider.current.slickPrev();
|
||||
};
|
||||
const nextHandler = () => {
|
||||
trendingSlider.current.slickNext();
|
||||
};
|
||||
return (
|
||||
<div className={`trending-section px-2 sm:px-0 w-full ${className || ""}`}>
|
||||
{/* heading */}
|
||||
<div className="flex justify-between items-center mb-6">
|
||||
<div>
|
||||
<h1 className="text-26 font-bold text-dark-gray dark:text-white">Create for Sell</h1>
|
||||
</div>
|
||||
<div className="slider-btns flex space-x-4">
|
||||
<button onClick={nextHandler} type="button">
|
||||
<div className="trending-slider-left-btn relative text-white w-10 h-10 flex justify-center items-center rounded-full overflow-hidden">
|
||||
<svg
|
||||
width="11"
|
||||
height="19"
|
||||
viewBox="0 0 11 19"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M9.09766 1.1499L1.13307 9.11449L9.09766 17.0791"
|
||||
stroke="url(#paint0_linear_220_23410)"
|
||||
strokeWidth="2"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<defs>
|
||||
<linearGradient
|
||||
id="paint0_linear_220_23410"
|
||||
x1="9.09766"
|
||||
y1="1.1499"
|
||||
x2="-4.2474"
|
||||
y2="7.96749"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
>
|
||||
<stop stopColor="#F539F8" />
|
||||
<stop offset="0.416763" stopColor="#C342F9" />
|
||||
<stop offset="1" stopColor="#5356FB" />
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
</div>
|
||||
</button>
|
||||
<button onClick={prevHandler} type="button">
|
||||
<div className="trending-slider-right-btn primary-gradient text-white w-10 h-10 relative flex justify-center items-center rounded-full ">
|
||||
<Icons name="arrows" />
|
||||
</div>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
{/* trending products */}
|
||||
<div className="trending-products relative w-full">
|
||||
<SliderCom selector={trendingSlider} settings={settings}>
|
||||
{products &&
|
||||
products.length > 0 &&
|
||||
products.map((item) => (
|
||||
<ProductCardStyleTwo
|
||||
key={item.id}
|
||||
datas={item}
|
||||
hidden={productHide}
|
||||
/>
|
||||
))}
|
||||
</SliderCom>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,111 @@
|
||||
import React, { useRef } from "react";
|
||||
import ProductCardStyleOne from "../../Cards/ProductCardStyleOne";
|
||||
import Icons from "../../Helpers/Icons";
|
||||
import SliderCom from "../../Helpers/SliderCom";
|
||||
|
||||
export default function CreatedBidsSlider({
|
||||
className,
|
||||
products,
|
||||
productHide = false,
|
||||
}) {
|
||||
const settings = {
|
||||
arrows: false,
|
||||
slidesToShow: 4,
|
||||
slidesToScroll: 4,
|
||||
infinite: true,
|
||||
responsive: [
|
||||
{
|
||||
breakpoint: 1025,
|
||||
settings: {
|
||||
slidesToShow: 3,
|
||||
slidesToScroll: 3,
|
||||
},
|
||||
},
|
||||
{
|
||||
breakpoint: 769,
|
||||
settings: {
|
||||
slidesToShow: 2,
|
||||
slidesToScroll: 2,
|
||||
},
|
||||
},
|
||||
{
|
||||
breakpoint: 619,
|
||||
settings: {
|
||||
slidesToShow: 1,
|
||||
slidesToScroll: 1,
|
||||
},
|
||||
},
|
||||
],
|
||||
};
|
||||
const trendingSlider = useRef(null);
|
||||
const prevHandler = () => {
|
||||
trendingSlider.current.slickPrev();
|
||||
};
|
||||
const nextHandler = () => {
|
||||
trendingSlider.current.slickNext();
|
||||
};
|
||||
return (
|
||||
<div className={`trending-section px-2 sm:px-0 w-full ${className || ""}`}>
|
||||
{/* heading */}
|
||||
<div className="flex justify-between items-center mb-6">
|
||||
<div>
|
||||
<h1 className="text-26 font-bold text-dark-gray dark:text-white">Create for Bits</h1>
|
||||
</div>
|
||||
<div className="slider-btns flex space-x-4">
|
||||
<button onClick={nextHandler} type="button">
|
||||
<div className="trending-slider-left-btn relative text-white w-10 h-10 flex justify-center items-center rounded-full overflow-hidden">
|
||||
<svg
|
||||
width="11"
|
||||
height="19"
|
||||
viewBox="0 0 11 19"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M9.09766 1.1499L1.13307 9.11449L9.09766 17.0791"
|
||||
stroke="url(#paint0_linear_220_23410)"
|
||||
strokeWidth="2"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<defs>
|
||||
<linearGradient
|
||||
id="paint0_linear_220_23410"
|
||||
x1="9.09766"
|
||||
y1="1.1499"
|
||||
x2="-4.2474"
|
||||
y2="7.96749"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
>
|
||||
<stop stopColor="#F539F8" />
|
||||
<stop offset="0.416763" stopColor="#C342F9" />
|
||||
<stop offset="1" stopColor="#5356FB" />
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
</div>
|
||||
</button>
|
||||
<button onClick={prevHandler} type="button">
|
||||
<div className="trending-slider-right-btn primary-gradient text-white w-10 h-10 relative flex justify-center items-center rounded-full ">
|
||||
<Icons name="arrows" />
|
||||
</div>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
{/* trending products */}
|
||||
<div className="trending-products relative w-full">
|
||||
<SliderCom selector={trendingSlider} settings={settings}>
|
||||
{products &&
|
||||
products.length > 0 &&
|
||||
products.map((item) => (
|
||||
<ProductCardStyleOne
|
||||
key={item.id}
|
||||
datas={item}
|
||||
hidden={productHide}
|
||||
/>
|
||||
))}
|
||||
</SliderCom>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,57 @@
|
||||
import React from "react";
|
||||
import SearchCom from "../../Helpers/SearchCom";
|
||||
import CreatedBidsSlider from "./CreatedBidsSlider";
|
||||
import CreateSaleSlider from "./CreateSaleSlider";
|
||||
|
||||
export default function CreatedTab({
|
||||
className,
|
||||
marketProducts,
|
||||
mainProducts,
|
||||
}) {
|
||||
return (
|
||||
<>
|
||||
<div className={`onsale-tab-wrapper w-full ${className || ""}`}>
|
||||
<div className="main-container w-full">
|
||||
<div className="filter-section w-full items-center sm:flex justify-between mb-6">
|
||||
{/* filter-search */}
|
||||
<div className="sm:w-1/2 w-full sm:pr-20 pr-0 mb-5 sm:mb-0">
|
||||
<SearchCom />
|
||||
</div>
|
||||
{/* filer-dropdown */}
|
||||
<div className="flex-1 flex sm:justify-end">
|
||||
<div className="flex space-x-1 items-center">
|
||||
<span className="text-18 text-thin-light-gray">
|
||||
Recently Received
|
||||
</span>
|
||||
<span>
|
||||
<svg
|
||||
width="20"
|
||||
height="10"
|
||||
viewBox="0 0 13 6"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
opacity="0.7"
|
||||
d="M12.4124 0.247421C12.3327 0.169022 12.2379 0.106794 12.1335 0.0643287C12.0291 0.0218632 11.917 0 11.8039 0C11.6908 0 11.5787 0.0218632 11.4743 0.0643287C11.3699 0.106794 11.2751 0.169022 11.1954 0.247421L7.27012 4.07837C7.19045 4.15677 7.09566 4.219 6.99122 4.26146C6.88678 4.30393 6.77476 4.32579 6.66162 4.32579C6.54848 4.32579 6.43646 4.30393 6.33202 4.26146C6.22758 4.219 6.13279 4.15677 6.05312 4.07837L2.12785 0.247421C2.04818 0.169022 1.95338 0.106794 1.84895 0.0643287C1.74451 0.0218632 1.63249 0 1.51935 0C1.40621 0 1.29419 0.0218632 1.18975 0.0643287C1.08531 0.106794 0.990517 0.169022 0.910844 0.247421C0.751218 0.404141 0.661621 0.616141 0.661621 0.837119C0.661621 1.0581 0.751218 1.2701 0.910844 1.42682L4.84468 5.26613C5.32677 5.73605 5.98027 6 6.66162 6C7.34297 6 7.99647 5.73605 8.47856 5.26613L12.4124 1.42682C12.572 1.2701 12.6616 1.0581 12.6616 0.837119C12.6616 0.616141 12.572 0.404141 12.4124 0.247421Z"
|
||||
fill="#374557"
|
||||
fillOpacity="0.6"
|
||||
/>
|
||||
</svg>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="content-section w-full">
|
||||
<div className="marketplace-products-widgets mb-16">
|
||||
<CreateSaleSlider products={marketProducts} />
|
||||
</div>
|
||||
<div className="main-products-widgets">
|
||||
<CreatedBidsSlider products={mainProducts} />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,57 @@
|
||||
import React from "react";
|
||||
import SearchCom from "../../Helpers/SearchCom";
|
||||
import CreatedBidsSlider from "./CreatedBidsSlider";
|
||||
import CreateSaleSlider from "./CreateSaleSlider";
|
||||
|
||||
export default function HiddenProductsTab({
|
||||
className,
|
||||
marketProducts,
|
||||
mainProducts,
|
||||
}) {
|
||||
return (
|
||||
<>
|
||||
<div className={`onsale-tab-wrapper w-full ${className || ""}`}>
|
||||
<div className="main-container w-full">
|
||||
<div className="filter-section w-full items-center sm:flex justify-between mb-6">
|
||||
{/* filter-search */}
|
||||
<div className="sm:w-1/2 w-full sm:pr-20 pr-0 mb-5 sm:mb-0">
|
||||
<SearchCom />
|
||||
</div>
|
||||
{/* filer-dropdown */}
|
||||
<div className="flex-1 flex sm:justify-end">
|
||||
<div className="flex space-x-1 items-center">
|
||||
<span className="text-18 text-thin-light-gray">
|
||||
Recently Received
|
||||
</span>
|
||||
<span>
|
||||
<svg
|
||||
width="20"
|
||||
height="10"
|
||||
viewBox="0 0 13 6"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
opacity="0.7"
|
||||
d="M12.4124 0.247421C12.3327 0.169022 12.2379 0.106794 12.1335 0.0643287C12.0291 0.0218632 11.917 0 11.8039 0C11.6908 0 11.5787 0.0218632 11.4743 0.0643287C11.3699 0.106794 11.2751 0.169022 11.1954 0.247421L7.27012 4.07837C7.19045 4.15677 7.09566 4.219 6.99122 4.26146C6.88678 4.30393 6.77476 4.32579 6.66162 4.32579C6.54848 4.32579 6.43646 4.30393 6.33202 4.26146C6.22758 4.219 6.13279 4.15677 6.05312 4.07837L2.12785 0.247421C2.04818 0.169022 1.95338 0.106794 1.84895 0.0643287C1.74451 0.0218632 1.63249 0 1.51935 0C1.40621 0 1.29419 0.0218632 1.18975 0.0643287C1.08531 0.106794 0.990517 0.169022 0.910844 0.247421C0.751218 0.404141 0.661621 0.616141 0.661621 0.837119C0.661621 1.0581 0.751218 1.2701 0.910844 1.42682L4.84468 5.26613C5.32677 5.73605 5.98027 6 6.66162 6C7.34297 6 7.99647 5.73605 8.47856 5.26613L12.4124 1.42682C12.572 1.2701 12.6616 1.0581 12.6616 0.837119C12.6616 0.616141 12.572 0.404141 12.4124 0.247421Z"
|
||||
fill="#374557"
|
||||
fillOpacity="0.6"
|
||||
/>
|
||||
</svg>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="content-section w-full">
|
||||
<div className="marketplace-products-widgets mb-16">
|
||||
<CreateSaleSlider products={marketProducts} productHide />
|
||||
</div>
|
||||
<div className="main-products-widgets">
|
||||
<CreatedBidsSlider products={mainProducts} productHide />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,58 @@
|
||||
import React from "react";
|
||||
import ProductCardStyleTwo from "../../Cards/ProductCardStyleTwo";
|
||||
import DataIteration from "../../Helpers/DataIteration";
|
||||
import SearchCom from "../../Helpers/SearchCom";
|
||||
|
||||
export default function OnSaleTab({ className, products }) {
|
||||
return (
|
||||
<>
|
||||
<div className={`onsale-tab-wrapper w-full ${className || ""}`}>
|
||||
<div className="main-container w-full">
|
||||
<div className="filter-section w-full items-center sm:flex justify-between mb-6">
|
||||
{/* filter-search */}
|
||||
<div className="sm:w-1/2 w-full sm:pr-20 pr-0 mb-5 sm:mb-0">
|
||||
<SearchCom />
|
||||
</div>
|
||||
{/* filer-dropdown */}
|
||||
<div className="flex-1 flex sm:justify-end">
|
||||
<div className="flex space-x-1 items-center">
|
||||
<span className="text-18 text-thin-light-gray">
|
||||
Recently Received
|
||||
</span>
|
||||
<span>
|
||||
<svg
|
||||
width="20"
|
||||
height="10"
|
||||
viewBox="0 0 13 6"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
opacity="0.7"
|
||||
d="M12.4124 0.247421C12.3327 0.169022 12.2379 0.106794 12.1335 0.0643287C12.0291 0.0218632 11.917 0 11.8039 0C11.6908 0 11.5787 0.0218632 11.4743 0.0643287C11.3699 0.106794 11.2751 0.169022 11.1954 0.247421L7.27012 4.07837C7.19045 4.15677 7.09566 4.219 6.99122 4.26146C6.88678 4.30393 6.77476 4.32579 6.66162 4.32579C6.54848 4.32579 6.43646 4.30393 6.33202 4.26146C6.22758 4.219 6.13279 4.15677 6.05312 4.07837L2.12785 0.247421C2.04818 0.169022 1.95338 0.106794 1.84895 0.0643287C1.74451 0.0218632 1.63249 0 1.51935 0C1.40621 0 1.29419 0.0218632 1.18975 0.0643287C1.08531 0.106794 0.990517 0.169022 0.910844 0.247421C0.751218 0.404141 0.661621 0.616141 0.661621 0.837119C0.661621 1.0581 0.751218 1.2701 0.910844 1.42682L4.84468 5.26613C5.32677 5.73605 5.98027 6 6.66162 6C7.34297 6 7.99647 5.73605 8.47856 5.26613L12.4124 1.42682C12.572 1.2701 12.6616 1.0581 12.6616 0.837119C12.6616 0.616141 12.572 0.404141 12.4124 0.247421Z"
|
||||
fill="#374557"
|
||||
fillOpacity="0.6"
|
||||
/>
|
||||
</svg>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="content-section w-full-width">
|
||||
<div className="grid lg:grid-cols-3 sm:grid-cols-2 grid-cols-1 gap-[30px]">
|
||||
<DataIteration
|
||||
datas={products}
|
||||
startLength={0}
|
||||
endLength={products.length}
|
||||
>
|
||||
{({ datas }) => (
|
||||
<ProductCardStyleTwo key={datas.id} datas={datas} />
|
||||
)}
|
||||
</DataIteration>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,58 @@
|
||||
import React from "react";
|
||||
import ProductCardStyleOne from "../../Cards/ProductCardStyleOne";
|
||||
import DataIteration from "../../Helpers/DataIteration";
|
||||
import SearchCom from "../../Helpers/SearchCom";
|
||||
|
||||
export default function OwnTab({ className, products }) {
|
||||
return (
|
||||
<>
|
||||
<div className={`onsale-tab-wrapper w-full ${className || ""}`}>
|
||||
<div className="main-container w-full">
|
||||
<div className="filter-section w-full items-center sm:flex justify-between mb-6">
|
||||
{/* filter-search */}
|
||||
<div className="sm:w-1/2 w-full sm:pr-20 pr-0 mb-5 sm:mb-0">
|
||||
<SearchCom />
|
||||
</div>
|
||||
{/* filer-dropdown */}
|
||||
<div className="flex-1 flex sm:justify-end ">
|
||||
<div className="flex space-x-1 items-center">
|
||||
<span className="text-18 text-thin-light-gray">
|
||||
Recently Received
|
||||
</span>
|
||||
<span>
|
||||
<svg
|
||||
width="20"
|
||||
height="10"
|
||||
viewBox="0 0 13 6"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
opacity="0.7"
|
||||
d="M12.4124 0.247421C12.3327 0.169022 12.2379 0.106794 12.1335 0.0643287C12.0291 0.0218632 11.917 0 11.8039 0C11.6908 0 11.5787 0.0218632 11.4743 0.0643287C11.3699 0.106794 11.2751 0.169022 11.1954 0.247421L7.27012 4.07837C7.19045 4.15677 7.09566 4.219 6.99122 4.26146C6.88678 4.30393 6.77476 4.32579 6.66162 4.32579C6.54848 4.32579 6.43646 4.30393 6.33202 4.26146C6.22758 4.219 6.13279 4.15677 6.05312 4.07837L2.12785 0.247421C2.04818 0.169022 1.95338 0.106794 1.84895 0.0643287C1.74451 0.0218632 1.63249 0 1.51935 0C1.40621 0 1.29419 0.0218632 1.18975 0.0643287C1.08531 0.106794 0.990517 0.169022 0.910844 0.247421C0.751218 0.404141 0.661621 0.616141 0.661621 0.837119C0.661621 1.0581 0.751218 1.2701 0.910844 1.42682L4.84468 5.26613C5.32677 5.73605 5.98027 6 6.66162 6C7.34297 6 7.99647 5.73605 8.47856 5.26613L12.4124 1.42682C12.572 1.2701 12.6616 1.0581 12.6616 0.837119C12.6616 0.616141 12.572 0.404141 12.4124 0.247421Z"
|
||||
fill="#374557"
|
||||
fillOpacity="0.6"
|
||||
/>
|
||||
</svg>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="content-section w-full-width">
|
||||
<div className="grid xl:grid-cols-4 lg:grid-cols-3 md:grid-cols-2 2xl:gap-8 xl:gap-5 gap-5 mb-10">
|
||||
<DataIteration
|
||||
datas={products}
|
||||
startLength={0}
|
||||
endLength={products.length}
|
||||
>
|
||||
{({ datas }) => (
|
||||
<ProductCardStyleOne key={datas.id} datas={datas} />
|
||||
)}
|
||||
</DataIteration>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,866 @@
|
||||
import React, { useState } from "react";
|
||||
import { Link } from "react-router-dom";
|
||||
import authProfilePic from "../../../assets/images/auth-profile-picture.png";
|
||||
import followerProfile from "../../../assets/images/profile-2.png";
|
||||
import profileBanner from "../../../assets/images/profile-cover-2.png";
|
||||
import collections from "../../../data/collectionplan_data.json";
|
||||
import marketPlace from "../../../data/marketplace_data.json";
|
||||
import products from "../../../data/product_data.json";
|
||||
import ModalCom from "../../Helpers/ModalCom";
|
||||
import Layout from "../../Partials/Layout";
|
||||
import ActivitiesTab from "./ActivitiesTab";
|
||||
import CollectionTab from "./CollectionTab";
|
||||
import CreatedTab from "./CreatedTab";
|
||||
import HiddenProductsTab from "./HiddenProductsTab";
|
||||
import OnSaleTab from "./OnSaleTab";
|
||||
import OwnTab from "./OwnTab";
|
||||
|
||||
export default function UserProfile() {
|
||||
const onSaleProducts = marketPlace.data;
|
||||
const CreatedSell = marketPlace.data;
|
||||
const CreatedBits = products.datas;
|
||||
const ownProducts = products.datas;
|
||||
const collectionProducts = collections.data;
|
||||
|
||||
const tabs = [
|
||||
{
|
||||
id: 1,
|
||||
name: "onsale",
|
||||
content: "On Sale",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
name: "owned",
|
||||
content: "Owned",
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
name: "created",
|
||||
content: "Created",
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
name: "hidden",
|
||||
content: "Hidden",
|
||||
},
|
||||
{
|
||||
id: 5,
|
||||
name: "collection",
|
||||
content: "Collection",
|
||||
},
|
||||
{
|
||||
id: 6,
|
||||
name: "activity",
|
||||
content: "Activity",
|
||||
},
|
||||
];
|
||||
|
||||
const [tab, setTab] = useState(tabs[0].name);
|
||||
const tabHandler = (value) => {
|
||||
setTab(value);
|
||||
};
|
||||
|
||||
const [showFollowerModal, setValue] = useState(false);
|
||||
const openFollowerModal = () => {
|
||||
setValue(!showFollowerModal);
|
||||
};
|
||||
return (
|
||||
<>
|
||||
<Layout>
|
||||
<div className="nft-userprofile-wrapper w-full">
|
||||
<div className="main-wrapper w-full">
|
||||
<div className="content-wrapper-profile-only w-full mb-6">
|
||||
<div className="auth-cover w-full">
|
||||
<div
|
||||
className="w-full lg:h-[312px] h-[212px] sm:space-x-6 space-x-4 rounded-2xl overflow-hidden flex justify-end items-center sm:pr-10 pr-4"
|
||||
style={{
|
||||
background: `url(${profileBanner})`,
|
||||
backgroundRepeat: "no-repeat",
|
||||
backgroundSize: "cover",
|
||||
}}
|
||||
>
|
||||
<button
|
||||
type="button"
|
||||
className="sm:w-[111px] sm:h-[46px] w-[100px] h-[40px] rounded-[41px] flex justify-center items-center text-white sm:text-18 text-sm bg-pink"
|
||||
>
|
||||
Follow Me
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
className="sm:w-[52px] sm:h-[52px] w-[40px] h-[40px] rounded-full flex justify-center items-center bg-white dark:bg-dark-white "
|
||||
>
|
||||
<svg
|
||||
width="23"
|
||||
height="22"
|
||||
viewBox="0 0 23 22"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M12.4922 5.51801C12.4922 5.43549 12.4922 5.37668 12.4922 5.31786C12.4908 3.80698 12.4894 2.2961 12.4881 0.784769C12.4876 0.460163 12.6709 0.18525 12.97 0.0626106C13.2823 -0.0654996 13.6374 0.00562209 13.8708 0.251813C14.1079 0.50165 14.3391 0.756959 14.5725 1.00999C16.9742 3.6114 19.3723 6.216 21.7827 8.80921C22.0863 9.13564 22.0863 9.7347 21.7863 10.0579C19.1471 12.9024 16.5188 15.7568 13.8868 18.608C13.6356 18.8802 13.3069 18.9586 12.9864 18.8264C12.6668 18.6947 12.4899 18.4006 12.4899 18.0404C12.4899 16.5204 12.4844 15 12.4803 13.48C12.4803 13.449 12.4735 13.418 12.4676 13.3706C12.4092 13.3706 12.3559 13.3697 12.3021 13.3706C9.96553 13.4216 7.82231 14.1082 5.8537 15.3506C4.32002 16.3185 3.04895 17.5544 2.11206 19.1177C1.60053 19.9712 1.23261 20.8826 1.02517 21.8573C1.01788 21.8915 1.00602 21.9248 0.984596 22C0.896606 21.7821 0.818646 21.6024 0.750715 21.4196C0.0700445 19.5905 -0.16338 17.7081 0.114724 15.7728C0.385533 13.8885 1.11088 12.1857 2.25521 10.6707C4.17459 8.12899 6.70944 6.52693 9.80642 5.8107C10.6271 5.62104 11.4623 5.52804 12.3053 5.51846C12.3591 5.51755 12.4133 5.51801 12.4922 5.51801Z"
|
||||
fill="#374557"
|
||||
/>
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div className="auth lg:flex justify-between items-center mb-16">
|
||||
<div className="auth-user-details sm:px-10 px-0">
|
||||
{/* profile picture */}
|
||||
<div className=" profile-picture sm:block flex justify-center items-center mb-4">
|
||||
<img
|
||||
src={authProfilePic}
|
||||
alt=""
|
||||
className="md:w-[205px] md:h-[205px] w-[130px] h-[130px] object-cover rounded-full overflow-hidden border-[6px] border-white"
|
||||
/>
|
||||
</div>
|
||||
<div className="auth-user-profile-content mb-9">
|
||||
<div className="mb-4">
|
||||
<h1 className="text-dark-gray dark:text-white tracking-wide sm:text-26 text-xl font-bold">
|
||||
Rafiqul Islam Suvo
|
||||
</h1>
|
||||
</div>
|
||||
<div className="sm:w-[437px] w-full mb-4">
|
||||
<p className="text-thin-light-gray sm:text-base text-sm tracking-wide leading-2">
|
||||
Autoglyphs are fitting the first “on-chain” to the find
|
||||
generative art on the Ethereum blockchain
|
||||
<span className="ml-1 text-purple">Read More</span>
|
||||
</p>
|
||||
</div>
|
||||
<div className="flex text-thin-light-gray sm:text-xl text-sm">
|
||||
<p
|
||||
className="border-r pr-5 border-thin-light-gray"
|
||||
onClick={openFollowerModal}
|
||||
>
|
||||
<span className="font-bold mr-1 text-dark-gray dark:text-white">
|
||||
49
|
||||
</span>
|
||||
Followers
|
||||
</p>
|
||||
<p className="border-r px-5 border-thin-light-gray">
|
||||
<span className="font-bold mr-1 text-dark-gray dark:text-white">
|
||||
35
|
||||
</span>
|
||||
Following
|
||||
</p>
|
||||
<p className="pl-5">
|
||||
<span className="font-bold mr-1 text-dark-gray dark:text-white">
|
||||
914
|
||||
</span>
|
||||
Favorites
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex space-x-4 items-center">
|
||||
<button
|
||||
type="button"
|
||||
className="w-[103px] h-[46px] capitalize flex justify-center items-center text-white text-18 rounded-full bg-purple"
|
||||
>
|
||||
message
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
className="w-[46px] h-[46px] flex justify-center items-center bg-white dark:bg-dark-white rounded-full"
|
||||
>
|
||||
<svg
|
||||
width="6"
|
||||
height="21"
|
||||
viewBox="0 0 6 21"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<circle
|
||||
cx="3.00001"
|
||||
cy="2.91947"
|
||||
r="2.65385"
|
||||
fill="#374557"
|
||||
/>
|
||||
<circle
|
||||
cx="3.00001"
|
||||
cy="10.3521"
|
||||
r="2.65385"
|
||||
fill="#374557"
|
||||
/>
|
||||
<circle
|
||||
cx="3.00001"
|
||||
cy="17.7798"
|
||||
r="2.65385"
|
||||
fill="#374557"
|
||||
/>
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="auth-tab-content relative mb-10">
|
||||
<div className="lg:flex justify-between">
|
||||
<div className="tab-items">
|
||||
<ul className="lg:flex lg:space-x-14 space-x-8">
|
||||
{tabs &&
|
||||
tabs.length > 0 &&
|
||||
tabs.map((tabValue) => (
|
||||
<li
|
||||
key={tabValue.id}
|
||||
className="relative group inline"
|
||||
onClick={() => tabHandler(tabValue.name)}
|
||||
>
|
||||
<span
|
||||
className={`py-4 sm:border-b dark:border-[#5356fb29] border-b dark:border-[#5356fb29] -none group-hover:border-purple border-transparent lg:text-xl text-sm tracking-wide font-bold group-hover:text-purple text-dark-gray dark:text-white relative z-10 ${
|
||||
tab === tabValue.name
|
||||
? "text-purple border-purple "
|
||||
: "text-dark-gray dark:text-white border-transparent "
|
||||
}`}
|
||||
>
|
||||
{tabValue.content}
|
||||
</span>
|
||||
<span
|
||||
className={`w-5 h-5 group-hover:bg-pink group-hover:text-white text-[10px] rounded-full absolute -top-2 -right-5 flex justify-center items-center ${
|
||||
tab === tabValue.name
|
||||
? "text-white bg-pink"
|
||||
: "text-thin-light-gray bg-[#F2B8FD]"
|
||||
}`}
|
||||
>
|
||||
16
|
||||
</span>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</div>
|
||||
<div style={{ transform: "translateY(-22px)" }}>
|
||||
<Link
|
||||
to="/upload-product"
|
||||
className="btn-gradient w-[153px] h-[46px] rounded-full text-white lg:flex hidden justify-center items-center"
|
||||
>
|
||||
Upload Product
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
<div className="hidden lg:block w-full h-[1px] bg-[#DCD5FE] absolute top-[42px] left-0"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="tab-cotainer w-full">
|
||||
{tab === "onsale" ? (
|
||||
<OnSaleTab products={onSaleProducts} />
|
||||
) : tab === "owned" ? (
|
||||
<OwnTab products={ownProducts} />
|
||||
) : tab === "created" ? (
|
||||
<CreatedTab
|
||||
marketProducts={CreatedSell}
|
||||
mainProducts={CreatedBits}
|
||||
/>
|
||||
) : tab === "hidden" ? (
|
||||
<HiddenProductsTab
|
||||
marketProducts={CreatedSell}
|
||||
mainProducts={CreatedBits}
|
||||
/>
|
||||
) : tab === "collection" ? (
|
||||
<CollectionTab products={collectionProducts} />
|
||||
) : tab === "activity" ? (
|
||||
<ActivitiesTab />
|
||||
) : (
|
||||
""
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{showFollowerModal && (
|
||||
<ModalCom action={openFollowerModal} situation={showFollowerModal}>
|
||||
<div className="lg:w-[420px] w-full h-full lg:overflow-hidden lg:rounded-2xl bg-white dark:bg-dark-white ">
|
||||
<div className="heading flex justify-between items-center py-6 md:px-[30px] px-[23px] border-b dark:border-[#5356fb29] border-light-purple dark:border-[#5356fb29] ">
|
||||
<p className="text-26 font-bold text-dark-gray dark:text-white tracking-wide">
|
||||
Followers
|
||||
</p>
|
||||
<button type="button" onClick={openFollowerModal}>
|
||||
<svg
|
||||
width="32"
|
||||
height="32"
|
||||
viewBox="0 0 32 32"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M32 14.3645C32 15.5022 32 16.6399 32 17.7779C31.8143 17.8408 31.8787 18.0048 31.8565 18.1334C30.6952 24.8402 26.8853 29.2664 20.4091 31.362C19.4672 31.6668 18.4669 31.7917 17.4935 31.9997C16.3558 31.9997 15.2181 31.9997 14.0801 31.9997C13.8574 31.741 13.5279 31.7984 13.2475 31.7416C6.90872 30.4552 2.74424 26.7311 0.684152 20.6107C0.386668 19.7268 0.396442 18.7733 0 17.9199C0 16.6399 0 15.3598 0 14.0798C0.259 13.884 0.190585 13.5694 0.240675 13.3162C1.52285 6.84244 5.35655 2.66392 11.5936 0.623067C12.4549 0.34116 13.3785 0.343909 14.2221 0C15.3125 0 16.4029 0 17.4932 0C17.525 0.110258 17.6111 0.120948 17.7089 0.130417C24.2666 0.77242 29.8064 5.52819 31.449 11.9351C31.6552 12.739 31.8174 13.5542 32 14.3645ZM29.3431 16.0699C29.3718 8.68538 23.4154 2.66942 16.0684 2.66178C8.69759 2.65445 2.66972 8.58489 2.65353 15.8601C2.63704 23.2563 8.52319 29.2979 15.7868 29.3404C23.2862 29.3846 29.3144 23.4832 29.3431 16.0699Z"
|
||||
fill="#374557"
|
||||
fillOpacity="0.6"
|
||||
/>
|
||||
<path
|
||||
d="M14.1604 16.0221C12.3843 14.2567 10.6724 12.5534 8.95837 10.8525C8.53353 10.431 8.23421 9.97162 8.46175 9.34031C8.83956 8.29209 9.95101 8.07371 10.794 8.906C12.3611 10.4536 13.9344 11.9963 15.4529 13.5909C15.9202 14.0817 16.1447 14.0005 16.5662 13.5643C18.0961 11.9804 19.6617 10.4307 21.2282 8.88248C22.0596 8.06058 23.208 8.30064 23.5522 9.35008C23.7584 9.97865 23.459 10.4383 23.0336 10.8619C21.489 12.3991 19.9531 13.9443 18.4088 15.4815C18.2421 15.6476 18.0408 15.779 17.8188 15.9558C19.629 17.7563 21.366 19.4676 23.0831 21.1987C23.934 22.0567 23.6875 23.2106 22.6072 23.556C21.9658 23.761 21.5223 23.4186 21.1067 23.0023C19.5502 21.444 17.9757 19.9031 16.448 18.3171C16.0616 17.9157 15.8854 17.9811 15.5375 18.3378C13.9835 19.9318 12.399 21.4956 10.8242 23.0692C10.4015 23.4916 9.94887 23.7768 9.30961 23.516C8.27819 23.0948 8.06073 22.0814 8.87591 21.2418C10.0307 20.0528 11.2118 18.8891 12.3895 17.7221C12.9588 17.1577 13.5462 16.6106 14.1604 16.0221Z"
|
||||
fill="#374557"
|
||||
fillOpacity="0.6"
|
||||
/>
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
<div className="content h-screen overflow-style-none overflow-y-scroll pt-6 pb-[16rem] md:px-[30px] px-[23px] w-full">
|
||||
<div className="content-items w-full">
|
||||
<div className="content-item flex justify-between mb-6">
|
||||
<div className="flex space-x-5 items-center">
|
||||
<div className="relative w-14 h-14 rounded-full">
|
||||
<img
|
||||
src={followerProfile}
|
||||
alt=""
|
||||
className="w-full h-full object-cover"
|
||||
/>
|
||||
<span className="absolute right-0 top-0">
|
||||
<svg
|
||||
width="20"
|
||||
height="19"
|
||||
viewBox="0 0 20 19"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M15.0855 16.196C14.6062 16.196 14.1265 16.1984 13.6472 16.1939C13.5565 16.193 13.5052 16.2236 13.4586 16.3004C13.0161 17.0244 12.5667 17.7443 12.128 18.4707C12.0631 18.578 12.0159 18.5712 11.9278 18.5164C11.2785 18.1127 10.6263 17.7134 9.97822 17.3074C9.89488 17.2552 9.83882 17.2543 9.75429 17.3056C9.08366 17.7126 8.408 18.1115 7.73737 18.5184C7.63831 18.5786 7.59767 18.5694 7.53717 18.4668C7.11213 17.744 6.6779 17.0262 6.2502 16.3049C6.20096 16.2215 6.14431 16.1936 6.04851 16.1939C5.1489 16.1975 4.2496 16.1963 3.34999 16.1957C3.12546 16.1957 3.15601 16.2144 3.15601 15.9943C3.15512 15.0802 3.15394 14.1658 3.15779 13.2516C3.15839 13.146 3.12962 13.0849 3.03559 13.0277C2.26472 12.5576 1.49918 12.0788 0.728303 11.6084C0.636059 11.5521 0.620636 11.518 0.679957 11.4227C1.10885 10.7367 1.52943 10.0453 1.95862 9.35957C2.01201 9.27444 2.00934 9.21957 1.95862 9.13593C1.57452 8.50327 1.19872 7.86557 0.814615 7.23321C0.758261 7.14066 0.777836 7.10596 0.863555 7.05524C1.5938 6.62309 2.32048 6.18471 3.05131 5.75315C3.13792 5.70213 3.15809 5.644 3.15779 5.55146C3.15483 4.60262 3.15839 3.65378 3.15335 2.70494C3.15275 2.57532 3.17856 2.52994 3.32033 2.53113C4.22468 2.53825 5.12903 2.5335 6.03368 2.53676C6.12859 2.53706 6.18138 2.51066 6.23299 2.42613C6.68977 1.67602 7.15425 0.930648 7.6131 0.181721C7.66856 0.0912566 7.70593 0.0607063 7.81449 0.128925C8.52872 0.577985 9.25006 1.01518 9.96547 1.46216C10.0589 1.5206 10.1256 1.52089 10.2176 1.46513C10.8333 1.09082 11.4535 0.724211 12.0684 0.34871C12.1817 0.279601 12.2303 0.287609 12.3009 0.408327C12.6913 1.07717 13.0947 1.7383 13.4885 2.40507C13.5452 2.50087 13.606 2.53854 13.7211 2.53795C14.6551 2.53231 15.5891 2.53706 16.5231 2.53202C16.6438 2.53142 16.6809 2.56049 16.68 2.68566C16.6747 3.60988 16.6785 4.5338 16.675 5.45802C16.6747 5.55739 16.7017 5.61463 16.7909 5.66921C17.5283 6.11827 18.2594 6.57801 18.9986 7.0244C19.1202 7.09795 19.1104 7.14956 19.0466 7.2513C18.6254 7.92489 18.212 8.60322 17.789 9.27563C17.7164 9.39101 17.7161 9.47435 17.7884 9.5927C18.1948 10.2574 18.5878 10.9304 18.9941 11.5954C19.0641 11.7099 19.046 11.7549 18.9375 11.8187C18.2235 12.2399 17.5147 12.6691 16.8004 13.0897C16.7067 13.1448 16.6741 13.2042 16.6747 13.3112C16.6788 14.2206 16.675 15.1297 16.6797 16.0391C16.6803 16.161 16.6483 16.2002 16.5231 16.1984C16.0444 16.1922 15.5648 16.1963 15.0855 16.196ZM7.23819 8.98644C7.18806 9.03033 7.1584 9.05495 7.13052 9.08105C6.86447 9.33169 6.59871 9.58261 6.33325 9.83384C6.14668 10.0106 6.14461 10.0133 6.3196 10.1998C7.15128 11.0855 7.98504 11.9694 8.81553 12.8559C8.88138 12.9262 8.92943 12.9348 8.99201 12.8592C9.02019 12.8254 9.05727 12.7993 9.08989 12.7687C9.85365 12.0527 10.618 11.337 11.3815 10.6207C12.3036 9.75553 13.224 8.88885 14.1485 8.02603C14.2218 7.95781 14.2022 7.92518 14.1452 7.86557C13.8996 7.60811 13.6535 7.35096 13.4188 7.08401C13.3224 6.97427 13.2673 6.98524 13.1664 7.08045C11.8326 8.33717 10.4937 9.58854 9.1593 10.8447C9.07417 10.9247 9.03235 10.9221 8.95375 10.8375C8.40563 10.2482 7.85157 9.66418 7.30018 9.07749C7.27675 9.05317 7.26132 9.02114 7.23819 8.98644Z"
|
||||
fill="#3897EF"
|
||||
/>
|
||||
<path
|
||||
d="M7.23752 8.98774C7.26066 9.02244 7.27608 9.05448 7.29921 9.07909C7.8506 9.66548 8.40466 10.2498 8.95279 10.8391C9.03139 10.9237 9.07321 10.9263 9.15833 10.8463C10.4928 9.59014 11.8316 8.33906 13.1655 7.08205C13.2666 6.98684 13.3215 6.97557 13.4179 7.08561C13.6525 7.35285 13.8987 7.61001 14.1443 7.86717C14.2012 7.92678 14.2208 7.95941 14.1475 8.02763C13.223 8.89016 12.3026 9.75713 11.3805 10.6223C10.617 11.3386 9.85298 12.0543 9.08893 12.7703C9.0566 12.8006 9.01923 12.827 8.99105 12.8608C8.92847 12.9364 8.88041 12.9278 8.81457 12.8575C7.98378 11.971 7.15002 11.0871 6.31864 10.2014C6.14334 10.0149 6.14572 10.0119 6.33228 9.83544C6.59774 9.58421 6.8635 9.33328 7.12956 9.08265C7.15773 9.05626 7.18739 9.03164 7.23752 8.98774Z"
|
||||
fill="#FDFDFE"
|
||||
/>
|
||||
</svg>
|
||||
</span>
|
||||
</div>
|
||||
<div className="">
|
||||
<p className="text-xl font-bold tracking-wide text-dark-gray dark:text-white">
|
||||
Cody Fisher
|
||||
</p>
|
||||
<p className="text-sm text-thin-light-gray tracking-wide">
|
||||
34.k followers
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="">
|
||||
<button
|
||||
type="button"
|
||||
className="w-[115px] overflow-hidden text-18 tracking-wide h-[52px] rounded-full text-gradient secondary-gradient relative justify-center items-center sm:flex hidden"
|
||||
>
|
||||
Following
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
className="text-base tracking-wide text-gradient sm:hidden flex"
|
||||
>
|
||||
Following
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div className="content-item flex justify-between mb-6">
|
||||
<div className="flex space-x-5 items-center">
|
||||
<div className="relative w-14 h-14 rounded-full">
|
||||
<img
|
||||
src={followerProfile}
|
||||
alt=""
|
||||
className="w-full h-full object-cover"
|
||||
/>
|
||||
<span className="absolute right-0 top-0">
|
||||
<svg
|
||||
width="20"
|
||||
height="19"
|
||||
viewBox="0 0 20 19"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M15.0855 16.196C14.6062 16.196 14.1265 16.1984 13.6472 16.1939C13.5565 16.193 13.5052 16.2236 13.4586 16.3004C13.0161 17.0244 12.5667 17.7443 12.128 18.4707C12.0631 18.578 12.0159 18.5712 11.9278 18.5164C11.2785 18.1127 10.6263 17.7134 9.97822 17.3074C9.89488 17.2552 9.83882 17.2543 9.75429 17.3056C9.08366 17.7126 8.408 18.1115 7.73737 18.5184C7.63831 18.5786 7.59767 18.5694 7.53717 18.4668C7.11213 17.744 6.6779 17.0262 6.2502 16.3049C6.20096 16.2215 6.14431 16.1936 6.04851 16.1939C5.1489 16.1975 4.2496 16.1963 3.34999 16.1957C3.12546 16.1957 3.15601 16.2144 3.15601 15.9943C3.15512 15.0802 3.15394 14.1658 3.15779 13.2516C3.15839 13.146 3.12962 13.0849 3.03559 13.0277C2.26472 12.5576 1.49918 12.0788 0.728303 11.6084C0.636059 11.5521 0.620636 11.518 0.679957 11.4227C1.10885 10.7367 1.52943 10.0453 1.95862 9.35957C2.01201 9.27444 2.00934 9.21957 1.95862 9.13593C1.57452 8.50327 1.19872 7.86557 0.814615 7.23321C0.758261 7.14066 0.777836 7.10596 0.863555 7.05524C1.5938 6.62309 2.32048 6.18471 3.05131 5.75315C3.13792 5.70213 3.15809 5.644 3.15779 5.55146C3.15483 4.60262 3.15839 3.65378 3.15335 2.70494C3.15275 2.57532 3.17856 2.52994 3.32033 2.53113C4.22468 2.53825 5.12903 2.5335 6.03368 2.53676C6.12859 2.53706 6.18138 2.51066 6.23299 2.42613C6.68977 1.67602 7.15425 0.930648 7.6131 0.181721C7.66856 0.0912566 7.70593 0.0607063 7.81449 0.128925C8.52872 0.577985 9.25006 1.01518 9.96547 1.46216C10.0589 1.5206 10.1256 1.52089 10.2176 1.46513C10.8333 1.09082 11.4535 0.724211 12.0684 0.34871C12.1817 0.279601 12.2303 0.287609 12.3009 0.408327C12.6913 1.07717 13.0947 1.7383 13.4885 2.40507C13.5452 2.50087 13.606 2.53854 13.7211 2.53795C14.6551 2.53231 15.5891 2.53706 16.5231 2.53202C16.6438 2.53142 16.6809 2.56049 16.68 2.68566C16.6747 3.60988 16.6785 4.5338 16.675 5.45802C16.6747 5.55739 16.7017 5.61463 16.7909 5.66921C17.5283 6.11827 18.2594 6.57801 18.9986 7.0244C19.1202 7.09795 19.1104 7.14956 19.0466 7.2513C18.6254 7.92489 18.212 8.60322 17.789 9.27563C17.7164 9.39101 17.7161 9.47435 17.7884 9.5927C18.1948 10.2574 18.5878 10.9304 18.9941 11.5954C19.0641 11.7099 19.046 11.7549 18.9375 11.8187C18.2235 12.2399 17.5147 12.6691 16.8004 13.0897C16.7067 13.1448 16.6741 13.2042 16.6747 13.3112C16.6788 14.2206 16.675 15.1297 16.6797 16.0391C16.6803 16.161 16.6483 16.2002 16.5231 16.1984C16.0444 16.1922 15.5648 16.1963 15.0855 16.196ZM7.23819 8.98644C7.18806 9.03033 7.1584 9.05495 7.13052 9.08105C6.86447 9.33169 6.59871 9.58261 6.33325 9.83384C6.14668 10.0106 6.14461 10.0133 6.3196 10.1998C7.15128 11.0855 7.98504 11.9694 8.81553 12.8559C8.88138 12.9262 8.92943 12.9348 8.99201 12.8592C9.02019 12.8254 9.05727 12.7993 9.08989 12.7687C9.85365 12.0527 10.618 11.337 11.3815 10.6207C12.3036 9.75553 13.224 8.88885 14.1485 8.02603C14.2218 7.95781 14.2022 7.92518 14.1452 7.86557C13.8996 7.60811 13.6535 7.35096 13.4188 7.08401C13.3224 6.97427 13.2673 6.98524 13.1664 7.08045C11.8326 8.33717 10.4937 9.58854 9.1593 10.8447C9.07417 10.9247 9.03235 10.9221 8.95375 10.8375C8.40563 10.2482 7.85157 9.66418 7.30018 9.07749C7.27675 9.05317 7.26132 9.02114 7.23819 8.98644Z"
|
||||
fill="#3897EF"
|
||||
/>
|
||||
<path
|
||||
d="M7.23752 8.98774C7.26066 9.02244 7.27608 9.05448 7.29921 9.07909C7.8506 9.66548 8.40466 10.2498 8.95279 10.8391C9.03139 10.9237 9.07321 10.9263 9.15833 10.8463C10.4928 9.59014 11.8316 8.33906 13.1655 7.08205C13.2666 6.98684 13.3215 6.97557 13.4179 7.08561C13.6525 7.35285 13.8987 7.61001 14.1443 7.86717C14.2012 7.92678 14.2208 7.95941 14.1475 8.02763C13.223 8.89016 12.3026 9.75713 11.3805 10.6223C10.617 11.3386 9.85298 12.0543 9.08893 12.7703C9.0566 12.8006 9.01923 12.827 8.99105 12.8608C8.92847 12.9364 8.88041 12.9278 8.81457 12.8575C7.98378 11.971 7.15002 11.0871 6.31864 10.2014C6.14334 10.0149 6.14572 10.0119 6.33228 9.83544C6.59774 9.58421 6.8635 9.33328 7.12956 9.08265C7.15773 9.05626 7.18739 9.03164 7.23752 8.98774Z"
|
||||
fill="#FDFDFE"
|
||||
/>
|
||||
</svg>
|
||||
</span>
|
||||
</div>
|
||||
<div className="">
|
||||
<p className="text-xl font-bold tracking-wide text-dark-gray dark:text-white">
|
||||
Wade Warren
|
||||
</p>
|
||||
<p className="text-sm text-thin-light-gray tracking-wide">
|
||||
34.k followers
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="">
|
||||
<button
|
||||
type="button"
|
||||
className="w-[115px] overflow-hidden text-18 tracking-wide h-[52px] rounded-full text-white primary-gradient relative justify-center items-center sm:flex hidden"
|
||||
>
|
||||
Follow
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
className="text-base tracking-wide text-gradient sm:hidden block font-bold"
|
||||
>
|
||||
Follow
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div className="content-item flex justify-between mb-6">
|
||||
<div className="flex space-x-5 items-center">
|
||||
<div className="relative w-14 h-14 rounded-full">
|
||||
<img
|
||||
src={followerProfile}
|
||||
alt=""
|
||||
className="w-full h-full object-cover"
|
||||
/>
|
||||
<span className="absolute right-0 top-0">
|
||||
<svg
|
||||
width="20"
|
||||
height="19"
|
||||
viewBox="0 0 20 19"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M15.0855 16.196C14.6062 16.196 14.1265 16.1984 13.6472 16.1939C13.5565 16.193 13.5052 16.2236 13.4586 16.3004C13.0161 17.0244 12.5667 17.7443 12.128 18.4707C12.0631 18.578 12.0159 18.5712 11.9278 18.5164C11.2785 18.1127 10.6263 17.7134 9.97822 17.3074C9.89488 17.2552 9.83882 17.2543 9.75429 17.3056C9.08366 17.7126 8.408 18.1115 7.73737 18.5184C7.63831 18.5786 7.59767 18.5694 7.53717 18.4668C7.11213 17.744 6.6779 17.0262 6.2502 16.3049C6.20096 16.2215 6.14431 16.1936 6.04851 16.1939C5.1489 16.1975 4.2496 16.1963 3.34999 16.1957C3.12546 16.1957 3.15601 16.2144 3.15601 15.9943C3.15512 15.0802 3.15394 14.1658 3.15779 13.2516C3.15839 13.146 3.12962 13.0849 3.03559 13.0277C2.26472 12.5576 1.49918 12.0788 0.728303 11.6084C0.636059 11.5521 0.620636 11.518 0.679957 11.4227C1.10885 10.7367 1.52943 10.0453 1.95862 9.35957C2.01201 9.27444 2.00934 9.21957 1.95862 9.13593C1.57452 8.50327 1.19872 7.86557 0.814615 7.23321C0.758261 7.14066 0.777836 7.10596 0.863555 7.05524C1.5938 6.62309 2.32048 6.18471 3.05131 5.75315C3.13792 5.70213 3.15809 5.644 3.15779 5.55146C3.15483 4.60262 3.15839 3.65378 3.15335 2.70494C3.15275 2.57532 3.17856 2.52994 3.32033 2.53113C4.22468 2.53825 5.12903 2.5335 6.03368 2.53676C6.12859 2.53706 6.18138 2.51066 6.23299 2.42613C6.68977 1.67602 7.15425 0.930648 7.6131 0.181721C7.66856 0.0912566 7.70593 0.0607063 7.81449 0.128925C8.52872 0.577985 9.25006 1.01518 9.96547 1.46216C10.0589 1.5206 10.1256 1.52089 10.2176 1.46513C10.8333 1.09082 11.4535 0.724211 12.0684 0.34871C12.1817 0.279601 12.2303 0.287609 12.3009 0.408327C12.6913 1.07717 13.0947 1.7383 13.4885 2.40507C13.5452 2.50087 13.606 2.53854 13.7211 2.53795C14.6551 2.53231 15.5891 2.53706 16.5231 2.53202C16.6438 2.53142 16.6809 2.56049 16.68 2.68566C16.6747 3.60988 16.6785 4.5338 16.675 5.45802C16.6747 5.55739 16.7017 5.61463 16.7909 5.66921C17.5283 6.11827 18.2594 6.57801 18.9986 7.0244C19.1202 7.09795 19.1104 7.14956 19.0466 7.2513C18.6254 7.92489 18.212 8.60322 17.789 9.27563C17.7164 9.39101 17.7161 9.47435 17.7884 9.5927C18.1948 10.2574 18.5878 10.9304 18.9941 11.5954C19.0641 11.7099 19.046 11.7549 18.9375 11.8187C18.2235 12.2399 17.5147 12.6691 16.8004 13.0897C16.7067 13.1448 16.6741 13.2042 16.6747 13.3112C16.6788 14.2206 16.675 15.1297 16.6797 16.0391C16.6803 16.161 16.6483 16.2002 16.5231 16.1984C16.0444 16.1922 15.5648 16.1963 15.0855 16.196ZM7.23819 8.98644C7.18806 9.03033 7.1584 9.05495 7.13052 9.08105C6.86447 9.33169 6.59871 9.58261 6.33325 9.83384C6.14668 10.0106 6.14461 10.0133 6.3196 10.1998C7.15128 11.0855 7.98504 11.9694 8.81553 12.8559C8.88138 12.9262 8.92943 12.9348 8.99201 12.8592C9.02019 12.8254 9.05727 12.7993 9.08989 12.7687C9.85365 12.0527 10.618 11.337 11.3815 10.6207C12.3036 9.75553 13.224 8.88885 14.1485 8.02603C14.2218 7.95781 14.2022 7.92518 14.1452 7.86557C13.8996 7.60811 13.6535 7.35096 13.4188 7.08401C13.3224 6.97427 13.2673 6.98524 13.1664 7.08045C11.8326 8.33717 10.4937 9.58854 9.1593 10.8447C9.07417 10.9247 9.03235 10.9221 8.95375 10.8375C8.40563 10.2482 7.85157 9.66418 7.30018 9.07749C7.27675 9.05317 7.26132 9.02114 7.23819 8.98644Z"
|
||||
fill="#3897EF"
|
||||
/>
|
||||
<path
|
||||
d="M7.23752 8.98774C7.26066 9.02244 7.27608 9.05448 7.29921 9.07909C7.8506 9.66548 8.40466 10.2498 8.95279 10.8391C9.03139 10.9237 9.07321 10.9263 9.15833 10.8463C10.4928 9.59014 11.8316 8.33906 13.1655 7.08205C13.2666 6.98684 13.3215 6.97557 13.4179 7.08561C13.6525 7.35285 13.8987 7.61001 14.1443 7.86717C14.2012 7.92678 14.2208 7.95941 14.1475 8.02763C13.223 8.89016 12.3026 9.75713 11.3805 10.6223C10.617 11.3386 9.85298 12.0543 9.08893 12.7703C9.0566 12.8006 9.01923 12.827 8.99105 12.8608C8.92847 12.9364 8.88041 12.9278 8.81457 12.8575C7.98378 11.971 7.15002 11.0871 6.31864 10.2014C6.14334 10.0149 6.14572 10.0119 6.33228 9.83544C6.59774 9.58421 6.8635 9.33328 7.12956 9.08265C7.15773 9.05626 7.18739 9.03164 7.23752 8.98774Z"
|
||||
fill="#FDFDFE"
|
||||
/>
|
||||
</svg>
|
||||
</span>
|
||||
</div>
|
||||
<div className="">
|
||||
<p className="text-xl font-bold tracking-wide text-dark-gray dark:text-white">
|
||||
Guy Hawkins
|
||||
</p>
|
||||
<p className="text-sm text-thin-light-gray tracking-wide">
|
||||
34.k followers
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="">
|
||||
<button
|
||||
type="button"
|
||||
className="w-[115px] overflow-hidden text-18 tracking-wide h-[52px] rounded-full text-gradient secondary-gradient relative justify-center items-center sm:flex hidden"
|
||||
>
|
||||
Following
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
className="text-base tracking-wide text-gradient sm:hidden flex"
|
||||
>
|
||||
Following
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div className="content-item flex justify-between mb-6">
|
||||
<div className="flex space-x-5 items-center">
|
||||
<div className="relative w-14 h-14 rounded-full">
|
||||
<img
|
||||
src={followerProfile}
|
||||
alt=""
|
||||
className="w-full h-full object-cover"
|
||||
/>
|
||||
<span className="absolute right-0 top-0">
|
||||
<svg
|
||||
width="20"
|
||||
height="19"
|
||||
viewBox="0 0 20 19"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M15.0855 16.196C14.6062 16.196 14.1265 16.1984 13.6472 16.1939C13.5565 16.193 13.5052 16.2236 13.4586 16.3004C13.0161 17.0244 12.5667 17.7443 12.128 18.4707C12.0631 18.578 12.0159 18.5712 11.9278 18.5164C11.2785 18.1127 10.6263 17.7134 9.97822 17.3074C9.89488 17.2552 9.83882 17.2543 9.75429 17.3056C9.08366 17.7126 8.408 18.1115 7.73737 18.5184C7.63831 18.5786 7.59767 18.5694 7.53717 18.4668C7.11213 17.744 6.6779 17.0262 6.2502 16.3049C6.20096 16.2215 6.14431 16.1936 6.04851 16.1939C5.1489 16.1975 4.2496 16.1963 3.34999 16.1957C3.12546 16.1957 3.15601 16.2144 3.15601 15.9943C3.15512 15.0802 3.15394 14.1658 3.15779 13.2516C3.15839 13.146 3.12962 13.0849 3.03559 13.0277C2.26472 12.5576 1.49918 12.0788 0.728303 11.6084C0.636059 11.5521 0.620636 11.518 0.679957 11.4227C1.10885 10.7367 1.52943 10.0453 1.95862 9.35957C2.01201 9.27444 2.00934 9.21957 1.95862 9.13593C1.57452 8.50327 1.19872 7.86557 0.814615 7.23321C0.758261 7.14066 0.777836 7.10596 0.863555 7.05524C1.5938 6.62309 2.32048 6.18471 3.05131 5.75315C3.13792 5.70213 3.15809 5.644 3.15779 5.55146C3.15483 4.60262 3.15839 3.65378 3.15335 2.70494C3.15275 2.57532 3.17856 2.52994 3.32033 2.53113C4.22468 2.53825 5.12903 2.5335 6.03368 2.53676C6.12859 2.53706 6.18138 2.51066 6.23299 2.42613C6.68977 1.67602 7.15425 0.930648 7.6131 0.181721C7.66856 0.0912566 7.70593 0.0607063 7.81449 0.128925C8.52872 0.577985 9.25006 1.01518 9.96547 1.46216C10.0589 1.5206 10.1256 1.52089 10.2176 1.46513C10.8333 1.09082 11.4535 0.724211 12.0684 0.34871C12.1817 0.279601 12.2303 0.287609 12.3009 0.408327C12.6913 1.07717 13.0947 1.7383 13.4885 2.40507C13.5452 2.50087 13.606 2.53854 13.7211 2.53795C14.6551 2.53231 15.5891 2.53706 16.5231 2.53202C16.6438 2.53142 16.6809 2.56049 16.68 2.68566C16.6747 3.60988 16.6785 4.5338 16.675 5.45802C16.6747 5.55739 16.7017 5.61463 16.7909 5.66921C17.5283 6.11827 18.2594 6.57801 18.9986 7.0244C19.1202 7.09795 19.1104 7.14956 19.0466 7.2513C18.6254 7.92489 18.212 8.60322 17.789 9.27563C17.7164 9.39101 17.7161 9.47435 17.7884 9.5927C18.1948 10.2574 18.5878 10.9304 18.9941 11.5954C19.0641 11.7099 19.046 11.7549 18.9375 11.8187C18.2235 12.2399 17.5147 12.6691 16.8004 13.0897C16.7067 13.1448 16.6741 13.2042 16.6747 13.3112C16.6788 14.2206 16.675 15.1297 16.6797 16.0391C16.6803 16.161 16.6483 16.2002 16.5231 16.1984C16.0444 16.1922 15.5648 16.1963 15.0855 16.196ZM7.23819 8.98644C7.18806 9.03033 7.1584 9.05495 7.13052 9.08105C6.86447 9.33169 6.59871 9.58261 6.33325 9.83384C6.14668 10.0106 6.14461 10.0133 6.3196 10.1998C7.15128 11.0855 7.98504 11.9694 8.81553 12.8559C8.88138 12.9262 8.92943 12.9348 8.99201 12.8592C9.02019 12.8254 9.05727 12.7993 9.08989 12.7687C9.85365 12.0527 10.618 11.337 11.3815 10.6207C12.3036 9.75553 13.224 8.88885 14.1485 8.02603C14.2218 7.95781 14.2022 7.92518 14.1452 7.86557C13.8996 7.60811 13.6535 7.35096 13.4188 7.08401C13.3224 6.97427 13.2673 6.98524 13.1664 7.08045C11.8326 8.33717 10.4937 9.58854 9.1593 10.8447C9.07417 10.9247 9.03235 10.9221 8.95375 10.8375C8.40563 10.2482 7.85157 9.66418 7.30018 9.07749C7.27675 9.05317 7.26132 9.02114 7.23819 8.98644Z"
|
||||
fill="#3897EF"
|
||||
/>
|
||||
<path
|
||||
d="M7.23752 8.98774C7.26066 9.02244 7.27608 9.05448 7.29921 9.07909C7.8506 9.66548 8.40466 10.2498 8.95279 10.8391C9.03139 10.9237 9.07321 10.9263 9.15833 10.8463C10.4928 9.59014 11.8316 8.33906 13.1655 7.08205C13.2666 6.98684 13.3215 6.97557 13.4179 7.08561C13.6525 7.35285 13.8987 7.61001 14.1443 7.86717C14.2012 7.92678 14.2208 7.95941 14.1475 8.02763C13.223 8.89016 12.3026 9.75713 11.3805 10.6223C10.617 11.3386 9.85298 12.0543 9.08893 12.7703C9.0566 12.8006 9.01923 12.827 8.99105 12.8608C8.92847 12.9364 8.88041 12.9278 8.81457 12.8575C7.98378 11.971 7.15002 11.0871 6.31864 10.2014C6.14334 10.0149 6.14572 10.0119 6.33228 9.83544C6.59774 9.58421 6.8635 9.33328 7.12956 9.08265C7.15773 9.05626 7.18739 9.03164 7.23752 8.98774Z"
|
||||
fill="#FDFDFE"
|
||||
/>
|
||||
</svg>
|
||||
</span>
|
||||
</div>
|
||||
<div className="">
|
||||
<p className="text-xl font-bold tracking-wide text-dark-gray dark:text-white">
|
||||
Jane Cooper
|
||||
</p>
|
||||
<p className="text-sm text-thin-light-gray tracking-wide">
|
||||
34.k followers
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="">
|
||||
<button
|
||||
type="button"
|
||||
className="w-[115px] overflow-hidden text-18 tracking-wide h-[52px] rounded-full text-white primary-gradient relative justify-center items-center sm:flex hidden"
|
||||
>
|
||||
Follow
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
className="text-base tracking-wide text-gradient sm:hidden block font-bold"
|
||||
>
|
||||
Follow
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div className="content-item flex justify-between mb-6">
|
||||
<div className="flex space-x-5 items-center">
|
||||
<div className="relative w-14 h-14 rounded-full">
|
||||
<img
|
||||
src={followerProfile}
|
||||
alt=""
|
||||
className="w-full h-full object-cover"
|
||||
/>
|
||||
<span className="absolute right-0 top-0">
|
||||
<svg
|
||||
width="20"
|
||||
height="19"
|
||||
viewBox="0 0 20 19"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M15.0855 16.196C14.6062 16.196 14.1265 16.1984 13.6472 16.1939C13.5565 16.193 13.5052 16.2236 13.4586 16.3004C13.0161 17.0244 12.5667 17.7443 12.128 18.4707C12.0631 18.578 12.0159 18.5712 11.9278 18.5164C11.2785 18.1127 10.6263 17.7134 9.97822 17.3074C9.89488 17.2552 9.83882 17.2543 9.75429 17.3056C9.08366 17.7126 8.408 18.1115 7.73737 18.5184C7.63831 18.5786 7.59767 18.5694 7.53717 18.4668C7.11213 17.744 6.6779 17.0262 6.2502 16.3049C6.20096 16.2215 6.14431 16.1936 6.04851 16.1939C5.1489 16.1975 4.2496 16.1963 3.34999 16.1957C3.12546 16.1957 3.15601 16.2144 3.15601 15.9943C3.15512 15.0802 3.15394 14.1658 3.15779 13.2516C3.15839 13.146 3.12962 13.0849 3.03559 13.0277C2.26472 12.5576 1.49918 12.0788 0.728303 11.6084C0.636059 11.5521 0.620636 11.518 0.679957 11.4227C1.10885 10.7367 1.52943 10.0453 1.95862 9.35957C2.01201 9.27444 2.00934 9.21957 1.95862 9.13593C1.57452 8.50327 1.19872 7.86557 0.814615 7.23321C0.758261 7.14066 0.777836 7.10596 0.863555 7.05524C1.5938 6.62309 2.32048 6.18471 3.05131 5.75315C3.13792 5.70213 3.15809 5.644 3.15779 5.55146C3.15483 4.60262 3.15839 3.65378 3.15335 2.70494C3.15275 2.57532 3.17856 2.52994 3.32033 2.53113C4.22468 2.53825 5.12903 2.5335 6.03368 2.53676C6.12859 2.53706 6.18138 2.51066 6.23299 2.42613C6.68977 1.67602 7.15425 0.930648 7.6131 0.181721C7.66856 0.0912566 7.70593 0.0607063 7.81449 0.128925C8.52872 0.577985 9.25006 1.01518 9.96547 1.46216C10.0589 1.5206 10.1256 1.52089 10.2176 1.46513C10.8333 1.09082 11.4535 0.724211 12.0684 0.34871C12.1817 0.279601 12.2303 0.287609 12.3009 0.408327C12.6913 1.07717 13.0947 1.7383 13.4885 2.40507C13.5452 2.50087 13.606 2.53854 13.7211 2.53795C14.6551 2.53231 15.5891 2.53706 16.5231 2.53202C16.6438 2.53142 16.6809 2.56049 16.68 2.68566C16.6747 3.60988 16.6785 4.5338 16.675 5.45802C16.6747 5.55739 16.7017 5.61463 16.7909 5.66921C17.5283 6.11827 18.2594 6.57801 18.9986 7.0244C19.1202 7.09795 19.1104 7.14956 19.0466 7.2513C18.6254 7.92489 18.212 8.60322 17.789 9.27563C17.7164 9.39101 17.7161 9.47435 17.7884 9.5927C18.1948 10.2574 18.5878 10.9304 18.9941 11.5954C19.0641 11.7099 19.046 11.7549 18.9375 11.8187C18.2235 12.2399 17.5147 12.6691 16.8004 13.0897C16.7067 13.1448 16.6741 13.2042 16.6747 13.3112C16.6788 14.2206 16.675 15.1297 16.6797 16.0391C16.6803 16.161 16.6483 16.2002 16.5231 16.1984C16.0444 16.1922 15.5648 16.1963 15.0855 16.196ZM7.23819 8.98644C7.18806 9.03033 7.1584 9.05495 7.13052 9.08105C6.86447 9.33169 6.59871 9.58261 6.33325 9.83384C6.14668 10.0106 6.14461 10.0133 6.3196 10.1998C7.15128 11.0855 7.98504 11.9694 8.81553 12.8559C8.88138 12.9262 8.92943 12.9348 8.99201 12.8592C9.02019 12.8254 9.05727 12.7993 9.08989 12.7687C9.85365 12.0527 10.618 11.337 11.3815 10.6207C12.3036 9.75553 13.224 8.88885 14.1485 8.02603C14.2218 7.95781 14.2022 7.92518 14.1452 7.86557C13.8996 7.60811 13.6535 7.35096 13.4188 7.08401C13.3224 6.97427 13.2673 6.98524 13.1664 7.08045C11.8326 8.33717 10.4937 9.58854 9.1593 10.8447C9.07417 10.9247 9.03235 10.9221 8.95375 10.8375C8.40563 10.2482 7.85157 9.66418 7.30018 9.07749C7.27675 9.05317 7.26132 9.02114 7.23819 8.98644Z"
|
||||
fill="#3897EF"
|
||||
/>
|
||||
<path
|
||||
d="M7.23752 8.98774C7.26066 9.02244 7.27608 9.05448 7.29921 9.07909C7.8506 9.66548 8.40466 10.2498 8.95279 10.8391C9.03139 10.9237 9.07321 10.9263 9.15833 10.8463C10.4928 9.59014 11.8316 8.33906 13.1655 7.08205C13.2666 6.98684 13.3215 6.97557 13.4179 7.08561C13.6525 7.35285 13.8987 7.61001 14.1443 7.86717C14.2012 7.92678 14.2208 7.95941 14.1475 8.02763C13.223 8.89016 12.3026 9.75713 11.3805 10.6223C10.617 11.3386 9.85298 12.0543 9.08893 12.7703C9.0566 12.8006 9.01923 12.827 8.99105 12.8608C8.92847 12.9364 8.88041 12.9278 8.81457 12.8575C7.98378 11.971 7.15002 11.0871 6.31864 10.2014C6.14334 10.0149 6.14572 10.0119 6.33228 9.83544C6.59774 9.58421 6.8635 9.33328 7.12956 9.08265C7.15773 9.05626 7.18739 9.03164 7.23752 8.98774Z"
|
||||
fill="#FDFDFE"
|
||||
/>
|
||||
</svg>
|
||||
</span>
|
||||
</div>
|
||||
<div className="">
|
||||
<p className="text-xl font-bold tracking-wide text-dark-gray dark:text-white">
|
||||
Eleanor Pena
|
||||
</p>
|
||||
<p className="text-sm text-thin-light-gray tracking-wide">
|
||||
34.k followers
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="">
|
||||
<button
|
||||
type="button"
|
||||
className="w-[115px] overflow-hidden text-18 tracking-wide h-[52px] rounded-full text-white primary-gradient relative justify-center items-center sm:flex hidden"
|
||||
>
|
||||
Follow
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
className="text-base tracking-wide text-gradient sm:hidden block font-bold"
|
||||
>
|
||||
Follow
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div className="content-item flex justify-between mb-6">
|
||||
<div className="flex space-x-5 items-center">
|
||||
<div className="relative w-14 h-14 rounded-full">
|
||||
<img
|
||||
src={followerProfile}
|
||||
alt=""
|
||||
className="w-full h-full object-cover"
|
||||
/>
|
||||
<span className="absolute right-0 top-0">
|
||||
<svg
|
||||
width="20"
|
||||
height="19"
|
||||
viewBox="0 0 20 19"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M15.0855 16.196C14.6062 16.196 14.1265 16.1984 13.6472 16.1939C13.5565 16.193 13.5052 16.2236 13.4586 16.3004C13.0161 17.0244 12.5667 17.7443 12.128 18.4707C12.0631 18.578 12.0159 18.5712 11.9278 18.5164C11.2785 18.1127 10.6263 17.7134 9.97822 17.3074C9.89488 17.2552 9.83882 17.2543 9.75429 17.3056C9.08366 17.7126 8.408 18.1115 7.73737 18.5184C7.63831 18.5786 7.59767 18.5694 7.53717 18.4668C7.11213 17.744 6.6779 17.0262 6.2502 16.3049C6.20096 16.2215 6.14431 16.1936 6.04851 16.1939C5.1489 16.1975 4.2496 16.1963 3.34999 16.1957C3.12546 16.1957 3.15601 16.2144 3.15601 15.9943C3.15512 15.0802 3.15394 14.1658 3.15779 13.2516C3.15839 13.146 3.12962 13.0849 3.03559 13.0277C2.26472 12.5576 1.49918 12.0788 0.728303 11.6084C0.636059 11.5521 0.620636 11.518 0.679957 11.4227C1.10885 10.7367 1.52943 10.0453 1.95862 9.35957C2.01201 9.27444 2.00934 9.21957 1.95862 9.13593C1.57452 8.50327 1.19872 7.86557 0.814615 7.23321C0.758261 7.14066 0.777836 7.10596 0.863555 7.05524C1.5938 6.62309 2.32048 6.18471 3.05131 5.75315C3.13792 5.70213 3.15809 5.644 3.15779 5.55146C3.15483 4.60262 3.15839 3.65378 3.15335 2.70494C3.15275 2.57532 3.17856 2.52994 3.32033 2.53113C4.22468 2.53825 5.12903 2.5335 6.03368 2.53676C6.12859 2.53706 6.18138 2.51066 6.23299 2.42613C6.68977 1.67602 7.15425 0.930648 7.6131 0.181721C7.66856 0.0912566 7.70593 0.0607063 7.81449 0.128925C8.52872 0.577985 9.25006 1.01518 9.96547 1.46216C10.0589 1.5206 10.1256 1.52089 10.2176 1.46513C10.8333 1.09082 11.4535 0.724211 12.0684 0.34871C12.1817 0.279601 12.2303 0.287609 12.3009 0.408327C12.6913 1.07717 13.0947 1.7383 13.4885 2.40507C13.5452 2.50087 13.606 2.53854 13.7211 2.53795C14.6551 2.53231 15.5891 2.53706 16.5231 2.53202C16.6438 2.53142 16.6809 2.56049 16.68 2.68566C16.6747 3.60988 16.6785 4.5338 16.675 5.45802C16.6747 5.55739 16.7017 5.61463 16.7909 5.66921C17.5283 6.11827 18.2594 6.57801 18.9986 7.0244C19.1202 7.09795 19.1104 7.14956 19.0466 7.2513C18.6254 7.92489 18.212 8.60322 17.789 9.27563C17.7164 9.39101 17.7161 9.47435 17.7884 9.5927C18.1948 10.2574 18.5878 10.9304 18.9941 11.5954C19.0641 11.7099 19.046 11.7549 18.9375 11.8187C18.2235 12.2399 17.5147 12.6691 16.8004 13.0897C16.7067 13.1448 16.6741 13.2042 16.6747 13.3112C16.6788 14.2206 16.675 15.1297 16.6797 16.0391C16.6803 16.161 16.6483 16.2002 16.5231 16.1984C16.0444 16.1922 15.5648 16.1963 15.0855 16.196ZM7.23819 8.98644C7.18806 9.03033 7.1584 9.05495 7.13052 9.08105C6.86447 9.33169 6.59871 9.58261 6.33325 9.83384C6.14668 10.0106 6.14461 10.0133 6.3196 10.1998C7.15128 11.0855 7.98504 11.9694 8.81553 12.8559C8.88138 12.9262 8.92943 12.9348 8.99201 12.8592C9.02019 12.8254 9.05727 12.7993 9.08989 12.7687C9.85365 12.0527 10.618 11.337 11.3815 10.6207C12.3036 9.75553 13.224 8.88885 14.1485 8.02603C14.2218 7.95781 14.2022 7.92518 14.1452 7.86557C13.8996 7.60811 13.6535 7.35096 13.4188 7.08401C13.3224 6.97427 13.2673 6.98524 13.1664 7.08045C11.8326 8.33717 10.4937 9.58854 9.1593 10.8447C9.07417 10.9247 9.03235 10.9221 8.95375 10.8375C8.40563 10.2482 7.85157 9.66418 7.30018 9.07749C7.27675 9.05317 7.26132 9.02114 7.23819 8.98644Z"
|
||||
fill="#3897EF"
|
||||
/>
|
||||
<path
|
||||
d="M7.23752 8.98774C7.26066 9.02244 7.27608 9.05448 7.29921 9.07909C7.8506 9.66548 8.40466 10.2498 8.95279 10.8391C9.03139 10.9237 9.07321 10.9263 9.15833 10.8463C10.4928 9.59014 11.8316 8.33906 13.1655 7.08205C13.2666 6.98684 13.3215 6.97557 13.4179 7.08561C13.6525 7.35285 13.8987 7.61001 14.1443 7.86717C14.2012 7.92678 14.2208 7.95941 14.1475 8.02763C13.223 8.89016 12.3026 9.75713 11.3805 10.6223C10.617 11.3386 9.85298 12.0543 9.08893 12.7703C9.0566 12.8006 9.01923 12.827 8.99105 12.8608C8.92847 12.9364 8.88041 12.9278 8.81457 12.8575C7.98378 11.971 7.15002 11.0871 6.31864 10.2014C6.14334 10.0149 6.14572 10.0119 6.33228 9.83544C6.59774 9.58421 6.8635 9.33328 7.12956 9.08265C7.15773 9.05626 7.18739 9.03164 7.23752 8.98774Z"
|
||||
fill="#FDFDFE"
|
||||
/>
|
||||
</svg>
|
||||
</span>
|
||||
</div>
|
||||
<div className="">
|
||||
<p className="text-xl font-bold tracking-wide text-dark-gray dark:text-white">
|
||||
Eleanor Pena
|
||||
</p>
|
||||
<p className="text-sm text-thin-light-gray tracking-wide">
|
||||
34.k followers
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="">
|
||||
<button
|
||||
type="button"
|
||||
className="w-[115px] overflow-hidden text-18 tracking-wide h-[52px] rounded-full text-white primary-gradient relative justify-center items-center sm:flex hidden"
|
||||
>
|
||||
Follow
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
className="text-base tracking-wide text-gradient sm:hidden block font-bold"
|
||||
>
|
||||
Follow
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div className="content-item flex justify-between mb-6">
|
||||
<div className="flex space-x-5 items-center">
|
||||
<div className="relative w-14 h-14 rounded-full">
|
||||
<img
|
||||
src={followerProfile}
|
||||
alt=""
|
||||
className="w-full h-full object-cover"
|
||||
/>
|
||||
<span className="absolute right-0 top-0">
|
||||
<svg
|
||||
width="20"
|
||||
height="19"
|
||||
viewBox="0 0 20 19"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M15.0855 16.196C14.6062 16.196 14.1265 16.1984 13.6472 16.1939C13.5565 16.193 13.5052 16.2236 13.4586 16.3004C13.0161 17.0244 12.5667 17.7443 12.128 18.4707C12.0631 18.578 12.0159 18.5712 11.9278 18.5164C11.2785 18.1127 10.6263 17.7134 9.97822 17.3074C9.89488 17.2552 9.83882 17.2543 9.75429 17.3056C9.08366 17.7126 8.408 18.1115 7.73737 18.5184C7.63831 18.5786 7.59767 18.5694 7.53717 18.4668C7.11213 17.744 6.6779 17.0262 6.2502 16.3049C6.20096 16.2215 6.14431 16.1936 6.04851 16.1939C5.1489 16.1975 4.2496 16.1963 3.34999 16.1957C3.12546 16.1957 3.15601 16.2144 3.15601 15.9943C3.15512 15.0802 3.15394 14.1658 3.15779 13.2516C3.15839 13.146 3.12962 13.0849 3.03559 13.0277C2.26472 12.5576 1.49918 12.0788 0.728303 11.6084C0.636059 11.5521 0.620636 11.518 0.679957 11.4227C1.10885 10.7367 1.52943 10.0453 1.95862 9.35957C2.01201 9.27444 2.00934 9.21957 1.95862 9.13593C1.57452 8.50327 1.19872 7.86557 0.814615 7.23321C0.758261 7.14066 0.777836 7.10596 0.863555 7.05524C1.5938 6.62309 2.32048 6.18471 3.05131 5.75315C3.13792 5.70213 3.15809 5.644 3.15779 5.55146C3.15483 4.60262 3.15839 3.65378 3.15335 2.70494C3.15275 2.57532 3.17856 2.52994 3.32033 2.53113C4.22468 2.53825 5.12903 2.5335 6.03368 2.53676C6.12859 2.53706 6.18138 2.51066 6.23299 2.42613C6.68977 1.67602 7.15425 0.930648 7.6131 0.181721C7.66856 0.0912566 7.70593 0.0607063 7.81449 0.128925C8.52872 0.577985 9.25006 1.01518 9.96547 1.46216C10.0589 1.5206 10.1256 1.52089 10.2176 1.46513C10.8333 1.09082 11.4535 0.724211 12.0684 0.34871C12.1817 0.279601 12.2303 0.287609 12.3009 0.408327C12.6913 1.07717 13.0947 1.7383 13.4885 2.40507C13.5452 2.50087 13.606 2.53854 13.7211 2.53795C14.6551 2.53231 15.5891 2.53706 16.5231 2.53202C16.6438 2.53142 16.6809 2.56049 16.68 2.68566C16.6747 3.60988 16.6785 4.5338 16.675 5.45802C16.6747 5.55739 16.7017 5.61463 16.7909 5.66921C17.5283 6.11827 18.2594 6.57801 18.9986 7.0244C19.1202 7.09795 19.1104 7.14956 19.0466 7.2513C18.6254 7.92489 18.212 8.60322 17.789 9.27563C17.7164 9.39101 17.7161 9.47435 17.7884 9.5927C18.1948 10.2574 18.5878 10.9304 18.9941 11.5954C19.0641 11.7099 19.046 11.7549 18.9375 11.8187C18.2235 12.2399 17.5147 12.6691 16.8004 13.0897C16.7067 13.1448 16.6741 13.2042 16.6747 13.3112C16.6788 14.2206 16.675 15.1297 16.6797 16.0391C16.6803 16.161 16.6483 16.2002 16.5231 16.1984C16.0444 16.1922 15.5648 16.1963 15.0855 16.196ZM7.23819 8.98644C7.18806 9.03033 7.1584 9.05495 7.13052 9.08105C6.86447 9.33169 6.59871 9.58261 6.33325 9.83384C6.14668 10.0106 6.14461 10.0133 6.3196 10.1998C7.15128 11.0855 7.98504 11.9694 8.81553 12.8559C8.88138 12.9262 8.92943 12.9348 8.99201 12.8592C9.02019 12.8254 9.05727 12.7993 9.08989 12.7687C9.85365 12.0527 10.618 11.337 11.3815 10.6207C12.3036 9.75553 13.224 8.88885 14.1485 8.02603C14.2218 7.95781 14.2022 7.92518 14.1452 7.86557C13.8996 7.60811 13.6535 7.35096 13.4188 7.08401C13.3224 6.97427 13.2673 6.98524 13.1664 7.08045C11.8326 8.33717 10.4937 9.58854 9.1593 10.8447C9.07417 10.9247 9.03235 10.9221 8.95375 10.8375C8.40563 10.2482 7.85157 9.66418 7.30018 9.07749C7.27675 9.05317 7.26132 9.02114 7.23819 8.98644Z"
|
||||
fill="#3897EF"
|
||||
/>
|
||||
<path
|
||||
d="M7.23752 8.98774C7.26066 9.02244 7.27608 9.05448 7.29921 9.07909C7.8506 9.66548 8.40466 10.2498 8.95279 10.8391C9.03139 10.9237 9.07321 10.9263 9.15833 10.8463C10.4928 9.59014 11.8316 8.33906 13.1655 7.08205C13.2666 6.98684 13.3215 6.97557 13.4179 7.08561C13.6525 7.35285 13.8987 7.61001 14.1443 7.86717C14.2012 7.92678 14.2208 7.95941 14.1475 8.02763C13.223 8.89016 12.3026 9.75713 11.3805 10.6223C10.617 11.3386 9.85298 12.0543 9.08893 12.7703C9.0566 12.8006 9.01923 12.827 8.99105 12.8608C8.92847 12.9364 8.88041 12.9278 8.81457 12.8575C7.98378 11.971 7.15002 11.0871 6.31864 10.2014C6.14334 10.0149 6.14572 10.0119 6.33228 9.83544C6.59774 9.58421 6.8635 9.33328 7.12956 9.08265C7.15773 9.05626 7.18739 9.03164 7.23752 8.98774Z"
|
||||
fill="#FDFDFE"
|
||||
/>
|
||||
</svg>
|
||||
</span>
|
||||
</div>
|
||||
<div className="">
|
||||
<p className="text-xl font-bold tracking-wide text-dark-gray dark:text-white">
|
||||
Robert Fox
|
||||
</p>
|
||||
<p className="text-sm text-thin-light-gray tracking-wide">
|
||||
34.k followers
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="">
|
||||
<button
|
||||
type="button"
|
||||
className="w-[115px] overflow-hidden text-18 tracking-wide h-[52px] rounded-full text-white primary-gradient relative justify-center items-center sm:flex hidden"
|
||||
>
|
||||
Follow
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
className="text-base tracking-wide text-gradient sm:hidden block font-bold"
|
||||
>
|
||||
Follow
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div className="content-item flex justify-between mb-6">
|
||||
<div className="flex space-x-5 items-center">
|
||||
<div className="relative w-14 h-14 rounded-full">
|
||||
<img
|
||||
src={followerProfile}
|
||||
alt=""
|
||||
className="w-full h-full object-cover"
|
||||
/>
|
||||
<span className="absolute right-0 top-0">
|
||||
<svg
|
||||
width="20"
|
||||
height="19"
|
||||
viewBox="0 0 20 19"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M15.0855 16.196C14.6062 16.196 14.1265 16.1984 13.6472 16.1939C13.5565 16.193 13.5052 16.2236 13.4586 16.3004C13.0161 17.0244 12.5667 17.7443 12.128 18.4707C12.0631 18.578 12.0159 18.5712 11.9278 18.5164C11.2785 18.1127 10.6263 17.7134 9.97822 17.3074C9.89488 17.2552 9.83882 17.2543 9.75429 17.3056C9.08366 17.7126 8.408 18.1115 7.73737 18.5184C7.63831 18.5786 7.59767 18.5694 7.53717 18.4668C7.11213 17.744 6.6779 17.0262 6.2502 16.3049C6.20096 16.2215 6.14431 16.1936 6.04851 16.1939C5.1489 16.1975 4.2496 16.1963 3.34999 16.1957C3.12546 16.1957 3.15601 16.2144 3.15601 15.9943C3.15512 15.0802 3.15394 14.1658 3.15779 13.2516C3.15839 13.146 3.12962 13.0849 3.03559 13.0277C2.26472 12.5576 1.49918 12.0788 0.728303 11.6084C0.636059 11.5521 0.620636 11.518 0.679957 11.4227C1.10885 10.7367 1.52943 10.0453 1.95862 9.35957C2.01201 9.27444 2.00934 9.21957 1.95862 9.13593C1.57452 8.50327 1.19872 7.86557 0.814615 7.23321C0.758261 7.14066 0.777836 7.10596 0.863555 7.05524C1.5938 6.62309 2.32048 6.18471 3.05131 5.75315C3.13792 5.70213 3.15809 5.644 3.15779 5.55146C3.15483 4.60262 3.15839 3.65378 3.15335 2.70494C3.15275 2.57532 3.17856 2.52994 3.32033 2.53113C4.22468 2.53825 5.12903 2.5335 6.03368 2.53676C6.12859 2.53706 6.18138 2.51066 6.23299 2.42613C6.68977 1.67602 7.15425 0.930648 7.6131 0.181721C7.66856 0.0912566 7.70593 0.0607063 7.81449 0.128925C8.52872 0.577985 9.25006 1.01518 9.96547 1.46216C10.0589 1.5206 10.1256 1.52089 10.2176 1.46513C10.8333 1.09082 11.4535 0.724211 12.0684 0.34871C12.1817 0.279601 12.2303 0.287609 12.3009 0.408327C12.6913 1.07717 13.0947 1.7383 13.4885 2.40507C13.5452 2.50087 13.606 2.53854 13.7211 2.53795C14.6551 2.53231 15.5891 2.53706 16.5231 2.53202C16.6438 2.53142 16.6809 2.56049 16.68 2.68566C16.6747 3.60988 16.6785 4.5338 16.675 5.45802C16.6747 5.55739 16.7017 5.61463 16.7909 5.66921C17.5283 6.11827 18.2594 6.57801 18.9986 7.0244C19.1202 7.09795 19.1104 7.14956 19.0466 7.2513C18.6254 7.92489 18.212 8.60322 17.789 9.27563C17.7164 9.39101 17.7161 9.47435 17.7884 9.5927C18.1948 10.2574 18.5878 10.9304 18.9941 11.5954C19.0641 11.7099 19.046 11.7549 18.9375 11.8187C18.2235 12.2399 17.5147 12.6691 16.8004 13.0897C16.7067 13.1448 16.6741 13.2042 16.6747 13.3112C16.6788 14.2206 16.675 15.1297 16.6797 16.0391C16.6803 16.161 16.6483 16.2002 16.5231 16.1984C16.0444 16.1922 15.5648 16.1963 15.0855 16.196ZM7.23819 8.98644C7.18806 9.03033 7.1584 9.05495 7.13052 9.08105C6.86447 9.33169 6.59871 9.58261 6.33325 9.83384C6.14668 10.0106 6.14461 10.0133 6.3196 10.1998C7.15128 11.0855 7.98504 11.9694 8.81553 12.8559C8.88138 12.9262 8.92943 12.9348 8.99201 12.8592C9.02019 12.8254 9.05727 12.7993 9.08989 12.7687C9.85365 12.0527 10.618 11.337 11.3815 10.6207C12.3036 9.75553 13.224 8.88885 14.1485 8.02603C14.2218 7.95781 14.2022 7.92518 14.1452 7.86557C13.8996 7.60811 13.6535 7.35096 13.4188 7.08401C13.3224 6.97427 13.2673 6.98524 13.1664 7.08045C11.8326 8.33717 10.4937 9.58854 9.1593 10.8447C9.07417 10.9247 9.03235 10.9221 8.95375 10.8375C8.40563 10.2482 7.85157 9.66418 7.30018 9.07749C7.27675 9.05317 7.26132 9.02114 7.23819 8.98644Z"
|
||||
fill="#3897EF"
|
||||
/>
|
||||
<path
|
||||
d="M7.23752 8.98774C7.26066 9.02244 7.27608 9.05448 7.29921 9.07909C7.8506 9.66548 8.40466 10.2498 8.95279 10.8391C9.03139 10.9237 9.07321 10.9263 9.15833 10.8463C10.4928 9.59014 11.8316 8.33906 13.1655 7.08205C13.2666 6.98684 13.3215 6.97557 13.4179 7.08561C13.6525 7.35285 13.8987 7.61001 14.1443 7.86717C14.2012 7.92678 14.2208 7.95941 14.1475 8.02763C13.223 8.89016 12.3026 9.75713 11.3805 10.6223C10.617 11.3386 9.85298 12.0543 9.08893 12.7703C9.0566 12.8006 9.01923 12.827 8.99105 12.8608C8.92847 12.9364 8.88041 12.9278 8.81457 12.8575C7.98378 11.971 7.15002 11.0871 6.31864 10.2014C6.14334 10.0149 6.14572 10.0119 6.33228 9.83544C6.59774 9.58421 6.8635 9.33328 7.12956 9.08265C7.15773 9.05626 7.18739 9.03164 7.23752 8.98774Z"
|
||||
fill="#FDFDFE"
|
||||
/>
|
||||
</svg>
|
||||
</span>
|
||||
</div>
|
||||
<div className="">
|
||||
<p className="text-xl font-bold tracking-wide text-dark-gray dark:text-white">
|
||||
Jacob Jones
|
||||
</p>
|
||||
<p className="text-sm text-thin-light-gray tracking-wide">
|
||||
34.k followers
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="">
|
||||
<button
|
||||
type="button"
|
||||
className="w-[115px] overflow-hidden text-18 tracking-wide h-[52px] rounded-full text-white primary-gradient relative justify-center items-center sm:flex hidden"
|
||||
>
|
||||
Follow
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
className="text-base tracking-wide text-gradient sm:hidden block font-bold"
|
||||
>
|
||||
Follow
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div className="content-item flex justify-between mb-6">
|
||||
<div className="flex space-x-5 items-center">
|
||||
<div className="relative w-14 h-14 rounded-full">
|
||||
<img
|
||||
src={followerProfile}
|
||||
alt=""
|
||||
className="w-full h-full object-cover"
|
||||
/>
|
||||
<span className="absolute right-0 top-0">
|
||||
<svg
|
||||
width="20"
|
||||
height="19"
|
||||
viewBox="0 0 20 19"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M15.0855 16.196C14.6062 16.196 14.1265 16.1984 13.6472 16.1939C13.5565 16.193 13.5052 16.2236 13.4586 16.3004C13.0161 17.0244 12.5667 17.7443 12.128 18.4707C12.0631 18.578 12.0159 18.5712 11.9278 18.5164C11.2785 18.1127 10.6263 17.7134 9.97822 17.3074C9.89488 17.2552 9.83882 17.2543 9.75429 17.3056C9.08366 17.7126 8.408 18.1115 7.73737 18.5184C7.63831 18.5786 7.59767 18.5694 7.53717 18.4668C7.11213 17.744 6.6779 17.0262 6.2502 16.3049C6.20096 16.2215 6.14431 16.1936 6.04851 16.1939C5.1489 16.1975 4.2496 16.1963 3.34999 16.1957C3.12546 16.1957 3.15601 16.2144 3.15601 15.9943C3.15512 15.0802 3.15394 14.1658 3.15779 13.2516C3.15839 13.146 3.12962 13.0849 3.03559 13.0277C2.26472 12.5576 1.49918 12.0788 0.728303 11.6084C0.636059 11.5521 0.620636 11.518 0.679957 11.4227C1.10885 10.7367 1.52943 10.0453 1.95862 9.35957C2.01201 9.27444 2.00934 9.21957 1.95862 9.13593C1.57452 8.50327 1.19872 7.86557 0.814615 7.23321C0.758261 7.14066 0.777836 7.10596 0.863555 7.05524C1.5938 6.62309 2.32048 6.18471 3.05131 5.75315C3.13792 5.70213 3.15809 5.644 3.15779 5.55146C3.15483 4.60262 3.15839 3.65378 3.15335 2.70494C3.15275 2.57532 3.17856 2.52994 3.32033 2.53113C4.22468 2.53825 5.12903 2.5335 6.03368 2.53676C6.12859 2.53706 6.18138 2.51066 6.23299 2.42613C6.68977 1.67602 7.15425 0.930648 7.6131 0.181721C7.66856 0.0912566 7.70593 0.0607063 7.81449 0.128925C8.52872 0.577985 9.25006 1.01518 9.96547 1.46216C10.0589 1.5206 10.1256 1.52089 10.2176 1.46513C10.8333 1.09082 11.4535 0.724211 12.0684 0.34871C12.1817 0.279601 12.2303 0.287609 12.3009 0.408327C12.6913 1.07717 13.0947 1.7383 13.4885 2.40507C13.5452 2.50087 13.606 2.53854 13.7211 2.53795C14.6551 2.53231 15.5891 2.53706 16.5231 2.53202C16.6438 2.53142 16.6809 2.56049 16.68 2.68566C16.6747 3.60988 16.6785 4.5338 16.675 5.45802C16.6747 5.55739 16.7017 5.61463 16.7909 5.66921C17.5283 6.11827 18.2594 6.57801 18.9986 7.0244C19.1202 7.09795 19.1104 7.14956 19.0466 7.2513C18.6254 7.92489 18.212 8.60322 17.789 9.27563C17.7164 9.39101 17.7161 9.47435 17.7884 9.5927C18.1948 10.2574 18.5878 10.9304 18.9941 11.5954C19.0641 11.7099 19.046 11.7549 18.9375 11.8187C18.2235 12.2399 17.5147 12.6691 16.8004 13.0897C16.7067 13.1448 16.6741 13.2042 16.6747 13.3112C16.6788 14.2206 16.675 15.1297 16.6797 16.0391C16.6803 16.161 16.6483 16.2002 16.5231 16.1984C16.0444 16.1922 15.5648 16.1963 15.0855 16.196ZM7.23819 8.98644C7.18806 9.03033 7.1584 9.05495 7.13052 9.08105C6.86447 9.33169 6.59871 9.58261 6.33325 9.83384C6.14668 10.0106 6.14461 10.0133 6.3196 10.1998C7.15128 11.0855 7.98504 11.9694 8.81553 12.8559C8.88138 12.9262 8.92943 12.9348 8.99201 12.8592C9.02019 12.8254 9.05727 12.7993 9.08989 12.7687C9.85365 12.0527 10.618 11.337 11.3815 10.6207C12.3036 9.75553 13.224 8.88885 14.1485 8.02603C14.2218 7.95781 14.2022 7.92518 14.1452 7.86557C13.8996 7.60811 13.6535 7.35096 13.4188 7.08401C13.3224 6.97427 13.2673 6.98524 13.1664 7.08045C11.8326 8.33717 10.4937 9.58854 9.1593 10.8447C9.07417 10.9247 9.03235 10.9221 8.95375 10.8375C8.40563 10.2482 7.85157 9.66418 7.30018 9.07749C7.27675 9.05317 7.26132 9.02114 7.23819 8.98644Z"
|
||||
fill="#3897EF"
|
||||
/>
|
||||
<path
|
||||
d="M7.23752 8.98774C7.26066 9.02244 7.27608 9.05448 7.29921 9.07909C7.8506 9.66548 8.40466 10.2498 8.95279 10.8391C9.03139 10.9237 9.07321 10.9263 9.15833 10.8463C10.4928 9.59014 11.8316 8.33906 13.1655 7.08205C13.2666 6.98684 13.3215 6.97557 13.4179 7.08561C13.6525 7.35285 13.8987 7.61001 14.1443 7.86717C14.2012 7.92678 14.2208 7.95941 14.1475 8.02763C13.223 8.89016 12.3026 9.75713 11.3805 10.6223C10.617 11.3386 9.85298 12.0543 9.08893 12.7703C9.0566 12.8006 9.01923 12.827 8.99105 12.8608C8.92847 12.9364 8.88041 12.9278 8.81457 12.8575C7.98378 11.971 7.15002 11.0871 6.31864 10.2014C6.14334 10.0149 6.14572 10.0119 6.33228 9.83544C6.59774 9.58421 6.8635 9.33328 7.12956 9.08265C7.15773 9.05626 7.18739 9.03164 7.23752 8.98774Z"
|
||||
fill="#FDFDFE"
|
||||
/>
|
||||
</svg>
|
||||
</span>
|
||||
</div>
|
||||
<div className="">
|
||||
<p className="text-xl font-bold tracking-wide text-dark-gray dark:text-white">
|
||||
Robert Fox
|
||||
</p>
|
||||
<p className="text-sm text-thin-light-gray tracking-wide">
|
||||
34.k followers
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="">
|
||||
<button
|
||||
type="button"
|
||||
className="w-[115px] overflow-hidden text-18 tracking-wide h-[52px] rounded-full text-white primary-gradient relative justify-center items-center sm:flex hidden"
|
||||
>
|
||||
Follow
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
className="text-base tracking-wide text-gradient sm:hidden block font-bold"
|
||||
>
|
||||
Follow
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div className="content-item flex justify-between mb-6">
|
||||
<div className="flex space-x-5 items-center">
|
||||
<div className="relative w-14 h-14 rounded-full">
|
||||
<img
|
||||
src={followerProfile}
|
||||
alt=""
|
||||
className="w-full h-full object-cover"
|
||||
/>
|
||||
<span className="absolute right-0 top-0">
|
||||
<svg
|
||||
width="20"
|
||||
height="19"
|
||||
viewBox="0 0 20 19"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M15.0855 16.196C14.6062 16.196 14.1265 16.1984 13.6472 16.1939C13.5565 16.193 13.5052 16.2236 13.4586 16.3004C13.0161 17.0244 12.5667 17.7443 12.128 18.4707C12.0631 18.578 12.0159 18.5712 11.9278 18.5164C11.2785 18.1127 10.6263 17.7134 9.97822 17.3074C9.89488 17.2552 9.83882 17.2543 9.75429 17.3056C9.08366 17.7126 8.408 18.1115 7.73737 18.5184C7.63831 18.5786 7.59767 18.5694 7.53717 18.4668C7.11213 17.744 6.6779 17.0262 6.2502 16.3049C6.20096 16.2215 6.14431 16.1936 6.04851 16.1939C5.1489 16.1975 4.2496 16.1963 3.34999 16.1957C3.12546 16.1957 3.15601 16.2144 3.15601 15.9943C3.15512 15.0802 3.15394 14.1658 3.15779 13.2516C3.15839 13.146 3.12962 13.0849 3.03559 13.0277C2.26472 12.5576 1.49918 12.0788 0.728303 11.6084C0.636059 11.5521 0.620636 11.518 0.679957 11.4227C1.10885 10.7367 1.52943 10.0453 1.95862 9.35957C2.01201 9.27444 2.00934 9.21957 1.95862 9.13593C1.57452 8.50327 1.19872 7.86557 0.814615 7.23321C0.758261 7.14066 0.777836 7.10596 0.863555 7.05524C1.5938 6.62309 2.32048 6.18471 3.05131 5.75315C3.13792 5.70213 3.15809 5.644 3.15779 5.55146C3.15483 4.60262 3.15839 3.65378 3.15335 2.70494C3.15275 2.57532 3.17856 2.52994 3.32033 2.53113C4.22468 2.53825 5.12903 2.5335 6.03368 2.53676C6.12859 2.53706 6.18138 2.51066 6.23299 2.42613C6.68977 1.67602 7.15425 0.930648 7.6131 0.181721C7.66856 0.0912566 7.70593 0.0607063 7.81449 0.128925C8.52872 0.577985 9.25006 1.01518 9.96547 1.46216C10.0589 1.5206 10.1256 1.52089 10.2176 1.46513C10.8333 1.09082 11.4535 0.724211 12.0684 0.34871C12.1817 0.279601 12.2303 0.287609 12.3009 0.408327C12.6913 1.07717 13.0947 1.7383 13.4885 2.40507C13.5452 2.50087 13.606 2.53854 13.7211 2.53795C14.6551 2.53231 15.5891 2.53706 16.5231 2.53202C16.6438 2.53142 16.6809 2.56049 16.68 2.68566C16.6747 3.60988 16.6785 4.5338 16.675 5.45802C16.6747 5.55739 16.7017 5.61463 16.7909 5.66921C17.5283 6.11827 18.2594 6.57801 18.9986 7.0244C19.1202 7.09795 19.1104 7.14956 19.0466 7.2513C18.6254 7.92489 18.212 8.60322 17.789 9.27563C17.7164 9.39101 17.7161 9.47435 17.7884 9.5927C18.1948 10.2574 18.5878 10.9304 18.9941 11.5954C19.0641 11.7099 19.046 11.7549 18.9375 11.8187C18.2235 12.2399 17.5147 12.6691 16.8004 13.0897C16.7067 13.1448 16.6741 13.2042 16.6747 13.3112C16.6788 14.2206 16.675 15.1297 16.6797 16.0391C16.6803 16.161 16.6483 16.2002 16.5231 16.1984C16.0444 16.1922 15.5648 16.1963 15.0855 16.196ZM7.23819 8.98644C7.18806 9.03033 7.1584 9.05495 7.13052 9.08105C6.86447 9.33169 6.59871 9.58261 6.33325 9.83384C6.14668 10.0106 6.14461 10.0133 6.3196 10.1998C7.15128 11.0855 7.98504 11.9694 8.81553 12.8559C8.88138 12.9262 8.92943 12.9348 8.99201 12.8592C9.02019 12.8254 9.05727 12.7993 9.08989 12.7687C9.85365 12.0527 10.618 11.337 11.3815 10.6207C12.3036 9.75553 13.224 8.88885 14.1485 8.02603C14.2218 7.95781 14.2022 7.92518 14.1452 7.86557C13.8996 7.60811 13.6535 7.35096 13.4188 7.08401C13.3224 6.97427 13.2673 6.98524 13.1664 7.08045C11.8326 8.33717 10.4937 9.58854 9.1593 10.8447C9.07417 10.9247 9.03235 10.9221 8.95375 10.8375C8.40563 10.2482 7.85157 9.66418 7.30018 9.07749C7.27675 9.05317 7.26132 9.02114 7.23819 8.98644Z"
|
||||
fill="#3897EF"
|
||||
/>
|
||||
<path
|
||||
d="M7.23752 8.98774C7.26066 9.02244 7.27608 9.05448 7.29921 9.07909C7.8506 9.66548 8.40466 10.2498 8.95279 10.8391C9.03139 10.9237 9.07321 10.9263 9.15833 10.8463C10.4928 9.59014 11.8316 8.33906 13.1655 7.08205C13.2666 6.98684 13.3215 6.97557 13.4179 7.08561C13.6525 7.35285 13.8987 7.61001 14.1443 7.86717C14.2012 7.92678 14.2208 7.95941 14.1475 8.02763C13.223 8.89016 12.3026 9.75713 11.3805 10.6223C10.617 11.3386 9.85298 12.0543 9.08893 12.7703C9.0566 12.8006 9.01923 12.827 8.99105 12.8608C8.92847 12.9364 8.88041 12.9278 8.81457 12.8575C7.98378 11.971 7.15002 11.0871 6.31864 10.2014C6.14334 10.0149 6.14572 10.0119 6.33228 9.83544C6.59774 9.58421 6.8635 9.33328 7.12956 9.08265C7.15773 9.05626 7.18739 9.03164 7.23752 8.98774Z"
|
||||
fill="#FDFDFE"
|
||||
/>
|
||||
</svg>
|
||||
</span>
|
||||
</div>
|
||||
<div className="">
|
||||
<p className="text-xl font-bold tracking-wide text-dark-gray dark:text-white">
|
||||
Wade Warren
|
||||
</p>
|
||||
<p className="text-sm text-thin-light-gray tracking-wide">
|
||||
34.k followers
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="">
|
||||
<button
|
||||
type="button"
|
||||
className="w-[115px] overflow-hidden text-18 tracking-wide h-[52px] rounded-full text-white primary-gradient relative justify-center items-center sm:flex hidden"
|
||||
>
|
||||
Follow
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
className="text-base tracking-wide text-gradient sm:hidden block font-bold"
|
||||
>
|
||||
Follow
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div className="content-item flex justify-between mb-6">
|
||||
<div className="flex space-x-5 items-center">
|
||||
<div className="relative w-14 h-14 rounded-full">
|
||||
<img
|
||||
src={followerProfile}
|
||||
alt=""
|
||||
className="w-full h-full object-cover"
|
||||
/>
|
||||
<span className="absolute right-0 top-0">
|
||||
<svg
|
||||
width="20"
|
||||
height="19"
|
||||
viewBox="0 0 20 19"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M15.0855 16.196C14.6062 16.196 14.1265 16.1984 13.6472 16.1939C13.5565 16.193 13.5052 16.2236 13.4586 16.3004C13.0161 17.0244 12.5667 17.7443 12.128 18.4707C12.0631 18.578 12.0159 18.5712 11.9278 18.5164C11.2785 18.1127 10.6263 17.7134 9.97822 17.3074C9.89488 17.2552 9.83882 17.2543 9.75429 17.3056C9.08366 17.7126 8.408 18.1115 7.73737 18.5184C7.63831 18.5786 7.59767 18.5694 7.53717 18.4668C7.11213 17.744 6.6779 17.0262 6.2502 16.3049C6.20096 16.2215 6.14431 16.1936 6.04851 16.1939C5.1489 16.1975 4.2496 16.1963 3.34999 16.1957C3.12546 16.1957 3.15601 16.2144 3.15601 15.9943C3.15512 15.0802 3.15394 14.1658 3.15779 13.2516C3.15839 13.146 3.12962 13.0849 3.03559 13.0277C2.26472 12.5576 1.49918 12.0788 0.728303 11.6084C0.636059 11.5521 0.620636 11.518 0.679957 11.4227C1.10885 10.7367 1.52943 10.0453 1.95862 9.35957C2.01201 9.27444 2.00934 9.21957 1.95862 9.13593C1.57452 8.50327 1.19872 7.86557 0.814615 7.23321C0.758261 7.14066 0.777836 7.10596 0.863555 7.05524C1.5938 6.62309 2.32048 6.18471 3.05131 5.75315C3.13792 5.70213 3.15809 5.644 3.15779 5.55146C3.15483 4.60262 3.15839 3.65378 3.15335 2.70494C3.15275 2.57532 3.17856 2.52994 3.32033 2.53113C4.22468 2.53825 5.12903 2.5335 6.03368 2.53676C6.12859 2.53706 6.18138 2.51066 6.23299 2.42613C6.68977 1.67602 7.15425 0.930648 7.6131 0.181721C7.66856 0.0912566 7.70593 0.0607063 7.81449 0.128925C8.52872 0.577985 9.25006 1.01518 9.96547 1.46216C10.0589 1.5206 10.1256 1.52089 10.2176 1.46513C10.8333 1.09082 11.4535 0.724211 12.0684 0.34871C12.1817 0.279601 12.2303 0.287609 12.3009 0.408327C12.6913 1.07717 13.0947 1.7383 13.4885 2.40507C13.5452 2.50087 13.606 2.53854 13.7211 2.53795C14.6551 2.53231 15.5891 2.53706 16.5231 2.53202C16.6438 2.53142 16.6809 2.56049 16.68 2.68566C16.6747 3.60988 16.6785 4.5338 16.675 5.45802C16.6747 5.55739 16.7017 5.61463 16.7909 5.66921C17.5283 6.11827 18.2594 6.57801 18.9986 7.0244C19.1202 7.09795 19.1104 7.14956 19.0466 7.2513C18.6254 7.92489 18.212 8.60322 17.789 9.27563C17.7164 9.39101 17.7161 9.47435 17.7884 9.5927C18.1948 10.2574 18.5878 10.9304 18.9941 11.5954C19.0641 11.7099 19.046 11.7549 18.9375 11.8187C18.2235 12.2399 17.5147 12.6691 16.8004 13.0897C16.7067 13.1448 16.6741 13.2042 16.6747 13.3112C16.6788 14.2206 16.675 15.1297 16.6797 16.0391C16.6803 16.161 16.6483 16.2002 16.5231 16.1984C16.0444 16.1922 15.5648 16.1963 15.0855 16.196ZM7.23819 8.98644C7.18806 9.03033 7.1584 9.05495 7.13052 9.08105C6.86447 9.33169 6.59871 9.58261 6.33325 9.83384C6.14668 10.0106 6.14461 10.0133 6.3196 10.1998C7.15128 11.0855 7.98504 11.9694 8.81553 12.8559C8.88138 12.9262 8.92943 12.9348 8.99201 12.8592C9.02019 12.8254 9.05727 12.7993 9.08989 12.7687C9.85365 12.0527 10.618 11.337 11.3815 10.6207C12.3036 9.75553 13.224 8.88885 14.1485 8.02603C14.2218 7.95781 14.2022 7.92518 14.1452 7.86557C13.8996 7.60811 13.6535 7.35096 13.4188 7.08401C13.3224 6.97427 13.2673 6.98524 13.1664 7.08045C11.8326 8.33717 10.4937 9.58854 9.1593 10.8447C9.07417 10.9247 9.03235 10.9221 8.95375 10.8375C8.40563 10.2482 7.85157 9.66418 7.30018 9.07749C7.27675 9.05317 7.26132 9.02114 7.23819 8.98644Z"
|
||||
fill="#3897EF"
|
||||
/>
|
||||
<path
|
||||
d="M7.23752 8.98774C7.26066 9.02244 7.27608 9.05448 7.29921 9.07909C7.8506 9.66548 8.40466 10.2498 8.95279 10.8391C9.03139 10.9237 9.07321 10.9263 9.15833 10.8463C10.4928 9.59014 11.8316 8.33906 13.1655 7.08205C13.2666 6.98684 13.3215 6.97557 13.4179 7.08561C13.6525 7.35285 13.8987 7.61001 14.1443 7.86717C14.2012 7.92678 14.2208 7.95941 14.1475 8.02763C13.223 8.89016 12.3026 9.75713 11.3805 10.6223C10.617 11.3386 9.85298 12.0543 9.08893 12.7703C9.0566 12.8006 9.01923 12.827 8.99105 12.8608C8.92847 12.9364 8.88041 12.9278 8.81457 12.8575C7.98378 11.971 7.15002 11.0871 6.31864 10.2014C6.14334 10.0149 6.14572 10.0119 6.33228 9.83544C6.59774 9.58421 6.8635 9.33328 7.12956 9.08265C7.15773 9.05626 7.18739 9.03164 7.23752 8.98774Z"
|
||||
fill="#FDFDFE"
|
||||
/>
|
||||
</svg>
|
||||
</span>
|
||||
</div>
|
||||
<div className="">
|
||||
<p className="text-xl font-bold tracking-wide text-dark-gray dark:text-white">
|
||||
Jerome Bell
|
||||
</p>
|
||||
<p className="text-sm text-thin-light-gray tracking-wide">
|
||||
34.k followers
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="">
|
||||
<button
|
||||
type="button"
|
||||
className="w-[115px] overflow-hidden text-18 tracking-wide h-[52px] rounded-full text-white primary-gradient relative justify-center items-center sm:flex hidden"
|
||||
>
|
||||
Follow
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
className="text-base tracking-wide text-gradient sm:hidden block font-bold"
|
||||
>
|
||||
Follow
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</ModalCom>
|
||||
)}
|
||||
</Layout>
|
||||
</>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user