Siddhesh.More/optifii-corporate
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

dash

Browse Source
This commit is contained in:
priyanshuvish
2024-10-04 19:47:23 +05:30
parent bdbc2a3b40
commit b20dafe129
7 changed files with 1400 additions and 63 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
src/Contexts/GlobalStateProvider.jsx
View File

@@ -1482,6 +1482,7 @@ const GlobalStateProvider = ({ children }) => {
activationStatus: "Active",
CardDeliveryStatus: "Delivered",
quantity: "500",
status: "Distributed",
},
{
id: 2,
@@ -1492,6 +1493,7 @@ const GlobalStateProvider = ({ children }) => {
activationStatus: "Active",
CardDeliveryStatus: "Not Delivered",
quantity: "500",
status: "Distributed",
},
{
id: 3,
@@ -1502,16 +1504,7 @@ const GlobalStateProvider = ({ children }) => {
activationStatus: "Activate",
CardDeliveryStatus: "Delivered",
quantity: "500",
},
{
id: 3,
orderid: "#451245",
laodStatus: "Fully Loaded",
dateTime: "10 June 2024, 10am",
totalvaluation: "₹ 70,000",
activationStatus: "Partially Active",
CardDeliveryStatus: "Partially Delivered",
quantity: "500",
status: "Pending",
},
{
id: 4,
@@ -1519,9 +1512,10 @@ const GlobalStateProvider = ({ children }) => {
laodStatus: "Fully Loaded",
dateTime: "10 June 2024, 10am",
totalvaluation: "₹ 70,000",
activationStatus: "Active",
CardDeliveryStatus: "Not Delivered",
activationStatus: "Partially Active",
CardDeliveryStatus: "Partially Delivered",
quantity: "500",
status: "Pending",
},
{
id: 5,
@@ -1529,9 +1523,10 @@ const GlobalStateProvider = ({ children }) => {
laodStatus: "Fully Loaded",
dateTime: "10 June 2024, 10am",
totalvaluation: "₹ 70,000",
activationStatus: "Partially Active",
activationStatus: "Active",
CardDeliveryStatus: "Not Delivered",
quantity: "500",
status: "Distributed",
},
{
id: 6,
@@ -1539,9 +1534,10 @@ const GlobalStateProvider = ({ children }) => {
laodStatus: "Fully Loaded",
dateTime: "10 June 2024, 10am",
totalvaluation: "₹ 70,000",
activationStatus: "Active",
CardDeliveryStatus: "Delivered",
activationStatus: "Partially Active",
CardDeliveryStatus: "Not Delivered",
quantity: "500",
status: "Pending",
},
{
id: 7,
@@ -1549,19 +1545,10 @@ const GlobalStateProvider = ({ children }) => {
laodStatus: "Fully Loaded",
dateTime: "10 June 2024, 10am",
totalvaluation: "₹ 70,000",
activationStatus: "Activate",
CardDeliveryStatus: "Delivered",
quantity: "500",
},
{
id: 8,
orderid: "#451245",
laodStatus: "Fully Loaded",
dateTime: "10 June 2024, 10am",
totalvaluation: "₹ 70,000",
activationStatus: "Activate",
activationStatus: "Active",
CardDeliveryStatus: "Delivered",
quantity: "500",
status: "Distributed",
},
]);
@@ -2181,32 +2168,33 @@ const GlobalStateProvider = ({ children }) => {
},
]);
// main dash
const [dash, setDash] = useState([
{
id: 1,
wallet: "Employee Wallet",
walletAmount: "₹ 70,000",
balanceRemaining: "₹ 20,000",
status: "Approved",
walletAmount: "₹ 70,000",
balanceRemaining: "₹ 20,000",
status: "Approved",
totalEmployees: 500,
users: 5,
},
{
id: 2,
wallet: "Travel Wallet",
walletAmount: "₹ 50,000",
balanceRemaining: "₹ 15,000",
status: "Approved",
walletAmount: "₹ 50,000",
balanceRemaining: "₹ 15,000",
status: "Approved",
totalEmployees: 200,
users: 3,
},
{
id: 3,
wallet: "Food Wallet",
walletAmount: "₹ 100,000",
balanceRemaining: "₹ 80,000",
walletAmount: "₹ 100,000",
balanceRemaining: "₹ 80,000",
status: "Pending",
totalEmployees: 300,
users: 4,

86
src/Pages/Dashboard/Dashbaord.jsx
View File

@@ -129,6 +129,14 @@ const Dashbaord = () => {
'Remaining amount',
'Status',
];
const dashHeadThirdRow = [
'Employee Name',
"Email",
'Wallet',
'Amount',
'Date & time',
];
// first
@@ -177,7 +185,7 @@ const Dashbaord = () => {
),
'Amount in card': (
<Text key={`walletAmount-${index}`} mb={0} fontSize="xs">
₹ {item.walletAmount || 5000}
{item.walletAmount || 5000}
</Text>
),
'Pending request': (
@@ -243,7 +251,7 @@ const Dashbaord = () => {
),
'Benefit limit': (
<Text key={`walletAmount-${index}`} mb={0} fontSize="xs">
₹ {item.walletAmount || 5000}
{item.walletAmount || 5000}
</Text>
),
'Remaining amount': (
@@ -288,6 +296,50 @@ const Dashbaord = () => {
),
}));
// Third
const dashThirdArr = dash.map((item, index) => ({
"Employee Name": (
<HStack key={`wallet-${index}`}>
<Image
borderRadius='full'
boxSize='40px'
src='https://bit.ly/dan-abramov'
alt='Dan Abramov'
/>
<Box>
<Text mb={0} fontSize="xs" fontWeight={600}>
Olivia Rhye
</Text>
<Text mb={0} fontSize="10px" color={"#667085"}>
WD-887
</Text>
</Box>
</HStack>
),
'Email': (
<Text key={`walletAmount-${index}`} mb={0} fontSize="xs">
olivia@gmail.com
</Text>
),
'Wallet': (
<Text key={`walletAmount-${index}`} mb={0} fontSize="xs">
Food
</Text>
),
'Amount': (
<Text key={`balance-${index}`} mb={0} fontSize="xs" color={"#00A438"}>
{item.balanceRemaining || '₹ 2000'}
</Text>
),
'Date & time': (
<Text key={`balance-${index}`} mb={0} fontSize="xs">
2 June 2024, 10 am
</Text>
),
}));
return (
<Box {...OPACITY_ON_LOAD} overflowX={"scroll"} p={4}>
<Grid h={150} templateColumns="repeat(4, 1fr)" gap={6} >
@@ -395,21 +447,14 @@ const Dashbaord = () => {
<Text color={"#474279"} fontWeight={600} fontSize={"md"} mb={1.5}>
OptiFii Gift cards
</Text>
<Text color={"#A3AED0"} fontWeight={500} fontSize={"xs"}>
<Text color={"#A3AED0"} fontWeight={500} fontSize={"xs"} mb={6}>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut
</Text>
<Button
<PrimaryButton
title={" Issue gift cards"}
px={4}
leftIcon={<PiUsersThreeFill color={"#fff"} />}
mt={4}
color={"#fff"}
fontSize={"xs"}
fontWeight={500}
bg={"#6311CB"}
h={8}
px={2}
>
Issue gift cards
</Button>
/>
</Box>
</HStack>
@@ -469,7 +514,7 @@ const Dashbaord = () => {
display={"flex"}
alignItems={"center"}
bg={"#F2EEF8"}
p={"6px 10px"}
p={"7px 10px"}
rounded={"md"}
>
<Text
@@ -559,7 +604,7 @@ const Dashbaord = () => {
display={"flex"}
alignItems={"center"}
bg={"#F2EEF8"}
p={"6px 10px"}
p={"7px 10px"}
rounded={"md"}
>
<Text
@@ -796,7 +841,8 @@ const Dashbaord = () => {
boxShadow="md"
p={4}
bg="white"
flex={1}
w={350}
minH={395}
>
<HStack justifyContent={"space-between"} mb={4} alignItems={"start"}>
@@ -877,7 +923,7 @@ const Dashbaord = () => {
</Box>
{/* table */}
<Box bg={"#fff"} shadow={"md"} rounded={"md"} p={4} >
<Box bg={"#fff"} shadow={"md"} rounded={"md"} p={4} flex={1}>
<HStack justifyContent={"space-between"} mb={2}>
<Heading fontSize={"md"} fontWeight={500} mb={0} color={"#474279"}>
Employee Transaction
@@ -972,8 +1018,8 @@ const Dashbaord = () => {
<Box mt={4}>
<NormalTable
emptyMessage={`We don't have any Sponers `}
tableHeadRow={dashHeadSecRow}
data={dashSecArr}
tableHeadRow={dashHeadThirdRow}
data={dashThirdArr}
isLoading={isLoading}
/>
</Box>

7
src/Pages/OptiFiiGifsAndVouchers/GiftCard.jsx
View File

@@ -46,16 +46,9 @@ import {
MdNotificationsNone,
MdOutlineHeadsetMic,
} from "react-icons/md";
import { RiDeleteBin5Line, RiWallet3Line } from "react-icons/ri";
import { AiOutlineEdit } from "react-icons/ai";
import { FaRegEye } from "react-icons/fa";
import { PiReceipt } from "react-icons/pi";
import { OPACITY_ON_LOAD } from "../../Layout/animations";
import { Link, NavLink } from "react-router-dom";
import backFund from "../../assets/backfund.svg";
import PrimaryButton from "../../Components/Buttons/PrimaryButton";
import { FaArrowUpFromBracket } from "react-icons/fa6";
import SecondaryButton from "../../Components/Buttons/SecondaryButton";
import { LuListFilter } from "react-icons/lu";
import { BsFilterRight } from "react-icons/bs";
import pdfIcon from "../../assets/pdfIcon.svg";

1197
src/Pages/OptiFiiGifsAndVouchers/GiftDashboard.jsx
View File

File diff suppressed because it is too large Load Diff

54
src/assets/BV.svg Normal file
View File

@@ -0,0 +1,54 @@
<svg width="30" height="29" viewBox="0 0 30 29" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.12951 1.27613C5.9119 2.52273 5.88291 2.58071 6.34676 3.21851C7.07153 4.26218 6.92657 5.42181 5.96988 6.40749C4.98419 7.36419 4.52034 7.42217 3.27374 6.78437C2.37502 6.32052 2.37502 6.32052 1.30236 7.45116C-0.582037 9.39354 -0.553046 9.56749 2.25906 12.3506C4.72327 14.7858 4.72327 14.7858 3.79557 14.7858C2.17209 14.7858 1.85319 15.2497 1.94016 17.54C2.02713 19.4533 2.05612 19.5403 2.83887 19.7432C5.10015 20.3521 5.04217 23.715 2.7519 24.2078C1.88218 24.4108 1.88218 24.4108 1.88218 26.3531C1.88218 27.4838 2.02713 28.4405 2.23007 28.6434C2.66493 29.0783 27.8579 29.1363 28.5537 28.7014C28.8726 28.4985 28.9886 27.8897 28.9886 26.4981C28.9886 24.6137 28.9596 24.5557 28.1188 24.2658C26.3214 23.657 25.7126 21.8886 26.8142 20.497C27.1331 20.0911 27.7709 19.7143 28.2058 19.6563C28.9596 19.5693 28.9886 19.4823 29.0755 17.7719C29.1915 15.5106 28.6117 14.7858 26.7273 14.7858C25.5097 14.7858 25.3357 14.6699 20.9871 10.4952C11.884 1.82695 9.82565 0.000534058 9.07189 0.000534058C8.63703 0.000534058 7.91226 0.464386 7.12951 1.27613ZM11.1302 2.43576C12.4928 3.82731 12.6667 4.08823 12.3189 4.4941C11.797 5.1319 12.3768 5.7697 13.0146 5.24786C13.5655 4.78401 13.3335 4.63906 19.6535 10.4372L24.2341 14.6409L15.1889 14.7278C7.18749 14.7858 6.08584 14.7278 5.62199 14.322C5.12915 13.8871 5.12915 13.8001 5.56401 13.1623C5.94089 12.5825 5.94089 12.4666 5.593 12.4666C5.36107 12.4666 5.04217 12.6115 4.83924 12.8145C4.60731 13.0464 4.05649 12.7275 2.60695 11.4809C1.56328 10.5532 0.722548 9.71244 0.722548 9.62547C0.722548 9.50951 1.12842 8.98767 1.62126 8.46584C2.433 7.56713 2.51998 7.53813 3.44768 7.85703C5.41905 8.5818 7.36143 7.3352 7.59336 5.18988C7.68033 4.40713 7.59336 3.59539 7.39043 3.18952C7.10052 2.63869 7.1585 2.43576 7.85428 1.71099C8.28914 1.24714 8.86895 0.870256 9.12987 0.870256C9.3618 0.870256 10.2895 1.59503 11.1302 2.43576ZM7.97024 16.3803C7.97024 16.8442 8.14419 17.1051 8.4051 17.1051C8.66602 17.1051 8.83996 16.8442 8.83996 16.3803V15.6556L18.4939 15.7135L28.1188 15.8005L28.2058 17.308C28.2928 18.5836 28.2058 18.8445 27.8289 18.8445C27.539 18.8445 26.9012 19.2794 26.3504 19.8302C25.5966 20.584 25.3647 21.0478 25.3647 21.8886C25.3647 23.1932 26.2054 24.4398 27.3941 24.9326C28.2348 25.2805 28.2928 25.3965 28.2058 26.6431L28.1188 27.9766L18.4939 28.0636L8.86895 28.1216L8.78198 27.4838C8.63703 26.5561 7.97024 26.4691 7.97024 27.3678V28.1216H5.36107H2.7519V26.701C2.7519 25.4254 2.83887 25.2225 3.53465 24.8746C5.99887 23.657 6.02786 20.1491 3.59263 19.0765C2.83887 18.7286 2.7519 18.5546 2.7519 17.366C2.7519 16.6412 2.83887 15.9455 2.95484 15.8585C3.04181 15.7425 4.23043 15.6556 5.56401 15.6556C7.94125 15.6556 7.97024 15.6556 7.97024 16.3803Z" fill="url(#paint0_linear_469_10187)"/>
<path d="M10.4349 6.66907C9.94202 7.1909 9.94202 7.24888 10.4059 7.42283C10.9857 7.65476 11.9134 6.872 11.6235 6.40815C11.3336 5.9443 11.0147 6.00228 10.4349 6.66907Z" fill="url(#paint1_linear_469_10187)"/>
<path d="M8.72445 8.66947C8.02867 9.45223 8.40555 10.061 9.15931 9.39424C9.71013 8.9014 9.91307 8.11865 9.47821 8.11865C9.33325 8.11865 8.98536 8.37957 8.72445 8.66947Z" fill="url(#paint2_linear_469_10187)"/>
<path d="M6.66576 10.7286C6.05695 11.3954 6.31787 11.8592 7.04264 11.4244C7.59347 11.0765 7.88337 10.1488 7.44851 10.1488C7.30356 10.1488 6.95567 10.4097 6.66576 10.7286Z" fill="url(#paint3_linear_469_10187)"/>
<path d="M14.2028 17.6567C12.0864 18.5264 12.8402 22.3242 15.1015 22.3242C16.7829 22.3242 17.5657 19.4251 16.2321 18.1206C15.5073 17.3668 15.1594 17.2798 14.2028 17.6567ZM15.7393 19.6571C15.8262 20.5848 15.4204 21.4545 14.8985 21.4545C14.4637 21.4545 14.0288 20.0339 14.2317 19.2512C14.5217 18.1206 15.6233 18.4105 15.7393 19.6571Z" fill="url(#paint4_linear_469_10187)"/>
<path d="M19.5954 17.8026C19.3925 18.0345 18.1459 20.0059 16.8123 22.1802C14.8119 25.4272 14.493 26.123 14.9859 26.036C15.3917 25.978 16.2035 24.9343 17.566 22.76C20.4071 18.2085 20.813 17.3967 20.3202 17.3967C20.1172 17.3967 19.7693 17.5707 19.5954 17.8026Z" fill="url(#paint5_linear_469_10187)"/>
<path d="M7.96973 19.1345C7.96973 19.7433 8.08569 20.0043 8.34661 19.9173C8.52055 19.8593 8.6945 19.5114 8.6945 19.1345C8.6945 18.7577 8.52055 18.4098 8.34661 18.3228C8.08569 18.2648 7.96973 18.5257 7.96973 19.1345Z" fill="url(#paint6_linear_469_10187)"/>
<path d="M7.96973 22.033C7.96973 22.6418 8.08569 22.9027 8.34661 22.8157C8.52055 22.7577 8.6945 22.4099 8.6945 22.033C8.6945 21.6561 8.52055 21.3082 8.34661 21.2212C8.08569 21.1632 7.96973 21.4242 7.96973 22.033Z" fill="url(#paint7_linear_469_10187)"/>
<path d="M18.755 22.1217C18.0013 22.9334 17.9143 24.4989 18.5811 25.4556C19.0159 26.0934 20.4945 26.3254 21.1902 25.8615C21.828 25.4556 22.2339 24.267 22.06 23.3973C21.6831 21.4839 19.9726 20.8171 18.755 22.1217ZM20.7264 23.2233C21.0163 24.441 20.7264 25.2527 20.0306 25.1657C19.5668 25.1077 19.3928 24.8468 19.3348 24.1221C19.1609 22.4696 20.3785 21.7158 20.7264 23.2233Z" fill="url(#paint8_linear_469_10187)"/>
<path d="M7.96973 24.9613C7.96973 26.063 8.66551 25.976 8.78147 24.8454C8.83945 24.2945 8.75248 24.0626 8.43358 24.0626C8.11468 24.0626 7.96973 24.3525 7.96973 24.9613Z" fill="url(#paint9_linear_469_10187)"/>
<defs>
<linearGradient id="paint0_linear_469_10187" x1="14.5448" y1="0.000534058" x2="14.5448" y2="29" gradientUnits="userSpaceOnUse">
<stop stop-color="#6311CB"/>
<stop offset="1" stop-color="#3725EA"/>
</linearGradient>
<linearGradient id="paint1_linear_469_10187" x1="10.8699" y1="6.10616" x2="10.8699" y2="7.46484" gradientUnits="userSpaceOnUse">
<stop stop-color="#6311CB"/>
<stop offset="1" stop-color="#3725EA"/>
</linearGradient>
<linearGradient id="paint2_linear_469_10187" x1="9.03554" y1="8.11865" x2="9.03554" y2="9.67969" gradientUnits="userSpaceOnUse">
<stop stop-color="#6311CB"/>
<stop offset="1" stop-color="#3725EA"/>
</linearGradient>
<linearGradient id="paint3_linear_469_10187" x1="6.99257" y1="10.1488" x2="6.99257" y2="11.5938" gradientUnits="userSpaceOnUse">
<stop stop-color="#6311CB"/>
<stop offset="1" stop-color="#3725EA"/>
</linearGradient>
<linearGradient id="paint4_linear_469_10187" x1="14.93" y1="17.4391" x2="14.93" y2="22.3242" gradientUnits="userSpaceOnUse">
<stop stop-color="#6311CB"/>
<stop offset="1" stop-color="#3725EA"/>
</linearGradient>
<linearGradient id="paint5_linear_469_10187" x1="17.6401" y1="17.3967" x2="17.6401" y2="26.043" gradientUnits="userSpaceOnUse">
<stop stop-color="#6311CB"/>
<stop offset="1" stop-color="#3725EA"/>
</linearGradient>
<linearGradient id="paint6_linear_469_10187" x1="8.33211" y1="18.3149" x2="8.33211" y2="19.9336" gradientUnits="userSpaceOnUse">
<stop stop-color="#6311CB"/>
<stop offset="1" stop-color="#3725EA"/>
</linearGradient>
<linearGradient id="paint7_linear_469_10187" x1="8.33211" y1="21.2133" x2="8.33211" y2="22.832" gradientUnits="userSpaceOnUse">
<stop stop-color="#6311CB"/>
<stop offset="1" stop-color="#3725EA"/>
</linearGradient>
<linearGradient id="paint8_linear_469_10187" x1="20.1156" y1="21.4452" x2="20.1156" y2="26.1055" gradientUnits="userSpaceOnUse">
<stop stop-color="#6311CB"/>
<stop offset="1" stop-color="#3725EA"/>
</linearGradient>
<linearGradient id="paint9_linear_469_10187" x1="8.38397" y1="24.0626" x2="8.38397" y2="25.7422" gradientUnits="userSpaceOnUse">
<stop stop-color="#6311CB"/>
<stop offset="1" stop-color="#3725EA"/>
</linearGradient>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 7.2 KiB

34
src/assets/GC.svg Normal file
View File

@@ -0,0 +1,34 @@
<svg width="31" height="22" viewBox="0 0 31 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.44144 0.0727863C1.22221 0.391182 0.282558 1.38132 0.0573511 2.59277C-0.000892053 2.89175 -0.00477493 3.72657 0.00299082 10.7662L0.0146395 18.6096L0.103946 18.9009C0.259261 19.3979 0.515531 19.8405 0.86499 20.2094C1.34647 20.718 1.793 20.9898 2.44144 21.1607L2.77148 21.25H15.5073H28.2432L28.5577 21.1646C29.7419 20.8501 30.6234 19.9531 30.934 18.7572C30.9961 18.5087 31 17.9845 31 10.6109C31 3.05872 30.9961 2.71703 30.9262 2.45687C30.8292 2.08412 30.5651 1.53663 30.3399 1.23765C29.9516 0.728992 29.2838 0.274696 28.6314 0.0805511C28.4101 0.0145435 27.7656 0.0106602 15.5656 0.00289345C2.9268 -0.00487137 2.72877 -0.00487137 2.44144 0.0727863ZM9.70242 2.45687V3.63727L9.97034 3.79646C10.1218 3.88189 10.2654 3.95955 10.2926 3.9712C10.3198 3.98284 10.4868 3.90907 10.6654 3.812L10.9838 3.6295V2.45299V1.27259H19.5183C28.8644 1.27259 28.2587 1.25706 28.7052 1.4978C28.9654 1.6337 29.3537 2.02199 29.4779 2.26273C29.707 2.72091 29.6992 2.56948 29.6992 6.26986V9.65961H23.3585H17.0178L16.7887 10.0285C16.6605 10.2343 16.447 10.5216 16.3111 10.6692L16.0626 10.941H22.8809H29.6992V14.6685C29.6992 18.3184 29.6992 18.4039 29.6216 18.6329C29.4236 19.2193 28.977 19.6619 28.3791 19.8793L28.1267 19.9687H19.5649H11.0032L10.9915 16.8429L10.9838 13.7133L10.6537 13.3872L10.3237 13.0571L10.013 13.3678L9.70242 13.6745L9.69465 16.8235L9.683 19.9687H6.3049H2.9268L2.65111 19.8832C2.14246 19.7201 1.72699 19.3707 1.48237 18.8892C1.28046 18.4854 1.27657 18.4699 1.27657 14.5598V10.941H2.9268H4.5809L4.3091 10.6226C4.16155 10.4478 3.95576 10.1605 3.85092 9.98577L3.66454 9.66349L2.46862 9.65961H1.27269L1.28434 6.23103C1.29599 2.82186 1.29599 2.80633 1.38141 2.58501C1.62215 1.94822 2.10363 1.4978 2.72489 1.33084C2.89185 1.28813 3.52864 1.27648 6.31655 1.27648L9.70242 1.27259V2.45687Z" fill="url(#paint0_linear_469_10160)"/>
<path d="M7.25581 4.5218C5.9201 4.74701 4.84843 5.7682 4.57663 7.07673C4.45626 7.64752 4.54556 8.4668 4.79018 9.01817C5.14353 9.81028 5.91234 10.5092 6.71997 10.7655C7.16262 10.9053 7.43831 10.9402 8.14887 10.9402L8.78955 10.9441L7.3956 12.3225L6.00164 13.7048L6.44429 14.1475C6.68503 14.3921 6.90247 14.5901 6.918 14.5901C6.93742 14.5901 7.71399 13.8368 8.642 12.9205L10.3272 11.2508L12.0434 12.9438L13.7596 14.6328L14.1945 14.1746C14.4353 13.9222 14.6333 13.7048 14.6333 13.6932C14.6333 13.6776 14.012 13.0564 13.251 12.3147L11.8687 10.9596L12.6375 10.9363C13.5267 10.913 13.7596 10.8664 14.3032 10.614C16.0195 9.8064 16.6679 7.63975 15.67 6.04C15.1808 5.25566 14.3731 4.70041 13.4878 4.53733C12.4744 4.35095 11.395 4.70041 10.6261 5.46922L10.3233 5.7682L10.0631 5.4964C9.42634 4.8402 8.59929 4.48685 7.71399 4.4985C7.51596 4.50239 7.31017 4.51403 7.25581 4.5218ZM8.39349 5.89246C8.90603 6.0866 9.3681 6.52536 9.54283 6.99519C9.67484 7.35242 9.70591 7.68246 9.69426 8.68813L9.68261 9.63943L8.6653 9.65108C7.8926 9.65885 7.58197 9.6472 7.37618 9.60449C6.45594 9.41034 5.81915 8.63765 5.81915 7.71352C5.81915 6.83211 6.42876 6.05165 7.27911 5.83421C7.58974 5.75655 8.0984 5.78373 8.39349 5.89246ZM13.2782 5.8148C14.2799 6.00506 14.9827 6.99519 14.8274 7.99697C14.7459 8.54446 14.3731 9.09971 13.9227 9.36375C13.4917 9.61613 13.3985 9.63167 12.1405 9.65108L10.9834 9.66661V8.56387C10.9834 7.34465 11.0028 7.18934 11.2241 6.77775C11.294 6.64962 11.4493 6.45159 11.5891 6.32345C12.0667 5.87692 12.6569 5.69831 13.2782 5.8148Z" fill="url(#paint1_linear_469_10160)"/>
<path d="M19.705 16.1893C19.5303 16.2903 19.3711 16.5543 19.3711 16.7368C19.3711 16.9426 19.5148 17.1833 19.705 17.2921C19.8487 17.3775 19.9147 17.393 20.0739 17.3775C20.6796 17.3192 20.8699 16.5737 20.3729 16.2087C20.2098 16.0884 19.8953 16.0806 19.705 16.1893Z" fill="url(#paint2_linear_469_10160)"/>
<path d="M21.6426 16.1912C21.0562 16.529 21.3475 17.4415 22.0231 17.3755C22.621 17.3211 22.8074 16.5756 22.3143 16.2106C22.1512 16.0903 21.8367 16.0825 21.6426 16.1912Z" fill="url(#paint3_linear_469_10160)"/>
<path d="M23.584 16.1911C23.4092 16.2921 23.2539 16.5522 23.2539 16.7464C23.2539 16.9405 23.4092 17.2007 23.584 17.3016C23.7043 17.3715 23.782 17.387 23.9451 17.3754C24.2984 17.3521 24.5353 17.0958 24.5353 16.7464C24.5353 16.3969 24.2984 16.1406 23.9451 16.1173C23.782 16.1057 23.7043 16.1212 23.584 16.1911Z" fill="url(#paint4_linear_469_10160)"/>
<path d="M25.6224 16.1329C25.3778 16.2299 25.1953 16.5017 25.1953 16.7658C25.1953 16.956 25.3429 17.1929 25.5254 17.3016C25.6457 17.3715 25.7234 17.387 25.8826 17.3754C26.4922 17.3327 26.6941 16.5794 26.1932 16.2066C26.0923 16.129 25.7389 16.0824 25.6224 16.1329Z" fill="url(#paint5_linear_469_10160)"/>
<defs>
<linearGradient id="paint0_linear_469_10160" x1="15.5" y1="-0.000389099" x2="15.5" y2="21.25" gradientUnits="userSpaceOnUse">
<stop stop-color="#6311CB"/>
<stop offset="1" stop-color="#3725EA"/>
</linearGradient>
<linearGradient id="paint1_linear_469_10160" x1="10.3323" y1="4.48808" x2="10.3323" y2="14.6328" gradientUnits="userSpaceOnUse">
<stop stop-color="#6311CB"/>
<stop offset="1" stop-color="#3725EA"/>
</linearGradient>
<linearGradient id="paint2_linear_469_10160" x1="20.014" y1="16.1128" x2="20.014" y2="17.3828" gradientUnits="userSpaceOnUse">
<stop stop-color="#6311CB"/>
<stop offset="1" stop-color="#3725EA"/>
</linearGradient>
<linearGradient id="paint3_linear_469_10160" x1="21.9621" y1="16.1147" x2="21.9621" y2="17.3789" gradientUnits="userSpaceOnUse">
<stop stop-color="#6311CB"/>
<stop offset="1" stop-color="#3725EA"/>
</linearGradient>
<linearGradient id="paint4_linear_469_10160" x1="23.8946" y1="16.1138" x2="23.8946" y2="17.3789" gradientUnits="userSpaceOnUse">
<stop stop-color="#6311CB"/>
<stop offset="1" stop-color="#3725EA"/>
</linearGradient>
<linearGradient id="paint5_linear_469_10160" x1="25.8357" y1="16.1118" x2="25.8357" y2="17.3789" gradientUnits="userSpaceOnUse">
<stop stop-color="#6311CB"/>
<stop offset="1" stop-color="#3725EA"/>
</linearGradient>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 5.8 KiB

29
src/assets/GPR.svg Normal file
View File

@@ -0,0 +1,29 @@
<svg width="29" height="20" viewBox="0 0 29 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M28.2216 2.79883C28.2216 2.05654 27.9267 1.34464 27.4018 0.81976C26.8769 0.294876 26.165 0 25.4227 0H2.79883C2.05654 0 1.34464 0.294876 0.819759 0.81976C0.294876 1.34464 0 2.05654 0 2.79883V17.2012C0 17.9435 0.294876 18.6554 0.819759 19.1802C1.34464 19.7051 2.05654 20 2.79883 20H25.4227C26.165 20 26.8769 19.7051 27.4018 19.1802C27.9267 18.6554 28.2216 17.9435 28.2216 17.2012V2.79883ZM27.2886 8.97959H0.932945V6.18076H27.2886V8.97959ZM25.4227 19.0671H2.79883C1.76997 19.0671 0.932945 18.2009 0.932945 17.172V9.91254H27.2886V17.172C27.2886 18.2009 26.4516 19.0671 25.4227 19.0671ZM2.79883 0.932945H25.4227C26.4516 0.932945 27.2886 1.74082 27.2886 2.76968V5.24781H0.932945V2.76968C0.932945 1.74082 1.76997 0.932945 2.79883 0.932945Z" fill="url(#paint0_linear_469_10208)"/>
<path d="M11.7782 12.8883C11.7782 12.7646 11.7291 12.646 11.6416 12.5585C11.5541 12.471 11.4355 12.4219 11.3117 12.4219H4.02311C3.8994 12.4219 3.78075 12.471 3.69327 12.5585C3.60579 12.646 3.55664 12.7646 3.55664 12.8883V15.3956C3.55664 15.5194 3.60579 15.638 3.69327 15.7255C3.78075 15.813 3.8994 15.8621 4.02311 15.8621H11.3117C11.4355 15.8621 11.5541 15.813 11.6416 15.7255C11.7291 15.638 11.7782 15.5194 11.7782 15.3956V12.8883ZM10.8453 14.9292H4.48959V13.3548H10.8453V14.9292Z" fill="url(#paint1_linear_469_10208)"/>
<path d="M19.4753 12.5938C19.3515 12.5938 19.2329 12.6429 19.1454 12.7304C19.0579 12.8179 19.0088 12.9365 19.0088 13.0602V15.2177C19.0088 15.3414 19.0579 15.46 19.1454 15.5475C19.2329 15.635 19.3515 15.6841 19.4753 15.6841C19.599 15.6841 19.7176 15.635 19.8051 15.5475C19.8926 15.46 19.9417 15.3414 19.9417 15.2177V13.0602C19.9417 12.9365 19.8926 12.8179 19.8051 12.7304C19.7176 12.6429 19.599 12.5938 19.4753 12.5938Z" fill="url(#paint2_linear_469_10208)"/>
<path d="M21.8073 12.5938C21.6836 12.5938 21.5649 12.6429 21.4774 12.7304C21.39 12.8179 21.3408 12.9365 21.3408 13.0602V15.2177C21.3408 15.3414 21.39 15.46 21.4774 15.5475C21.5649 15.635 21.6836 15.6841 21.8073 15.6841C21.931 15.6841 22.0497 15.635 22.1371 15.5475C22.2246 15.46 22.2738 15.3414 22.2738 15.2177V13.0602C22.2738 12.9365 22.2246 12.8179 22.1371 12.7304C22.0497 12.6429 21.931 12.5938 21.8073 12.5938Z" fill="url(#paint3_linear_469_10208)"/>
<path d="M24.1403 12.5938C24.0166 12.5938 23.8979 12.6429 23.8105 12.7304C23.723 12.8179 23.6738 12.9365 23.6738 13.0602V15.2177C23.6738 15.3414 23.723 15.46 23.8105 15.5475C23.8979 15.635 24.0166 15.6841 24.1403 15.6841C24.264 15.6841 24.3827 15.635 24.4701 15.5475C24.5576 15.46 24.6068 15.3414 24.6068 15.2177V13.0602C24.6068 12.9365 24.5576 12.8179 24.4701 12.7304C24.3827 12.6429 24.264 12.5938 24.1403 12.5938Z" fill="url(#paint4_linear_469_10208)"/>
<defs>
<linearGradient id="paint0_linear_469_10208" x1="14.1108" y1="20" x2="14.1108" y2="0" gradientUnits="userSpaceOnUse">
<stop stop-color="#6311CB"/>
<stop offset="1" stop-color="#3725EA"/>
</linearGradient>
<linearGradient id="paint1_linear_469_10208" x1="7.66743" y1="15.8621" x2="7.66743" y2="12.4219" gradientUnits="userSpaceOnUse">
<stop stop-color="#6311CB"/>
<stop offset="1" stop-color="#3725EA"/>
</linearGradient>
<linearGradient id="paint2_linear_469_10208" x1="19.4753" y1="15.6841" x2="19.4753" y2="12.5938" gradientUnits="userSpaceOnUse">
<stop stop-color="#6311CB"/>
<stop offset="1" stop-color="#3725EA"/>
</linearGradient>
<linearGradient id="paint3_linear_469_10208" x1="21.8073" y1="15.6841" x2="21.8073" y2="12.5938" gradientUnits="userSpaceOnUse">
<stop stop-color="#6311CB"/>
<stop offset="1" stop-color="#3725EA"/>
</linearGradient>
<linearGradient id="paint4_linear_469_10208" x1="24.1403" y1="15.6841" x2="24.1403" y2="12.5938" gradientUnits="userSpaceOnUse">
<stop stop-color="#6311CB"/>
<stop offset="1" stop-color="#3725EA"/>
</linearGradient>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.8 KiB