Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix: add navbar to billing page, fix misc css issues, modal popout conditionals #4685

Merged
merged 7 commits into from
Aug 31, 2022
Merged

fix: add navbar to billing page, fix misc css issues, modal popout conditionals #4685

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
21153dc
fix: update invalid svg-as-component props
karrui Aug 25, 2022
223912f
feat(AdminNavbar): update link in Form logo to point to root route
karrui Aug 25, 2022
2dcd1f6
feat: add navbar to billing page
karrui Aug 25, 2022
f3b894a
fix: correct conditional to decide on opening emergency contact modal
karrui Aug 25, 2022
f878e0c
feat: add default for rollout modal check
karrui Aug 25, 2022
d47f132
fix(BillingTableSkeleton): add key to skeleton
karrui Aug 25, 2022
1e87c86
fix(theme): use WebkitFontSmoothing over kebab-case css rule
karrui Aug 25, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
21 changes: 14 additions & 7 deletions frontend/src/app/AdminNavBar/AdminNavBar.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
import React, { useEffect, useMemo } from 'react'
import React, { useCallback, useEffect, useMemo } from 'react'
import { BiCommentDetail } from 'react-icons/bi'
import { Link as ReactLink } from 'react-router-dom'
import {
Expand All @@ -17,6 +17,7 @@ import {
EMERGENCY_CONTACT_KEY_PREFIX,
ROLLOUT_ANNOUNCEMENT_KEY_PREFIX,
} from '~constants/localStorage'
import { ROOT_ROUTE } from '~constants/routes'
import { useIsMobile } from '~hooks/useIsMobile'
import { useLocalStorage } from '~hooks/useLocalStorage'
import { logout } from '~services/AuthService'
Expand Down Expand Up @@ -92,6 +93,7 @@ export const AdminNavBar = ({ isMenuOpen }: AdminNavBarProps): JSX.Element => {
)
const [hasSeenAnnouncement] = useLocalStorage<boolean>(
ROLLOUT_ANNOUNCEMENT_KEY,
false,
)

// Only want to show the emergency contact modal if user id exists but user has no emergency contact
Expand All @@ -104,7 +106,7 @@ export const AdminNavBar = ({ isMenuOpen }: AdminNavBarProps): JSX.Element => {
)

const [hasSeenContactModal, setHasSeenContactModal] =
useLocalStorage<boolean>(emergencyContactKey)
useLocalStorage<boolean>(emergencyContactKey, false)

const {
isOpen: isContactModalOpen,
Expand All @@ -118,25 +120,30 @@ export const AdminNavBar = ({ isMenuOpen }: AdminNavBarProps): JSX.Element => {

// Emergency contact modal appears after the rollout announcement modal
useEffect(() => {
if (!hasSeenContactModal && user && !user?.contact && hasSeenAnnouncement) {
if (
hasSeenContactModal === false &&
user &&
!user.contact &&
hasSeenAnnouncement === true
wanlingt marked this conversation as resolved.
Show resolved Hide resolved
) {
onContactModalOpen()
}
}, [hasSeenContactModal, onContactModalOpen, user, hasSeenAnnouncement])

const handleLogout = () => {
const handleLogout = useCallback(() => {
logout()
removeQuery()
if (emergencyContactKey) {
localStorage.removeItem(emergencyContactKey)
}
}
}, [emergencyContactKey, removeQuery])

return (
<>
<AdminNavBar.Container>
<Link title="Form Logo" href={window.location.origin}>
<ReactLink title="Form Logo" to={ROOT_ROUTE}>
{<BrandSmallLogo w="2rem" />}
</Link>
</ReactLink>
<HStack
textStyle="subhead-1"
spacing={{ base: '0.75rem', md: '1.5rem' }}
Expand Down
24 changes: 12 additions & 12 deletions .../features/admin-form/responses/ResponsesPage/common/EmptyResponses/EmptyResponsesSvgr.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -23,23 +23,23 @@ export const EmptyResponsesSvgr = chakra((props: SVGProps<SVGSVGElement>) => (
<path
d="M49.9756 162.99L162.985 228.049L275.989 162.99"
stroke="black"
stroke-width="0.5"
strokeWidth="0.5"
/>
<path
d="M89.2676 270.486L275.989 162.99"
stroke="black"
stroke-width="0.5"
strokeWidth="0.5"
/>
<path
d="M84.6872 280H275.989V149.887L162.985 84.834L49.9756 149.887V280"
stroke="black"
stroke-width="0.5"
strokeWidth="0.5"
/>
<path
d="M18.0622 6.32734C15.7324 -0.826147 5.50749 -1.25173 2.68165 5.72065C2.48704 6.19385 2.33477 6.68321 2.2266 7.18304C-3.19301 32.175 2.90917 57.76 6.82713 70.3148C6.82713 70.3465 6.84988 70.3827 6.85898 70.419C9.18883 77.5724 19.4137 77.998 22.2441 71.0256C22.4381 70.5538 22.5904 70.066 22.6992 69.5678C28.1188 44.5713 22.0166 18.9863 18.0986 6.43147C18.0622 6.37714 18.0622 6.32734 18.0622 6.32734Z"
fill="#F0F0F1"
stroke="black"
stroke-width="0.15"
strokeWidth="0.15"
/>
<path
d="M221.964 107.29C222.992 110.971 223.952 114.67 224.658 118.428C225.5 122.883 226.023 127.519 228.203 131.508C228.507 132.069 229.003 133.255 229.522 133.636C230.041 134.016 230.519 134.65 231.088 135.071C231.775 135.578 232.348 135.374 233.126 135.727C233.56 135.898 234.027 135.966 234.491 135.927C237.411 135.831 240.154 134.516 242.05 132.305C242.492 131.709 242.981 131.149 243.51 130.629C243.879 130.308 244.298 130.054 244.693 129.769C245.74 129.018 246.441 127.614 247.31 126.663C248.48 125.463 249.502 124.129 250.354 122.688C251.046 121.574 252.903 119.65 253.576 118.527C254.891 116.345 255.096 115.489 256.566 113.411C258.035 111.333 260.802 107.956 261.116 105.429C259.296 105.188 257.459 105.037 255.606 104.977C252.771 104.868 249.54 104.546 247.469 106.48C247.014 106.905 246.268 107.254 245.79 107.661C245.331 108.06 244.848 108.431 244.343 108.771C242.432 110.011 241.285 111.718 239.693 113.343C240.088 110.278 240.826 107.109 240.844 104.017C240.844 103.799 240.33 104.098 240.184 103.931C240.026 103.787 239.824 103.7 239.611 103.686C236.266 103.066 232.785 102.455 229.499 103.306"
Expand Down Expand Up @@ -112,7 +112,7 @@ export const EmptyResponsesSvgr = chakra((props: SVGProps<SVGSVGElement>) => (
<path
d="M208.795 24.5132C208.413 26.4638 208.178 28.4404 208.094 30.4261L208.058 30.6253C207.934 31.3883 207.768 32.144 207.562 32.8891C207.443 33.3579 207.704 33.8394 208.163 33.9983C208.163 34.1477 208.163 34.3017 208.208 34.4511C208.49 36.7149 208.558 41.0839 213.951 38.8473"
stroke="black"
stroke-width="0.276859"
strokeWidth="0.276859"
/>
<path
d="M208.468 24.8259L210.438 26.5961C210.593 26.7245 210.725 26.8775 210.829 27.0489C210.938 27.3095 210.986 27.5912 210.97 27.8729C210.961 28.8876 211.011 29.902 211.12 30.9109C211.274 30.398 211.493 29.9067 211.771 29.4485C211.874 29.3311 212.031 29.2747 212.185 29.2991C212.431 29.3262 212.709 29.7156 212.786 29.9465C213.031 30.7642 212.899 31.6478 212.426 32.3597C213.256 33.0275 213.99 33.806 214.606 34.6732C215.189 35.4972 215.726 36.448 216.658 36.8465C217.434 37.0941 218.264 37.1254 219.057 36.937C219.505 36.8816 219.948 36.7892 220.381 36.6608C220.449 36.6382 220.667 36.6065 220.713 36.5522C220.758 36.4978 220.626 36.4344 220.636 36.3665C220.954 34.4152 221.414 32.4548 221.732 30.5034C221.915 29.61 221.988 28.6978 221.951 27.7869C221.906 26.8742 221.527 26.0094 220.886 25.3556C220.726 25.241 220.601 25.0842 220.526 24.9028C220.507 24.812 220.496 24.7195 220.494 24.6267C220.418 24.08 220.118 23.5888 219.666 23.2684C219.119 22.8536 218.503 22.5365 217.846 22.3312C214.705 21.2932 211.26 21.7436 208.495 23.5536C208.134 23.761 207.834 24.0593 207.626 24.4184C207.442 24.835 207.431 25.3065 207.594 25.7314C207.753 26.1517 207.976 26.5455 208.254 26.8995C208.3 26.204 208.438 25.5176 208.663 24.8576"
Expand Down Expand Up @@ -222,7 +222,7 @@ export const EmptyResponsesSvgr = chakra((props: SVGProps<SVGSVGElement>) => (
d="M171.027 24.21L166.54 23.5308L154.418 21.6927L136.507 18.9762L114.856 15.6892L91.3253 12.1079L67.7448 8.53116L46.2028 5.26229L28.456 2.54578L16.5929 0.73477C14.8961 0.401639 13.1827 0.15832 11.46 0.00583842C8.89196 -0.0852386 6.40196 0.89261 4.58876 2.70424C2.40908 4.87293 1.97679 7.77054 1.47168 10.6682C0.230532 18.0142 -0.227055 25.4702 0.106542 32.9119C0.65236 44.9293 2.68975 56.8335 6.17232 68.3533C6.8731 70.7076 7.62847 72.8809 9.58518 74.5334C11.5724 76.1855 14.1694 76.924 16.734 76.5663C19.305 76.195 21.876 75.4389 24.4106 74.873L44.8195 70.3228C53.3562 68.4212 61.8929 66.5167 70.4295 64.6091C79.7186 62.5355 89.0031 60.4528 98.283 58.3611C107.229 56.3478 116.178 54.318 125.131 52.2716C132.782 50.5179 140.425 48.7416 148.061 46.9427C153.339 45.6931 158.613 44.4389 163.86 43.0671C165.302 42.6868 166.745 42.311 168.165 41.8673C168.97 41.6138 169.775 41.3874 170.595 41.1656L171.732 40.8577C172.124 40.7535 172.283 40.586 171.755 40.749C171.3 40.8848 171.468 40.7988 171.582 40.3687C171.696 39.9386 171.737 39.6036 171.8 39.2278C171.928 38.4581 172.023 37.6884 172.087 36.9142C172.434 32.6622 172.095 28.3823 171.081 24.2371C171.067 24.2149 171.04 24.2046 171.015 24.212C170.989 24.2194 170.972 24.2426 170.972 24.2688C172.292 29.5841 172.606 35.5605 171.345 40.903C171.339 40.9222 171.345 40.9431 171.359 40.9574C171.373 40.9716 171.394 40.9768 171.414 40.9709L172.16 40.7445C172.182 40.7305 172.193 40.7034 172.185 40.6782C172.178 40.653 172.154 40.6357 172.128 40.6358C168.943 41.4961 165.785 42.4468 162.572 43.2799C157.312 44.6382 152.029 45.8878 146.746 47.1328C139.356 48.8804 131.958 50.5979 124.553 52.2851C115.952 54.2561 107.349 56.209 98.7426 58.1438C89.8419 60.1479 80.9381 62.1461 72.0313 64.1382L47.1357 69.7116L26.7632 74.2391L19.1002 75.955C17.1481 76.4078 15.2642 76.7836 13.2665 76.2901C10.3976 75.5646 8.06731 73.4879 7.02781 70.7303C6.27243 68.6884 5.74003 66.5287 5.17577 64.428C4.4932 61.8805 3.87433 59.3149 3.31918 56.7312C1.9783 50.5613 1.04648 44.3104 0.529736 38.0189C-0.0679764 30.9456 -0.000945508 23.8322 0.729957 16.7713C0.936245 14.8486 1.20169 12.9319 1.52629 11.0213C1.80842 9.36876 2.02684 7.61208 2.6002 6.04103C3.60782 3.29444 5.89354 1.20597 8.72969 0.440481C11.055 -0.175263 13.4485 0.395205 15.7693 0.748352L26.3764 2.35562L42.5852 4.8186L62.6937 7.87015L84.9911 11.2567L107.798 14.7158L129.404 17.9982L148.102 20.8324L162.208 22.974L169.998 24.1556L170.995 24.3096C171.068 24.3277 171.1 24.219 171.027 24.21Z"
fill="black"
stroke="black"
stroke-width="0.1"
strokeWidth="0.1"
/>
<mask id="path-53-inside-1_101_3" fill="white">
<path d="M18.1029 6.29095C17.4586 4.28536 16.055 2.608 14.1895 1.61402C12.4431 0.707606 10.4379 0.42169 8.50594 0.803594C6.50928 1.18657 4.73414 2.31169 3.54137 3.95022C2.78601 5.06215 2.27294 6.31908 2.03516 7.64015C1.64382 9.49342 1.31316 11.3572 1.04316 13.2316C0.0431694 20.3924 -0.23883 27.6343 0.201324 34.8506C0.576795 41.3239 1.40087 47.7638 2.66768 54.1242C3.65058 59.1286 4.88073 64.0757 6.35811 68.9654C6.61728 69.9952 6.99122 70.9929 7.47298 71.94C7.98455 72.8479 8.67296 73.6452 9.49794 74.2853C11.0581 75.483 12.989 76.1026 14.9585 76.0374C16.9619 75.9902 18.8792 75.2175 20.3508 73.8642C21.1204 73.1369 21.7388 72.2662 22.171 71.3016C22.4932 70.5356 22.7312 69.7371 22.8809 68.9202C23.072 68.0147 23.2449 67.1092 23.4087 66.2037C24.6392 59.0116 25.1135 51.7116 24.8239 44.4217C24.5791 37.8178 23.8537 31.2402 22.6534 24.7406C21.7066 19.5013 20.4916 14.3136 19.013 9.19762C18.7263 8.2242 18.4396 7.25531 18.1302 6.29095C18.1302 6.21851 17.9982 6.2502 18.021 6.31812C19.468 10.8456 20.6557 15.4909 21.6614 20.1452C22.9687 26.2303 23.8807 32.393 24.3916 38.5948C24.9825 45.5495 24.9338 52.5434 24.246 59.4893C24.061 61.3003 23.8213 63.1114 23.527 64.9224C23.3814 65.8279 23.2191 66.7334 23.0401 67.6389C22.8917 68.5367 22.6927 69.4255 22.444 70.3011C21.7901 72.4478 20.2522 74.218 18.2121 75.1727C14.4352 76.9022 9.65721 75.5168 7.59584 71.8721C7.10644 70.9011 6.72644 69.8792 6.46277 68.8251C6.15941 67.8079 5.86363 66.7862 5.57543 65.76C4.90803 63.3604 4.3013 60.9457 3.75524 58.5159C2.38916 52.6127 1.39221 46.631 0.770133 40.605C0.0506416 33.7159 -0.0574708 26.777 0.44705 19.869C0.720237 16.2129 1.20644 12.5758 1.9032 8.97577C2.20353 7.44547 2.48566 5.91969 3.3002 4.56144C3.85439 3.63572 4.5968 2.83537 5.47987 2.21165C8.94758 -0.135766 13.6248 0.424909 16.4329 3.52464C17.1363 4.34288 17.6685 5.2926 17.9982 6.31812C18.0164 6.38603 18.1302 6.35886 18.1029 6.29095Z" />
Expand Down Expand Up @@ -360,37 +360,37 @@ export const EmptyResponsesSvgr = chakra((props: SVGProps<SVGSVGElement>) => (
d="M245.69 77.5896C247.901 81.1853 248.843 85.4126 248.365 89.6011C248.365 89.6736 248.47 89.6736 248.479 89.6011C248.962 85.3932 248.016 81.1455 245.79 77.5353C245.749 77.4719 245.653 77.5353 245.69 77.5896Z"
fill="black"
stroke="black"
stroke-width="0.2"
strokeWidth="0.2"
/>
<path
d="M250.445 79.0064C251.063 80.9241 251.402 82.9198 251.451 84.933C251.451 85.0054 251.569 85.0054 251.564 84.933C251.516 82.9105 251.176 80.9054 250.554 78.9793C250.554 78.9114 250.422 78.9385 250.445 79.0064Z"
fill="black"
stroke="black"
stroke-width="0.2"
strokeWidth="0.2"
/>
<path
d="M198.138 17.7537C199.179 18.7584 200.072 19.9046 200.791 21.1584C200.827 21.2218 200.927 21.1584 200.891 21.0996C200.167 19.8374 199.268 18.6835 198.22 17.6722C198.196 17.6569 198.165 17.6601 198.145 17.6798C198.125 17.6996 198.122 17.7304 198.138 17.7537Z"
fill="black"
stroke="black"
stroke-width="0.2"
strokeWidth="0.2"
/>
<path
d="M203.353 14.9514C204.326 16.5654 205.163 18.2569 205.855 20.0086C205.883 20.0766 205.992 20.0449 205.965 19.9769C205.271 18.2154 204.431 16.5147 203.453 14.8925C203.416 14.8337 203.316 14.8925 203.353 14.9514Z"
fill="black"
stroke="black"
stroke-width="0.2"
strokeWidth="0.2"
/>
<path
d="M212.854 11.3971L213.199 17.8443C213.207 17.8696 213.23 17.887 213.256 17.887C213.283 17.887 213.306 17.8696 213.313 17.8443L212.967 11.3971C212.967 11.3247 212.849 11.3247 212.854 11.3971Z"
fill="black"
stroke="black"
stroke-width="0.2"
strokeWidth="0.2"
/>
<path
d="M221.764 12.778C221.545 14.1522 221.196 15.5028 220.722 16.812C220.695 16.8844 220.804 16.9116 220.831 16.8437C221.306 15.5331 221.655 14.1809 221.873 12.8051C221.873 12.7327 221.773 12.7055 221.764 12.778Z"
fill="black"
stroke="black"
stroke-width="0.2"
strokeWidth="0.2"
/>
<path
d="M275.497 163.828L75.874 279.019H275.497V163.828Z"
Expand Down
4 changes: 2 additions & 2 deletions frontend/src/features/user/billing/BillCharges/components/BillingTableSkeleton.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,8 +13,8 @@ export const BillingTableSkeleton = (): JSX.Element => (
<Container maxW="69.5rem">
{Array(11)
.fill(null)
.map(() => (
<BillingTableSkeletonRow />
.map((_, i) => (
<BillingTableSkeletonRow key={i} />
))}
</Container>
)
28 changes: 14 additions & 14 deletions frontend/src/features/user/billing/BillCharges/components/NoChargesSvg.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@ export const NoChargesSvg = chakra(
<path
d="M40.9302 195.355C40.9302 195.355 36.4327 212.915 39.1713 237.898C40.5593 250.874 41.2707 263.912 41.3026 276.962C41.3041 277.769 41.6261 278.543 42.1977 279.113C42.7693 279.682 43.5437 280.002 44.3506 280H57.5279C58.5319 279.99 59.4123 279.327 59.7001 278.364C59.9879 277.402 59.616 276.364 58.7826 275.804L56.8519 274.531C56.1771 274.085 55.7873 273.316 55.8263 272.507C56.3076 262.957 59.2639 203.914 58.817 195.923"
stroke="black"
stroke-width="0.5"
strokeWidth="0.5"
/>
<path
d="M51.3628 109.587C51.3628 109.587 40.0245 130.374 37.1541 159.668C35.0801 180.88 39.8755 195.327 39.8755 195.327L56.2556 194.965C56.2556 194.965 54.5368 196.358 53.1789 192.099C51.8211 187.839 48.6242 160.093 49.1684 155.61"
Expand Down Expand Up @@ -133,22 +133,22 @@ export const NoChargesSvg = chakra(
fill="#4A61C0"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
fillRule="evenodd"
clipRule="evenodd"
d="M110.325 143.479C107.909 143.471 105.658 144.7 104.355 146.735C102.585 149.515 100.344 154.423 98.8835 162.655C96.1449 178.093 88.3072 211.957 73.4971 213.104H116.054C116.054 213.104 125.015 214.72 128.498 205.508C131.982 196.295 135.717 147.48 146.918 143.496L110.325 143.479Z"
stroke="black"
stroke-width="0.5"
strokeWidth="0.5"
/>
<path
d="M148.471 143.479C150.889 143.479 153.152 145.262 154.447 148.254C156.217 152.342 158.457 159.537 159.918 171.621C162.651 194.283 170.495 243.992 185.299 245.632H142.742C142.742 245.632 133.782 248.011 130.298 234.487C126.815 220.964 123.074 149.326 111.884 143.479H148.471Z"
fill="#F5F6F8"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
fillRule="evenodd"
clipRule="evenodd"
d="M148.471 143.479C150.889 143.479 153.152 145.262 154.447 148.254C156.217 152.342 158.457 159.537 159.918 171.621C162.651 194.283 170.495 243.992 185.299 245.632H142.742C142.742 245.632 133.782 248.011 130.298 234.487C126.815 220.964 123.074 149.326 111.884 143.479H148.471Z"
stroke="black"
stroke-width="0.5"
strokeWidth="0.5"
/>
<path
d="M176.525 176.104C174.111 176.097 171.86 177.323 170.555 179.355C168.779 182.141 166.545 187.043 165.084 195.281C162.345 210.719 154.507 244.583 139.697 245.729H182.254C182.254 245.729 191.215 247.346 194.698 238.133C198.182 228.921 201.917 180.112 213.118 176.127L176.525 176.104Z"
Expand All @@ -163,22 +163,22 @@ export const NoChargesSvg = chakra(
fill="#4A61C0"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
fillRule="evenodd"
clipRule="evenodd"
d="M176.525 176.104C174.111 176.097 171.86 177.323 170.555 179.355C168.779 182.141 166.545 187.043 165.084 195.281C162.345 210.719 154.507 244.583 139.697 245.729H182.254C182.254 245.729 191.215 247.346 194.698 238.133C198.182 228.921 201.917 180.112 213.118 176.127L176.525 176.104Z"
stroke="black"
stroke-width="0.5"
strokeWidth="0.5"
/>
<path
d="M214.675 176.104C217.087 176.104 219.35 177.882 220.651 180.874C222.421 184.962 224.661 192.162 226.117 204.247C228.855 226.909 236.693 276.612 251.503 278.257H208.946C208.946 278.257 199.985 280.631 196.502 267.107C193.019 253.583 189.283 181.952 178.077 176.104H214.675Z"
fill="#F5F6F8"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
fillRule="evenodd"
clipRule="evenodd"
d="M214.671 176.104C217.083 176.104 219.346 177.882 220.647 180.874C222.417 184.962 224.657 192.162 226.113 204.247C228.851 226.908 236.689 276.612 251.499 278.257C248.377 277.913 245.025 278.257 241.885 278.217L231.956 278.154C227.373 278.154 222.738 278.154 218.126 278.217C213.909 278.303 209.108 279.237 204.994 278.085C200.119 276.715 197.667 271.642 196.498 267.107C193.015 253.589 189.279 181.952 178.084 176.104H214.671Z"
stroke="black"
stroke-width="0.5"
strokeWidth="0.5"
/>
<path
d="M33.4594 49.0078C34.5479 48.0562 36.0605 47.6721 37.4183 47.2479C39.0536 46.658 40.7958 46.4235 42.5288 46.56C45.3247 46.9096 47.6852 48.6581 49.5013 50.6933C49.7534 50.9685 50.1545 50.5614 49.9081 50.2863C47.9258 48.0963 45.3705 46.2446 42.3455 45.958C40.528 45.8674 38.7112 46.1483 37.0058 46.7835C35.6136 47.225 34.1698 47.6262 33.0526 48.6008C32.7719 48.8473 33.1786 49.2486 33.4594 49.0078Z"
Expand Down Expand Up @@ -263,7 +263,7 @@ export const NoChargesSvg = chakra(
<path
d="M12.0264 195.894C12.0264 195.894 6.54921 212.886 9.2878 237.87C10.7124 251.122 11.4239 264.441 11.4191 277.77C11.4175 278.358 11.6519 278.923 12.0698 279.336C12.4877 279.75 13.0541 279.979 13.6421 279.971H30.5262C31.1592 279.969 31.7161 279.552 31.8979 278.946C32.0798 278.339 31.8439 277.685 31.3169 277.334L26.6704 274.279C26.2125 273.98 25.9655 273.445 26.0345 272.903C27.0486 264.825 34.6628 203.885 34.1987 195.762"
stroke="black"
stroke-width="0.5"
strokeWidth="0.5"
/>
<path
d="M11.2834 274.817C13.389 274.463 15.5118 274.22 17.6429 274.089C18.7887 274.021 19.8945 273.877 20.8513 274.663C21.3211 275.052 21.6878 275.551 22.1862 275.924C24.3136 277.485 27.1075 277.803 29.5311 276.761C29.6171 276.726 29.5827 276.589 29.4968 276.623C27.8362 277.34 25.97 277.42 24.2545 276.847C23.3433 276.544 22.5045 276.056 21.7909 275.414C21.3947 274.963 20.9553 274.552 20.4789 274.187C19.3903 273.545 17.7575 273.917 16.5772 274.009C14.7897 274.147 13.0136 274.376 11.2433 274.668C11.1516 274.668 11.1917 274.823 11.2834 274.806V274.817Z"
Expand Down
Loading