jollywhoppers.com
Bluesky app fork with some witchin' additions 馃挮
witchsky.app
bluesky
fork
client
samuel.fm
1import {h} from 'preact'
2
3type IconProps = {
4 size: number
5 className?: string
6}
7
8export function VerificationCheck({
9 verifier,
10 ...rest
11}: {verifier: boolean} & IconProps) {
12 return verifier ? <VerifierCheck {...rest} /> : <VerifiedCheck {...rest} />
13}
14
15export function VerifiedCheck({size, className}: IconProps) {
16 return (
17 <svg
18 fill="none"
19 viewBox="0 0 24 24"
20 width={size}
21 height={size}
22 className={className}>
23 <circle cx="12" cy="12" r="11.5" fill="hsl(211, 99%, 53%)" />
24 <path
25 fill="#fff"
26 fillRule="evenodd"
27 clipRule="evenodd"
28 d="M17.659 8.175a1.361 1.361 0 0 1 0 1.925l-6.224 6.223a1.361 1.361 0 0 1-1.925 0L6.4 13.212a1.361 1.361 0 0 1 1.925-1.925l2.149 2.148 5.26-5.26a1.361 1.361 0 0 1 1.925 0Z"
29 />
30 </svg>
31 )
32}
33
34export function VerifierCheck({size, className}: IconProps) {
35 return (
36 <svg
37 fill="none"
38 viewBox="0 0 24 24"
39 width={size}
40 height={size}
41 className={className}>
42 <path
43 fill="hsl(211, 99%, 53%)"
44 fillRule="evenodd"
45 clipRule="evenodd"
46 d="M8.792 1.615a4.154 4.154 0 0 1 6.416 0 4.154 4.154 0 0 0 3.146 1.515 4.154 4.154 0 0 1 4 5.017 4.154 4.154 0 0 0 .777 3.404 4.154 4.154 0 0 1-1.427 6.255 4.153 4.153 0 0 0-2.177 2.73 4.154 4.154 0 0 1-5.781 2.784 4.154 4.154 0 0 0-3.492 0 4.154 4.154 0 0 1-5.78-2.784 4.154 4.154 0 0 0-2.178-2.73A4.154 4.154 0 0 1 .87 11.551a4.154 4.154 0 0 0 .776-3.404A4.154 4.154 0 0 1 5.646 3.13a4.154 4.154 0 0 0 3.146-1.515Z"
47 />
48 <path
49 fill="#fff"
50 fillRule="evenodd"
51 clipRule="evenodd"
52 d="M17.861 8.26a1.438 1.438 0 0 1 0 2.033l-6.571 6.571a1.437 1.437 0 0 1-2.033 0L5.97 13.58a1.438 1.438 0 0 1 2.033-2.033l2.27 2.269 5.554-5.555a1.437 1.437 0 0 1 2.033 0Z"
53 />
54 </svg>
55 )
56}