ershisan99/flashcards-example-project
1
0
Fork 0
mirror of https://github.com/ershisan99/flashcards-example-project.git synced 2025-12-16 12:33:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: header component

Browse Source 
feat: dropdown component
feat: avatar component
This commit is contained in:
andres
2023-12-30 13:01:04 +01:00
parent 7416196221
commit 0ccc447e40
31 changed files with 726 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/assets/icons/logout.tsx
View File

@@ -2,19 +2,31 @@ import { Ref, SVGProps, forwardRef, memo } from 'react'
const SvgComponent = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
fill={'none'}
height={24}
height={16}
ref={ref}
width={24}
width={16}
xmlns={'http://www.w3.org/2000/svg'}
{...props}
>
<g clipPath={'url(#a)'} fill={'#000'}>
<g clipPath={'url(#clip0_5928_3635)'}>
<path
d={
'M7 6a1 1 0 0 0 0-2H5a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h2a1 1 0 0 0 0-2H6V6h1Zm13.82 5.42-2.82-4a1 1 0 1 0-1.63 1.16L18.09 11H10a1 1 0 0 0 0 2h8l-1.8 2.4a1 1 0 0 0 1.6 1.2l3-4a1 1 0 0 0 .02-1.18Z'
'M4.66669 4.00081C4.8435 4.00081 5.01307 3.93058 5.13809 3.80555C5.26312 3.68053 5.33335 3.51096 5.33335 3.33415C5.33335 3.15734 5.26312 2.98777 5.13809 2.86274C5.01307 2.73772 4.8435 2.66748 4.66669 2.66748H3.33335C3.15654 2.66748 2.98697 2.73772 2.86195 2.86274C2.73693 2.98777 2.66669 3.15734 2.66669 3.33415V12.6675C2.66669 12.8443 2.73693 13.0139 2.86195 13.1389C2.98697 13.2639 3.15654 13.3341 3.33335 13.3341H4.66669C4.8435 13.3341 5.01307 13.2639 5.13809 13.1389C5.26312 13.0139 5.33335 12.8443 5.33335 12.6675C5.33335 12.4907 5.26312 12.3211 5.13809 12.1961C5.01307 12.0711 4.8435 12.0008 4.66669 12.0008H4.00002V4.00081H4.66669Z'
}
fill={'white'}
/>
<path
d={
'M13.88 7.61411L12 4.94745C11.898 4.80372 11.7433 4.70621 11.5697 4.67623C11.396 4.64625 11.2176 4.68623 11.0733 4.78745C11.0012 4.83797 10.9399 4.90228 10.8927 4.97665C10.8456 5.05103 10.8137 5.134 10.7988 5.22077C10.784 5.30755 10.7864 5.39641 10.8061 5.48223C10.8257 5.56805 10.8622 5.64913 10.9133 5.72078L12.06 7.33411H6.66667C6.48986 7.33411 6.32029 7.40435 6.19526 7.52938C6.07024 7.6544 6 7.82397 6 8.00078C6 8.17759 6.07024 8.34716 6.19526 8.47219C6.32029 8.59721 6.48986 8.66745 6.66667 8.66745H12L10.8 10.2674C10.7475 10.3375 10.7093 10.4172 10.6875 10.502C10.6658 10.5868 10.661 10.6751 10.6734 10.7617C10.6857 10.8484 10.7151 10.9318 10.7597 11.0071C10.8043 11.0824 10.8633 11.1483 10.9333 11.2008C11.0487 11.2873 11.1891 11.3341 11.3333 11.3341C11.4368 11.3341 11.5389 11.31 11.6315 11.2637C11.724 11.2174 11.8046 11.1502 11.8667 11.0674L13.8667 8.40078C13.952 8.28803 13.9994 8.15104 14.0018 8.00962C14.0041 7.86821 13.9615 7.7297 13.88 7.61411Z'
}
fill={'white'}
/>
</g>
<defs>
<clipPath id={'clip0_5928_3635'}>
<rect fill={'white'} height={'16'} transform={'translate(0 0.000976562)'} width={'16'} />
</clipPath>
</defs>
</svg>
)
const ForwardRef = forwardRef(SvgComponent)