@campxdev/shared 0.5.20 → 0.5.22

package/src/components/Layout/Header/UserBox.tsx

@@ -1,70 +1,70 @@
-import { Box, Typography } from "@mui/material";
-import { ReactNode, useState } from "react";
-import { avatarImage } from "../../../assets/images";
-import MenuButton from "../../MenuButton";
-import { StyledUser } from "./styles";
-import logout from "../../../utils/logout";
-import ChangePassword from "../../ChangePassword";
-import { ExitToAppOutlined, HttpsOutlined } from "@mui/icons-material";
-
-export default function UserBox({
-  username,
-  profileIcon,
-  actions,
-}: {
-  username: string;
-  profileIcon: string;
-  actions: { label: ReactNode; icon?: ReactNode; onClick: any }[];
-}) {
-  const [open, setOpen] = useState(false);
-
-  const handleClickOpen = () => {
-    setOpen(true);
-  };
-  const handleClose = (value: string) => {
-    setOpen(false);
-  };
-
-  return (
-    <>
-      <MenuButton
-        anchor={
-          <Box minWidth={"80px"} textAlign="center">
-            <StyledUser>
-              <img
-                src={profileIcon ?? avatarImage}
-                style={{
-                  height: "32px",
-                  width: "32px",
-                  objectFit: "contain",
-                }}
-                onError={(e: any) => {
-                  e.target.src = avatarImage;
-                }}
-              />
-              <Typography variant="h6">{username}</Typography>
-            </StyledUser>
-          </Box>
-        }
-        menu={[
-          ...actions,
-
-          {
-            label: "Change Password",
-            icon: <HttpsOutlined />,
-            onClick: handleClickOpen,
-          },
-          {
-            label: "Logout",
-            icon: <ExitToAppOutlined />,
-            onClick: logout,
-          },
-        ]}
-        menuProps={{
-          PaperProps: { sx: { top: "64px !important" } },
-        }}
-      />
-      <ChangePassword open={open} onClose={handleClose} />
-    </>
-  );
-}
+import { Box, Typography } from '@mui/material'
+import { ReactNode, useState } from 'react'
+import { avatarImage } from '../../../assets/images'
+import MenuButton from '../../MenuButton'
+import { StyledUser } from './styles'
+import logout from '../../../utils/logout'
+import ChangePassword from '../../ChangePassword'
+import { ExitToAppOutlined, HttpsOutlined } from '@mui/icons-material'
+
+export default function UserBox({
+  username,
+  profileIcon,
+  actions,
+}: {
+  username: string
+  profileIcon: string
+  actions: { label: ReactNode; icon?: ReactNode; onClick: any }[]
+}) {
+  const [open, setOpen] = useState(false)
+
+  const handleClickOpen = () => {
+    setOpen(true)
+  }
+  const handleClose = (value: string) => {
+    setOpen(false)
+  }
+
+  return (
+    <>
+      <MenuButton
+        anchor={
+          <Box minWidth={'80px'} textAlign="center">
+            <StyledUser>
+              <img
+                src={profileIcon ?? avatarImage}
+                style={{
+                  height: '32px',
+                  width: '32px',
+                  objectFit: 'contain',
+                }}
+                onError={(e: any) => {
+                  e.target.src = avatarImage
+                }}
+              />
+              <Typography variant="h6">{username}</Typography>
+            </StyledUser>
+          </Box>
+        }
+        menu={[
+          ...actions,
+
+          {
+            label: 'Change Password',
+            icon: <HttpsOutlined />,
+            onClick: handleClickOpen,
+          },
+          {
+            label: 'Logout',
+            icon: <ExitToAppOutlined />,
+            onClick: logout,
+          },
+        ]}
+        menuProps={{
+          PaperProps: { sx: { top: '64px !important' } },
+        }}
+      />
+      <ChangePassword open={open} onClose={handleClose} />
+    </>
+  )
+}

package/src/components/Layout/Header/applications.ts

@@ -1,87 +1,87 @@
-import {isDevelopment} from '../../../constants'
-import {
-	campxSquareSmall,
-	examsSmall,
-	hostelSmall,
-	paySmall,
-	peopleSmall,
-} from './assets'
-
-const origins = {
-	ums: {
-		dev: 'https://ums.campx.dev',
-		prod: 'https://ums.campx.in',
-	},
-	payments: {
-		dev: 'https://payments.campx.dev',
-		prod: 'https://payments.campx.in',
-	},
-	exams: {
-		dev: 'https://exams.campx.dev',
-		prod: 'https://exams.campx.in',
-	},
-	people: {
-		dev: 'https://people.campx.dev',
-		prod: 'https://people.campx.in',
-	},
-	hostel: {
-		dev: 'https://hostel.campx.dev',
-		prod: 'https://hostel.campx.in',
-	},
-	commute: {
-		dev: 'https://commute.campx.dev',
-		prod: 'https://commute.campx.in',
-	},
-}
-
-export const applications = [
-	{
-		title: 'CollegeX',
-		path: isDevelopment ? origins.ums.dev : origins.ums.prod,
-		icon: campxSquareSmall,
-		key: 'ums',
-		description: 'Manage Complete Campus Activities',
-	},
-	{
-		title: 'ExamX',
-		key: 'exams',
-		path: isDevelopment ? origins.exams.dev : origins.exams.prod,
-		icon: examsSmall,
-		description: 'Manage all Examinations in the Campus',
-	},
-	{
-		title: 'PayX',
-		key: 'payments',
-		path: isDevelopment ? origins.payments.dev : origins.payments.prod,
-		icon: paySmall,
-		description: 'Manage Online Payments in the Campus',
-	},
-	...(isDevelopment
-		? [
-				{
-					title: 'PeopleX',
-					path: isDevelopment ? origins.people.dev : origins.people.prod,
-					icon: peopleSmall,
-					description: 'Manage People in the Campus',
-				},
-				{
-					title: 'HostelX',
-					path: isDevelopment ? origins.hostel.dev : origins.hostel.prod,
-					icon: hostelSmall,
-					description: 'Manage Hostels in the Campus',
-				},
-				{
-					title: 'CommuteX',
-					path: isDevelopment ? origins.commute.dev : origins.commute.prod,
-					icon: hostelSmall,
-					description: 'Manage Commute in the Campus',
-				},
-		  ]
-		: []),
-	// {
-	// 	title: 'EnrollX',
-	// 	path: '/hostel',
-	// 	icon:  enrollHeaderLogo,
-	// 	// description: 'Manage Admissions in the Campus',
-	// },
-]
+import { isDevelopment } from '../../../constants'
+import {
+  campxSquareSmall,
+  examsSmall,
+  hostelSmall,
+  paySmall,
+  peopleSmall,
+} from './assets'
+
+const origins = {
+  ums: {
+    dev: 'https://ums.campx.dev',
+    prod: 'https://ums.campx.in',
+  },
+  payments: {
+    dev: 'https://payments.campx.dev',
+    prod: 'https://payments.campx.in',
+  },
+  exams: {
+    dev: 'https://exams.campx.dev',
+    prod: 'https://exams.campx.in',
+  },
+  people: {
+    dev: 'https://people.campx.dev',
+    prod: 'https://people.campx.in',
+  },
+  hostel: {
+    dev: 'https://hostel.campx.dev',
+    prod: 'https://hostel.campx.in',
+  },
+  commute: {
+    dev: 'https://commute.campx.dev',
+    prod: 'https://commute.campx.in',
+  },
+}
+
+export const applications = [
+  {
+    title: 'CollegeX',
+    path: isDevelopment ? origins.ums.dev : origins.ums.prod,
+    icon: campxSquareSmall,
+    key: 'ums',
+    description: 'Manage Complete Campus Activities',
+  },
+  {
+    title: 'ExamX',
+    key: 'exams',
+    path: isDevelopment ? origins.exams.dev : origins.exams.prod,
+    icon: examsSmall,
+    description: 'Manage all Examinations in the Campus',
+  },
+  {
+    title: 'PayX',
+    key: 'payments',
+    path: isDevelopment ? origins.payments.dev : origins.payments.prod,
+    icon: paySmall,
+    description: 'Manage Online Payments in the Campus',
+  },
+  ...(isDevelopment
+    ? [
+        {
+          title: 'PeopleX',
+          path: isDevelopment ? origins.people.dev : origins.people.prod,
+          icon: peopleSmall,
+          description: 'Manage People in the Campus',
+        },
+        {
+          title: 'HostelX',
+          path: isDevelopment ? origins.hostel.dev : origins.hostel.prod,
+          icon: hostelSmall,
+          description: 'Manage Hostels in the Campus',
+        },
+        {
+          title: 'CommuteX',
+          path: isDevelopment ? origins.commute.dev : origins.commute.prod,
+          icon: hostelSmall,
+          description: 'Manage Commute in the Campus',
+        },
+      ]
+    : []),
+  // {
+  // 	title: 'EnrollX',
+  // 	path: '/hostel',
+  // 	icon:  enrollHeaderLogo,
+  // 	// description: 'Manage Admissions in the Campus',
+  // },
+]

package/src/components/Layout/Header/assets/campx.svg

@@ -1,29 +1,29 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="231" height="35" viewBox="0 0 231 35">
-  <defs>
-    <linearGradient id="linear-gradient" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox">
-      <stop offset="0" stop-color="#596e79"/>
-      <stop offset="1" stop-color="#7c909b"/>
-    </linearGradient>
-  </defs>
-  <g id="Group_4457" data-name="Group 4457" transform="translate(-110 -27.5)">
-    <text id="CAMPX_SQUARE" data-name="CAMPX SQUARE" transform="translate(157 53)" font-size="22" font-family="Nexa-XBold, Nexa" font-weight="700"><tspan x="0" y="0">CAMPX SQUARE</tspan></text>
-    <g id="Group_4467" data-name="Group 4467">
-      <g id="Rectangle_8974" data-name="Rectangle 8974" transform="translate(115 27.5)" fill="#fff" stroke="#fff" stroke-width="1">
-        <rect width="25" height="2" stroke="none"/>
-        <rect x="0.5" y="0.5" width="24" height="1" fill="none"/>
-      </g>
-      <g id="Rectangle_8975" data-name="Rectangle 8975" transform="translate(115 60.5)" fill="#fff" stroke="#fff" stroke-width="1">
-        <rect width="25" height="2" stroke="none"/>
-        <rect x="0.5" y="0.5" width="24" height="1" fill="none"/>
-      </g>
-    </g>
-    <g id="Group_4468" data-name="Group 4468" transform="translate(-215 -207.49)">
-      <g id="Group_4487" data-name="Group 4487" transform="translate(325 234.99)">
-        <g id="Group_4480" data-name="Group 4480">
-          <path id="Subtraction_36" data-name="Subtraction 36" d="M35,35H30V34h4V1H30V0H5V1H1V34H5v1H0V0H35V35Z" fill="#121212"/>
-        </g>
-      </g>
-      <path id="Subtraction_37" data-name="Subtraction 37" d="M20,20H0V0H20V20ZM4,4V16H16V4Z" transform="translate(332.5 242.491)" fill="url(#linear-gradient)"/>
-    </g>
-  </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="231" height="35" viewBox="0 0 231 35">
+  <defs>
+    <linearGradient id="linear-gradient" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#596e79"/>
+      <stop offset="1" stop-color="#7c909b"/>
+    </linearGradient>
+  </defs>
+  <g id="Group_4457" data-name="Group 4457" transform="translate(-110 -27.5)">
+    <text id="CAMPX_SQUARE" data-name="CAMPX SQUARE" transform="translate(157 53)" font-size="22" font-family="Nexa-XBold, Nexa" font-weight="700"><tspan x="0" y="0">CAMPX SQUARE</tspan></text>
+    <g id="Group_4467" data-name="Group 4467">
+      <g id="Rectangle_8974" data-name="Rectangle 8974" transform="translate(115 27.5)" fill="#fff" stroke="#fff" stroke-width="1">
+        <rect width="25" height="2" stroke="none"/>
+        <rect x="0.5" y="0.5" width="24" height="1" fill="none"/>
+      </g>
+      <g id="Rectangle_8975" data-name="Rectangle 8975" transform="translate(115 60.5)" fill="#fff" stroke="#fff" stroke-width="1">
+        <rect width="25" height="2" stroke="none"/>
+        <rect x="0.5" y="0.5" width="24" height="1" fill="none"/>
+      </g>
+    </g>
+    <g id="Group_4468" data-name="Group 4468" transform="translate(-215 -207.49)">
+      <g id="Group_4487" data-name="Group 4487" transform="translate(325 234.99)">
+        <g id="Group_4480" data-name="Group 4480">
+          <path id="Subtraction_36" data-name="Subtraction 36" d="M35,35H30V34h4V1H30V0H5V1H1V34H5v1H0V0H35V35Z" fill="#121212"/>
+        </g>
+      </g>
+      <path id="Subtraction_37" data-name="Subtraction 37" d="M20,20H0V0H20V20ZM4,4V16H16V4Z" transform="translate(332.5 242.491)" fill="url(#linear-gradient)"/>
+    </g>
+  </g>
+</svg>

package/src/components/Layout/Header/assets/campx_square_small.svg

@@ -1,9 +1,9 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="320" height="320.001" viewBox="0 0 320 320.001">
-  <defs>
-    <linearGradient id="linear-gradient" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox">
-      <stop offset="0" stop-color="#596e79"/>
-      <stop offset="1" stop-color="#7c909b"/>
-    </linearGradient>
-  </defs>
-  <path id="Subtraction_37" data-name="Subtraction 37" d="M2495-5403H2175v-320h320v320Zm-260-260v200h200v-200Z" transform="translate(-2175 5723)" fill="url(#linear-gradient)"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="320" height="320.001" viewBox="0 0 320 320.001">
+  <defs>
+    <linearGradient id="linear-gradient" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#596e79"/>
+      <stop offset="1" stop-color="#7c909b"/>
+    </linearGradient>
+  </defs>
+  <path id="Subtraction_37" data-name="Subtraction 37" d="M2495-5403H2175v-320h320v320Zm-260-260v200h200v-200Z" transform="translate(-2175 5723)" fill="url(#linear-gradient)"/>
+</svg>

package/src/components/Layout/Header/assets/exams_small.svg

@@ -1,12 +1,12 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="310.624" height="320" viewBox="0 0 310.624 320">
-  <defs>
-    <linearGradient id="linear-gradient" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox">
-      <stop offset="0" stop-color="#d86b00"/>
-      <stop offset="1" stop-color="#ed9035"/>
-    </linearGradient>
-  </defs>
-  <g id="Group_4477" data-name="Group 4477" transform="translate(-342.295 -263.508)">
-    <path id="Subtraction_34" data-name="Subtraction 34" d="M310.612,320H233.034l-.016-.023L.015,320,0,319.977,38.785,266.6l.015.019L116.266,160,38.8,53.383l-.015.022L0,.024.015,0H310.609l.015.024L271.837,53.4l-.016-.022L194.354,160l77.467,106.615.016-.019,38.788,53.38-.016.022Zm-155.3-106.994-32.527,44.782,65-.04-32.476-44.742ZM122.788,62.154l32.525,44.783,32.476-44.742-65-.041Z" transform="translate(342.295 263.508)" fill="url(#linear-gradient)"/>
-    <rect id="Rectangle_4307" data-name="Rectangle 4307" width="3.696" height="133.935" transform="translate(495.759 356.565)" fill="#fff"/>
-  </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="310.624" height="320" viewBox="0 0 310.624 320">
+  <defs>
+    <linearGradient id="linear-gradient" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#d86b00"/>
+      <stop offset="1" stop-color="#ed9035"/>
+    </linearGradient>
+  </defs>
+  <g id="Group_4477" data-name="Group 4477" transform="translate(-342.295 -263.508)">
+    <path id="Subtraction_34" data-name="Subtraction 34" d="M310.612,320H233.034l-.016-.023L.015,320,0,319.977,38.785,266.6l.015.019L116.266,160,38.8,53.383l-.015.022L0,.024.015,0H310.609l.015.024L271.837,53.4l-.016-.022L194.354,160l77.467,106.615.016-.019,38.788,53.38-.016.022Zm-155.3-106.994-32.527,44.782,65-.04-32.476-44.742ZM122.788,62.154l32.525,44.783,32.476-44.742-65-.041Z" transform="translate(342.295 263.508)" fill="url(#linear-gradient)"/>
+    <rect id="Rectangle_4307" data-name="Rectangle 4307" width="3.696" height="133.935" transform="translate(495.759 356.565)" fill="#fff"/>
+  </g>
+</svg>

package/src/components/Layout/Header/assets/hostel_small.svg

@@ -1,13 +1,13 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="464.103" height="320" viewBox="0 0 464.103 320">
-  <defs>
-    <linearGradient id="linear-gradient" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox">
-      <stop offset="0" stop-color="#573dab"/>
-      <stop offset="1" stop-color="#7251dd"/>
-    </linearGradient>
-  </defs>
-  <g id="Group_4511" data-name="Group 4511" transform="translate(-270.758 -251.98)">
-    <path id="Subtraction_9" data-name="Subtraction 9" d="M79.763,164.484H.016L0,164.46l39.875-54.878.015.021L118.681,1.165,157.727,54.9l.015-.021.827,1.138L79.763,164.483ZM198.442,1.137h0L197.615,0h.431l.8.58-.4.555Z" transform="translate(384.15 407.496)" fill="url(#linear-gradient)"/>
-    <path id="Union_40" data-name="Union 40" d="M79.765,320H.017L0,319.974,39.878,265.1l.013.019,78.793-108.439.185.253,34.4-47.349.016.022,78.79-108.44.389.534.239-.333L350.791,163.9l-.077.058,73.5,101.155.016-.019L464.1,319.974l-.017.023H384.339L305.533,211.531l.031-.042L265.677,156.63l-.014.019,0,0v0l-.4-.554.02-.014-7.844-10.789.1.016-25.226-34.717-39.155,53.891h-.379l-35.728,49.138L79.765,320v0ZM152.94,1.392l-1-1.367L151.96,0h1.991L152.94,1.392v0Zm158.893-.256L311.008,0h.431l.8.583-.4.554Z" transform="translate(270.757 251.98)" fill="url(#linear-gradient)"/>
-    <path id="Subtraction_10" data-name="Subtraction 10" d="M198.046,164.484h-78.52L40.883,56.246,80.756,1.366,198.845,163.9l-.8.58ZM1,1.393h0L0,.024.015,0H2.006L1,1.392Z" transform="translate(422.701 407.495)" fill="url(#linear-gradient)"/>
-  </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="464.103" height="320" viewBox="0 0 464.103 320">
+  <defs>
+    <linearGradient id="linear-gradient" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#573dab"/>
+      <stop offset="1" stop-color="#7251dd"/>
+    </linearGradient>
+  </defs>
+  <g id="Group_4511" data-name="Group 4511" transform="translate(-270.758 -251.98)">
+    <path id="Subtraction_9" data-name="Subtraction 9" d="M79.763,164.484H.016L0,164.46l39.875-54.878.015.021L118.681,1.165,157.727,54.9l.015-.021.827,1.138L79.763,164.483ZM198.442,1.137h0L197.615,0h.431l.8.58-.4.555Z" transform="translate(384.15 407.496)" fill="url(#linear-gradient)"/>
+    <path id="Union_40" data-name="Union 40" d="M79.765,320H.017L0,319.974,39.878,265.1l.013.019,78.793-108.439.185.253,34.4-47.349.016.022,78.79-108.44.389.534.239-.333L350.791,163.9l-.077.058,73.5,101.155.016-.019L464.1,319.974l-.017.023H384.339L305.533,211.531l.031-.042L265.677,156.63l-.014.019,0,0v0l-.4-.554.02-.014-7.844-10.789.1.016-25.226-34.717-39.155,53.891h-.379l-35.728,49.138L79.765,320v0ZM152.94,1.392l-1-1.367L151.96,0h1.991L152.94,1.392v0Zm158.893-.256L311.008,0h.431l.8.583-.4.554Z" transform="translate(270.757 251.98)" fill="url(#linear-gradient)"/>
+    <path id="Subtraction_10" data-name="Subtraction 10" d="M198.046,164.484h-78.52L40.883,56.246,80.756,1.366,198.845,163.9l-.8.58ZM1,1.393h0L0,.024.015,0H2.006L1,1.392Z" transform="translate(422.701 407.495)" fill="url(#linear-gradient)"/>
+  </g>
+</svg>

package/src/components/Layout/Header/assets/index.ts

@@ -1,23 +1,23 @@
-import collegex from './campx.png'
-const enrollx = require('./enrollx.png')
-import examx from './newexamx.png'
-import payx from './newpayx.png'
-const peoplex = require('./peoplex.png')
-import campxSquareSmall from './campx_square_small.svg'
-import examsSmall from './exams_small.svg'
-import paySmall from './pay_small.svg'
-import peopleSmall from './people_small.svg'
-import hostelSmall from './hostel_small.svg'
-
-export {
-	collegex,
-	enrollx,
-	examx,
-	payx,
-	peoplex,
-	campxSquareSmall,
-	examsSmall,
-	paySmall,
-	peopleSmall,
-	hostelSmall,
-}
+import collegex from './campx.png'
+const enrollx = require('./enrollx.png')
+import examx from './newexamx.png'
+import payx from './newpayx.png'
+const peoplex = require('./peoplex.png')
+import campxSquareSmall from './campx_square_small.svg'
+import examsSmall from './exams_small.svg'
+import paySmall from './pay_small.svg'
+import peopleSmall from './people_small.svg'
+import hostelSmall from './hostel_small.svg'
+
+export {
+  collegex,
+  enrollx,
+  examx,
+  payx,
+  peoplex,
+  campxSquareSmall,
+  examsSmall,
+  paySmall,
+  peopleSmall,
+  hostelSmall,
+}

package/src/components/Layout/Header/assets/pay_small.svg

@@ -1,16 +1,16 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="225.228" height="320" viewBox="0 0 225.228 320">
-  <defs>
-    <linearGradient id="linear-gradient" x1="0.222" y1="1" x2="0.787" gradientUnits="objectBoundingBox">
-      <stop offset="0" stop-color="#88b053"/>
-      <stop offset="1" stop-color="#50840b"/>
-    </linearGradient>
-  </defs>
-  <g id="Group_4464" data-name="Group 4464" transform="translate(-1597.6 -781.55)">
-    <g id="Group_4461" data-name="Group 4461" transform="translate(1597.6 781.55)">
-      <g id="Group_4460" data-name="Group 4460" transform="translate(0 0)">
-        <path id="Subtraction_8" data-name="Subtraction 8" d="M79.79,164.485,198.873.58l-.8-.58H119.553L39.916,109.605l-.015-.022L.026,164.462l.015.023H79.79Z" transform="translate(26.355 155.515)" fill="url(#linear-gradient)"/>
-        <path id="Subtraction_8-2" data-name="Subtraction 8" d="M119.109,0,.026,163.9l.8.58H79.346L158.983,54.88,159,54.9,198.873.023,198.858,0H119.109Z" transform="translate(-0.026 0)" fill="url(#linear-gradient)"/>
-      </g>
-    </g>
-  </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="225.228" height="320" viewBox="0 0 225.228 320">
+  <defs>
+    <linearGradient id="linear-gradient" x1="0.222" y1="1" x2="0.787" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#88b053"/>
+      <stop offset="1" stop-color="#50840b"/>
+    </linearGradient>
+  </defs>
+  <g id="Group_4464" data-name="Group 4464" transform="translate(-1597.6 -781.55)">
+    <g id="Group_4461" data-name="Group 4461" transform="translate(1597.6 781.55)">
+      <g id="Group_4460" data-name="Group 4460" transform="translate(0 0)">
+        <path id="Subtraction_8" data-name="Subtraction 8" d="M79.79,164.485,198.873.58l-.8-.58H119.553L39.916,109.605l-.015-.022L.026,164.462l.015.023H79.79Z" transform="translate(26.355 155.515)" fill="url(#linear-gradient)"/>
+        <path id="Subtraction_8-2" data-name="Subtraction 8" d="M119.109,0,.026,163.9l.8.58H79.346L158.983,54.88,159,54.9,198.873.023,198.858,0H119.109Z" transform="translate(-0.026 0)" fill="url(#linear-gradient)"/>
+      </g>
+    </g>
+  </g>
+</svg>

package/src/components/Layout/Header/assets/payxHeader.svg

@@ -1,21 +1,21 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="40" viewBox="0 0 40 40">
-  <defs>
-    <linearGradient id="linear-gradient" x1="0.222" y1="1" x2="0.787" gradientUnits="objectBoundingBox">
-      <stop offset="0" stop-color="#88b053"/>
-      <stop offset="1" stop-color="#50840b"/>
-    </linearGradient>
-  </defs>
-  <g id="Group_4498" data-name="Group 4498" transform="translate(-325 -234.99)">
-    <g id="Group_4464" data-name="Group 4464" transform="translate(336.956 243.562)">
-      <g id="Group_4461" data-name="Group 4461" transform="translate(0)">
-        <g id="Group_4460" data-name="Group 4460" transform="translate(0 0)">
-          <path id="Subtraction_8" data-name="Subtraction 8" d="M5.723,11.749,14.229.041,14.172,0H8.564L2.875,7.829v0L.026,11.747v0h5.7Z" transform="translate(1.858 11.108)" fill="url(#linear-gradient)"/>
-          <path id="Subtraction_8-2" data-name="Subtraction 8" d="M8.532,0,.026,11.707l.057.041H5.692L11.38,3.92v0L14.229,0V0h-5.7Z" transform="translate(-0.026 0)" fill="url(#linear-gradient)"/>
-        </g>
-      </g>
-    </g>
-    <g id="Group_4480" data-name="Group 4480" transform="translate(325 234.99)">
-      <path id="Subtraction_36" data-name="Subtraction 36" d="M40,40H34.286V38.857h4.571V1.143H34.286V0H5.714V1.143H1.143V38.857H5.714V40H0V0H40V40Z" fill="#121212"/>
-    </g>
-  </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="40" viewBox="0 0 40 40">
+  <defs>
+    <linearGradient id="linear-gradient" x1="0.222" y1="1" x2="0.787" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#88b053"/>
+      <stop offset="1" stop-color="#50840b"/>
+    </linearGradient>
+  </defs>
+  <g id="Group_4498" data-name="Group 4498" transform="translate(-325 -234.99)">
+    <g id="Group_4464" data-name="Group 4464" transform="translate(336.956 243.562)">
+      <g id="Group_4461" data-name="Group 4461" transform="translate(0)">
+        <g id="Group_4460" data-name="Group 4460" transform="translate(0 0)">
+          <path id="Subtraction_8" data-name="Subtraction 8" d="M5.723,11.749,14.229.041,14.172,0H8.564L2.875,7.829v0L.026,11.747v0h5.7Z" transform="translate(1.858 11.108)" fill="url(#linear-gradient)"/>
+          <path id="Subtraction_8-2" data-name="Subtraction 8" d="M8.532,0,.026,11.707l.057.041H5.692L11.38,3.92v0L14.229,0V0h-5.7Z" transform="translate(-0.026 0)" fill="url(#linear-gradient)"/>
+        </g>
+      </g>
+    </g>
+    <g id="Group_4480" data-name="Group 4480" transform="translate(325 234.99)">
+      <path id="Subtraction_36" data-name="Subtraction 36" d="M40,40H34.286V38.857h4.571V1.143H34.286V0H5.714V1.143H1.143V38.857H5.714V40H0V0H40V40Z" fill="#121212"/>
+    </g>
+  </g>
+</svg>

package/src/components/Layout/Header/assets/people_small.svg

@@ -1,9 +1,9 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="426.29" height="320.001" viewBox="0 0 426.29 320.001">
-  <defs>
-    <linearGradient id="linear-gradient" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox">
-      <stop offset="0" stop-color="#d0002b"/>
-      <stop offset="1" stop-color="#ea4a6b"/>
-    </linearGradient>
-  </defs>
-  <path id="Union_42" data-name="Union 42" d="M-1429.646-7174l-50.322-69.259-9.444,13,40.5,55.514-1.027.747h-182.829l-.021-.03,40.96-56.372-9.342-12.857L-1651.493-7174h-102.486l-.021-.03,51.243-70.524.019.026,101.257-139.358.5.683,0,0,60.424,82.832,60.775-82.837.006.008.306-.421,151.761,208.879-1.027.747Zm-92.314-279.665v0A40.334,40.334,0,0,1-1481.627-7494a40.335,40.335,0,0,1,40.334,40.334v0a40.335,40.335,0,0,1-40.334,40.333A40.333,40.333,0,0,1-1521.96-7453.664Zm-119.905,0v0A40.334,40.334,0,0,1-1601.532-7494a40.335,40.335,0,0,1,40.334,40.334v0a40.335,40.335,0,0,1-40.334,40.333A40.333,40.333,0,0,1-1641.865-7453.664Z" transform="translate(1753.999 7494)" fill="url(#linear-gradient)"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="426.29" height="320.001" viewBox="0 0 426.29 320.001">
+  <defs>
+    <linearGradient id="linear-gradient" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#d0002b"/>
+      <stop offset="1" stop-color="#ea4a6b"/>
+    </linearGradient>
+  </defs>
+  <path id="Union_42" data-name="Union 42" d="M-1429.646-7174l-50.322-69.259-9.444,13,40.5,55.514-1.027.747h-182.829l-.021-.03,40.96-56.372-9.342-12.857L-1651.493-7174h-102.486l-.021-.03,51.243-70.524.019.026,101.257-139.358.5.683,0,0,60.424,82.832,60.775-82.837.006.008.306-.421,151.761,208.879-1.027.747Zm-92.314-279.665v0A40.334,40.334,0,0,1-1481.627-7494a40.335,40.335,0,0,1,40.334,40.334v0a40.335,40.335,0,0,1-40.334,40.333A40.333,40.333,0,0,1-1521.96-7453.664Zm-119.905,0v0A40.334,40.334,0,0,1-1601.532-7494a40.335,40.335,0,0,1,40.334,40.334v0a40.335,40.335,0,0,1-40.334,40.333A40.333,40.333,0,0,1-1641.865-7453.664Z" transform="translate(1753.999 7494)" fill="url(#linear-gradient)"/>
+</svg>