Remove 10milly dialog, revert header logo changes (#5503) · jeanmachine.dev/witchsky.app@5a14216

-129

src/components/dialogs/nuxs/TenMillion/Trigger.tsx

··· 1 - import React from 'react' 2 - import {View} from 'react-native' 3 - import Svg, {Circle, Path} from 'react-native-svg' 4 - import {msg, Trans} from '@lingui/macro' 5 - import {useLingui} from '@lingui/react' 6 - 7 - import {Nux, useUpsertNuxMutation} from '#/state/queries/nuxs' 8 - import {atoms as a, ViewStyleProp} from '#/alf' 9 - import {Button, ButtonProps} from '#/components/Button' 10 - import * as Dialog from '#/components/Dialog' 11 - import {InlineLinkText} from '#/components/Link' 12 - import * as Prompt from '#/components/Prompt' 13 - import {TenMillion} from './' 14 - 15 - export function Trigger({children}: {children: ButtonProps['children']}) { 16 - const {_} = useLingui() 17 - const {mutate: upsertNux} = useUpsertNuxMutation() 18 - const [show, setShow] = React.useState(false) 19 - const [fallback, setFallback] = React.useState(false) 20 - const control = Prompt.usePromptControl() 21 - 22 - const handleOnPress = () => { 23 - if (!fallback) { 24 - setShow(true) 25 - upsertNux({ 26 - id: Nux.TenMillionDialog, 27 - completed: true, 28 - data: undefined, 29 - }) 30 - } else { 31 - control.open() 32 - } 33 - } 34 - 35 - const onHandleFallback = () => { 36 - setFallback(true) 37 - control.open() 38 - } 39 - 40 - return ( 41 - <> 42 - <Button 43 - label={_(msg`Bluesky is celebrating 10 million users!`)} 44 - onPress={handleOnPress}> 45 - {children} 46 - </Button> 47 - 48 - {show && !fallback && ( 49 - <TenMillion 50 - showTimeout={0} 51 - onClose={() => setShow(false)} 52 - onFallback={onHandleFallback} 53 - /> 54 - )} 55 - 56 - <Prompt.Outer control={control}> 57 - <View style={{maxWidth: 300}}> 58 - <Prompt.TitleText> 59 - <Trans>Bluesky is celebrating 10 million users!</Trans> 60 - </Prompt.TitleText> 61 - </View> 62 - <Prompt.DescriptionText> 63 - <Trans> 64 - Together, we're rebuilding the social internet. We're glad you're 65 - here. 66 - </Trans> 67 - </Prompt.DescriptionText> 68 - <Prompt.DescriptionText> 69 - <Trans> 70 - To learn more,{' '} 71 - <InlineLinkText 72 - label={_(msg`View our post`)} 73 - to="/profile/bsky.app/post/3l47prg3wgy23" 74 - onPress={() => { 75 - control.close() 76 - }} 77 - style={[a.text_md, a.leading_snug]}> 78 - <Trans>check out our post.</Trans> 79 - </InlineLinkText> 80 - </Trans> 81 - </Prompt.DescriptionText> 82 - <Dialog.Close /> 83 - </Prompt.Outer> 84 - </> 85 - ) 86 - } 87 - 88 - export function Icon({width, style}: {width: number} & ViewStyleProp) { 89 - return ( 90 - <Svg width={width} height={width} viewBox="0 0 36 36" style={style}> 91 - <Path 92 - fill="#dd2e44" 93 - d="M11.626 7.488a1.4 1.4 0 0 0-.268.395l-.008-.008L.134 33.141l.011.011c-.208.403.14 1.223.853 1.937c.713.713 1.533 1.061 1.936.853l.01.01L28.21 24.735l-.008-.009c.147-.07.282-.155.395-.269c1.562-1.562-.971-6.627-5.656-11.313c-4.687-4.686-9.752-7.218-11.315-5.656" 94 - /> 95 - <Path 96 - fill="#ea596e" 97 - d="M13 12L.416 32.506l-.282.635l.011.011c-.208.403.14 1.223.853 1.937c.232.232.473.408.709.557L17 17z" 98 - /> 99 - <Path 100 - fill="#a0041e" 101 - d="M23.012 13.066c4.67 4.672 7.263 9.652 5.789 11.124c-1.473 1.474-6.453-1.118-11.126-5.788c-4.671-4.672-7.263-9.654-5.79-11.127c1.474-1.473 6.454 1.119 11.127 5.791" 102 - /> 103 - <Path 104 - fill="#aa8dd8" 105 - d="M18.59 13.609a1 1 0 0 1-.734.215c-.868-.094-1.598-.396-2.109-.873c-.541-.505-.808-1.183-.735-1.862c.128-1.192 1.324-2.286 3.363-2.066c.793.085 1.147-.17 1.159-.292c.014-.121-.277-.446-1.07-.532c-.868-.094-1.598-.396-2.11-.873c-.541-.505-.809-1.183-.735-1.862c.13-1.192 1.325-2.286 3.362-2.065c.578.062.883-.057 1.012-.134c.103-.063.144-.123.148-.158c.012-.121-.275-.446-1.07-.532a1 1 0 0 1-.886-1.102a.997.997 0 0 1 1.101-.886c2.037.219 2.973 1.542 2.844 2.735c-.13 1.194-1.325 2.286-3.364 2.067c-.578-.063-.88.057-1.01.134c-.103.062-.145.123-.149.157c-.013.122.276.446 1.071.532c2.037.22 2.973 1.542 2.844 2.735s-1.324 2.286-3.362 2.065c-.578-.062-.882.058-1.012.134c-.104.064-.144.124-.148.158c-.013.121.276.446 1.07.532a1 1 0 0 1 .52 1.773" 106 - /> 107 - <Path 108 - fill="#77b255" 109 - d="M30.661 22.857c1.973-.557 3.334.323 3.658 1.478c.324 1.154-.378 2.615-2.35 3.17c-.77.216-1.001.584-.97.701c.034.118.425.312 1.193.095c1.972-.555 3.333.325 3.657 1.479c.326 1.155-.378 2.614-2.351 3.17c-.769.216-1.001.585-.967.702s.423.311 1.192.095a1 1 0 1 1 .54 1.925c-1.971.555-3.333-.323-3.659-1.479c-.324-1.154.379-2.613 2.353-3.169c.77-.217 1.001-.584.967-.702c-.032-.117-.422-.312-1.19-.096c-1.974.556-3.334-.322-3.659-1.479c-.325-1.154.378-2.613 2.351-3.17c.768-.215.999-.585.967-.701c-.034-.118-.423-.312-1.192-.096a1 1 0 1 1-.54-1.923" 110 - /> 111 - <Path 112 - fill="#aa8dd8" 113 - d="M23.001 20.16a1.001 1.001 0 0 1-.626-1.781c.218-.175 5.418-4.259 12.767-3.208a1 1 0 1 1-.283 1.979c-6.493-.922-11.187 2.754-11.233 2.791a1 1 0 0 1-.625.219" 114 - /> 115 - <Path 116 - fill="#77b255" 117 - d="M5.754 16a1 1 0 0 1-.958-1.287c1.133-3.773 2.16-9.794.898-11.364c-.141-.178-.354-.353-.842-.316c-.938.072-.849 2.051-.848 2.071a1 1 0 1 1-1.994.149c-.103-1.379.326-4.035 2.692-4.214c1.056-.08 1.933.287 2.552 1.057c2.371 2.951-.036 11.506-.542 13.192a1 1 0 0 1-.958.712" 118 - /> 119 - <Circle cx="25.5" cy="9.5" r="1.5" fill="#5c913b" /> 120 - <Circle cx="2" cy="18" r="2" fill="#9266cc" /> 121 - <Circle cx="32.5" cy="19.5" r="1.5" fill="#5c913b" /> 122 - <Circle cx="23.5" cy="31.5" r="1.5" fill="#5c913b" /> 123 - <Circle cx="28" cy="4" r="2" fill="#ffcc4d" /> 124 - <Circle cx="32.5" cy="8.5" r="1.5" fill="#ffcc4d" /> 125 - <Circle cx="29.5" cy="12.5" r="1.5" fill="#ffcc4d" /> 126 - <Circle cx="7.5" cy="23.5" r="1.5" fill="#ffcc4d" /> 127 - </Svg> 128 - ) 129 - }

-15

src/components/dialogs/nuxs/TenMillion/icons/OnePercent.tsx

··· 1 - import React from 'react' 2 - import Svg, {Path} from 'react-native-svg' 3 - 4 - export function OnePercent({fill}: {fill?: string}) { 5 - return ( 6 - <Svg fill="none" viewBox="0 0 101 101"> 7 - <Path 8 - fill={fill} 9 - fillRule="evenodd" 10 - clipRule="evenodd" 11 - d="m60.366 5.567 3.002.49c.053-.687-.01-1.314-.19-1.883a4.129 4.129 0 0 0-.837-1.497 4.633 4.633 0 0 0-1.387-1.074 6.196 6.196 0 0 0-1.854-.592c-.98-.16-1.901-.09-2.766.209-.865.296-1.599.822-2.204 1.58-.604.753-1.005 1.737-1.203 2.95-.197 1.206-.135 2.264.187 3.172.325.91.848 1.643 1.569 2.202.724.559 1.587.92 2.587 1.084.798.13 1.52.122 2.162-.024a4.662 4.662 0 0 0 1.675-.72 4.648 4.648 0 0 0 1.169-1.165 4.12 4.12 0 0 0 .618-1.347l-2.997-.511a1.926 1.926 0 0 1-.312.599c-.13.168-.284.305-.465.41a1.746 1.746 0 0 1-.614.211 2.5 2.5 0 0 1-.751-.019c-.479-.078-.87-.257-1.175-.536-.303-.282-.509-.662-.617-1.139-.104-.48-.1-1.053.008-1.72.103-.631.279-1.158.526-1.58.251-.422.567-.725.947-.91.383-.186.823-.238 1.32-.157.284.047.53.129.741.247.21.115.382.26.514.434.136.171.232.365.287.582.06.217.08.452.06.704Zm8.975-1.753-4.92 9.887 7.105 3.537 1.077-2.163-4.422-2.2.846-1.7 4.074 2.028 1.076-2.163-4.074-2.028.846-1.7 4.44 2.211 1.077-2.163-7.125-3.546Zm4.447 14.833 7.456-8.146 3.516 3.218c.605.553 1.033 1.148 1.285 1.783s.315 1.275.188 1.919c-.127.644-.455 1.256-.984 1.834-.534.583-1.114.956-1.74 1.119a3.216 3.216 0 0 1-1.786-.046l-1.125 4.552-2.403-2.199 1.03-3.998-.765-.7L76 20.672l-2.212-2.025Zm7.025-1.67-.78-.713 1.806-1.973.78.714c.26.237.448.476.566.715.122.239.165.478.127.716-.033.238-.156.474-.37.707-.21.23-.432.372-.664.422-.23.054-.467.029-.714-.075a2.758 2.758 0 0 1-.751-.512Zm10.376 3.54-2.07 1.245 1.713 2.846-7.393 4.448 1.524 2.532 7.392-4.448 1.713 2.846 2.07-1.246-4.95-8.224Zm7.375 14.937-10.45 3.575-.97-2.836 10.449-3.576.97 2.837Zm1.311 4.357-10.952 1.422.386 2.973 4.278-.555.553 4.256 2.395-.31-.552-4.257 1.882-.245.614 4.728 2.395-.311-.999-7.7Zm.737 15.417-11.016-.776.21-2.991 11.017.776-.211 2.99Zm-.483 4.547-10.636-2.972-2.136 7.644 2.326.65 1.33-4.757 1.828.511-1.225 4.383 2.326.65 1.226-4.383 1.828.511-1.336 4.778 2.327.65 2.142-7.665ZM84.151 70.583l2.293-3.578 9.298 5.96-2.27 3.54c-.613.957-1.328 1.664-2.147 2.121a4.568 4.568 0 0 1-2.634.592c-.937-.062-1.89-.404-2.859-1.025-.968-.62-1.68-1.343-2.133-2.168-.45-.822-.64-1.7-.568-2.631.075-.93.415-1.867 1.02-2.811Zm2.818.32-.617.962c-.295.46-.472.9-.531 1.319-.061.422.035.834.29 1.236.253.405.703.816 1.35 1.23.648.416 1.21.652 1.686.71.474.06.892-.03 1.256-.272.361-.238.697-.599 1.008-1.083l.57-.89-5.012-3.212Zm-5.738 19.42-5.842-9.373-4.411 2.75c-.68.424-1.195.903-1.544 1.438-.348.535-.53 1.085-.547 1.65-.02.568.13 1.107.45 1.62.276.442.613.766 1.012.97.4.208.823.302 1.269.283a2.77 2.77 0 0 0 1.29-.378l.056.092c-.317.3-.552.628-.706.987a2.38 2.38 0 0 0-.187 1.107c.025.379.144.74.36 1.086.296.475.678.81 1.147 1.006.466.197 1.003.239 1.61.127.606-.11 1.265-.388 1.98-.833l4.063-2.533Zm-8.31-5.013 1.19-.742 1.232 1.977-1.226.764c-.26.162-.505.26-.738.295a1.11 1.11 0 0 1-.647-.08 1.168 1.168 0 0 1-.499-.464c-.196-.314-.237-.619-.124-.913.114-.292.385-.571.812-.837Zm2.36 3.46 1.044-.65 1.118 1.793-1.08.673c-.317.198-.628.284-.933.257-.302-.023-.544-.18-.725-.47a.955.955 0 0 1-.158-.58c.012-.19.082-.374.21-.55.127-.177.301-.335.524-.474Zm-9.737-2.132 3.067 10.61-2.88.832-2.396-8.288-4.29 1.24-.67-2.321 7.17-2.073Zm-19.456 13.615 2.998.037.084-6.816c.004-.341.083-.646.237-.913.155-.265.366-.47.634-.618.268-.148.574-.22.92-.215.34.004.645.083.913.237.264.154.47.366.618.633.147.272.22.578.215.92l-.084 6.815 2.998.037.087-7.074c.01-.841-.178-1.572-.566-2.191-.392-.616-.943-1.096-1.654-1.439-.712-.34-1.544-.515-2.496-.527-.945-.011-1.778.144-2.497.466-.72.325-1.283.791-1.69 1.397-.41.61-.62 1.335-.63 2.177l-.087 7.074Zm-3.141-11.57-3.408 10.504-7.57-2.456.745-2.298 4.719 1.531.585-1.805-4.329-1.405.746-2.298 4.329 1.405.586-1.806-4.699-1.524.746-2.298 7.55 2.45Zm-19.303.375c-.087-.302-.042-.61.136-.923l-2.378-1.606c-.401.601-.605 1.224-.612 1.87-.012.647.168 1.277.54 1.888.373.612.928 1.167 1.667 1.666.724.489 1.449.8 2.174.934.722.132 1.389.085 2-.14.607-.223 1.105-.626 1.494-1.21.486-.712.636-1.433.451-2.16-.19-.728-.63-1.453-1.322-2.176l-.78-.812a5.515 5.515 0 0 1-.645-.787c-.143-.219-.222-.41-.236-.576a.682.682 0 0 1 .109-.46.776.776 0 0 1 .412-.301c.17-.054.367-.053.59.002.223.055.467.172.733.351.315.213.555.447.718.7.16.251.238.514.234.79-.003.274-.092.557-.266.847l2.359 1.594c.514-.768.775-1.507.782-2.218.002-.71-.212-1.382-.643-2.016-.434-.635-1.049-1.222-1.844-1.759-.775-.523-1.511-.862-2.21-1.017-.7-.156-1.34-.127-1.92.09-.58.215-1.074.623-1.484 1.223-.232.35-.392.71-.482 1.08a2.676 2.676 0 0 0-.032 1.136c.069.393.224.8.466 1.219.241.419.58.853 1.013 1.302l.643.668c.187.192.34.37.46.533.12.163.207.313.262.45.053.14.074.269.063.388a.708.708 0 0 1-.144.338.733.733 0 0 1-.362.276.915.915 0 0 1-.523.005c-.206-.049-.437-.159-.694-.332-.402-.272-.645-.557-.729-.857Zm.158-10.414-8.56 6.979-1.894-2.324 3.46-2.822-.095-.117-5.56.247L8.945 77.9l6.17-.215 2.335-6.83 2.263 2.775-1.643 4.54 1.63-.05 2.207-1.799 1.895 2.324ZM5.312 70.78l1.245 3.103 5.516-6.583 3.223-1.294-1.109-2.762-3.223 1.293-8.536-.943 1.245 3.102 4.967.331.032.08-3.36 3.673Zm6.595-17.898-11.033-.49.354-7.951 2.413.107-.22 4.956 1.896.084.202-4.546 2.414.107-.202 4.547 1.896.084.22-4.935 2.412.108-.352 7.93ZM2.16 39.01l10.522 3.355 2.267-7.11-2.302-.734-1.356 4.254-8.22-2.621-.91 2.856Zm16.115-9.721L15.88 32.8l-9.126-6.22 2.368-3.475c.64-.939 1.376-1.625 2.207-2.06a4.567 4.567 0 0 1 2.65-.517c.935.09 1.878.458 2.828 1.106.95.648 1.641 1.39 2.071 2.227.428.835.592 1.717.494 2.647-.101.927-.468 1.854-1.1 2.78Zm-2.808-.4.644-.944c.307-.452.497-.886.568-1.303.073-.42-.012-.835-.255-1.244-.241-.413-.68-.835-1.315-1.269-.636-.433-1.191-.685-1.665-.755-.472-.074-.893.005-1.263.235-.368.228-.714.579-1.038 1.054l-.596.874 4.92 3.352Zm.873-14.72 6.926 8.603 6.182-4.978-1.515-1.882-3.847 3.098-1.19-1.479 3.545-2.854-1.515-1.882-3.545 2.854-1.19-1.478 3.864-3.111-1.515-1.882-6.2 4.991Zm15.342 2.15L27.406 6.136l4.395-1.845c.756-.317 1.475-.457 2.157-.42.683.037 1.29.248 1.822.633s.95.938 1.253 1.66c.306.73.402 1.413.287 2.05a3.216 3.216 0 0 1-.789 1.603l3.662 2.928-3.003 1.26-3.199-2.61-.957.402 1.412 3.361-2.765 1.16Zm-.584-9.136 1.036 2.466.974-.409c.325-.136.585-.292.78-.468.198-.18.32-.385.367-.616.051-.232.016-.492-.105-.78-.122-.292-.285-.503-.487-.632a1.145 1.145 0 0 0-.704-.184 2.475 2.475 0 0 0-.886.214l-.975.41ZM64.39 27.996v2.67h3.672v9.539h3.267v-9.539H75v-2.67H64.39Zm-4.266 3.815c-.032-.398-.18-.708-.447-.93-.262-.223-.662-.334-1.198-.334-.342 0-.622.042-.84.125-.215.08-.374.189-.478.328a.81.81 0 0 0-.16.477.783.783 0 0 0 .077.4c.064.115.163.22.298.315.135.092.308.175.519.25.21.076.46.144.75.203l1.002.215c.676.143 1.254.332 1.735.566.48.235.874.511 1.18.83.306.313.531.667.674 1.06.147.394.223.823.227 1.288-.004.803-.205 1.482-.603 2.039-.397.556-.965.98-1.705 1.27-.735.29-1.619.435-2.652.435-1.062 0-1.988-.157-2.778-.471-.787-.314-1.4-.797-1.836-1.449-.434-.656-.652-1.494-.656-2.516h3.147c.02.374.114.688.28.942.168.255.402.447.704.578.306.132.67.197 1.091.197.354 0 .65-.043.888-.13.239-.088.42-.21.543-.364a.859.859 0 0 0 .19-.531.754.754 0 0 0-.184-.489c-.116-.143-.306-.27-.573-.382a6.098 6.098 0 0 0-1.079-.321l-1.216-.263c-1.08-.234-1.933-.626-2.557-1.174-.62-.553-.928-1.306-.924-2.26-.004-.774.202-1.452.62-2.032.421-.585 1.003-1.04 1.746-1.366.748-.325 1.604-.488 2.57-.488.986 0 1.838.165 2.557.494.72.33 1.274.795 1.664 1.395.393.596.592 1.294.596 2.093h-3.172Zm-17.795-3.816v12.21h3.315v-4.03h1.147l2.144 4.03h3.6l-2.48-4.552a3.556 3.556 0 0 0 1.49-1.297c.39-.6.585-1.337.585-2.211 0-.867-.189-1.61-.566-2.23a3.705 3.705 0 0 0-1.586-1.425c-.68-.33-1.473-.494-2.379-.494h-5.27Zm3.315 5.604h1.168c.39 0 .721-.047.996-.143.278-.1.49-.256.638-.47.15-.215.226-.496.226-.841 0-.35-.075-.634-.226-.853a1.266 1.266 0 0 0-.638-.489c-.275-.107-.606-.16-.996-.16h-1.168v2.956Zm-4.886-5.603v12.209h-3.314v-12.21h3.314Zm-13.118 0v12.209h3.315v-4.77h4.745v-2.67h-4.745v-2.099h5.27v-2.67h-8.585Zm33.322 38.79v-1.392c0-1.117.24-2.148.722-3.093a5.77 5.77 0 0 1 2.126-2.281c.928-.576 2.058-.864 3.39-.864 1.366 0 2.513.284 3.441.85a5.565 5.565 0 0 1 2.127 2.27c.481.944.722 1.984.722 3.118v1.392a6.622 6.622 0 0 1-.735 3.093 5.651 5.651 0 0 1-2.127 2.282c-.936.576-2.079.863-3.428.863-1.349 0-2.487-.287-3.416-.863a5.678 5.678 0 0 1-2.113-2.282c-.473-.945-.71-1.976-.71-3.093Zm4.485-1.392v1.392c0 .49.12.975.361 1.457.25.472.713.709 1.392.709.713 0 1.181-.232 1.405-.696.232-.464.348-.954.348-1.47v-1.392a3.63 3.63 0 0 0-.322-1.495c-.215-.481-.692-.722-1.431-.722-.679 0-1.143.241-1.392.722-.24.481-.36.98-.36 1.495ZM47.144 51.681v-1.392c0-1.135.245-2.174.735-3.12a5.774 5.774 0 0 1 2.14-2.268c.927-.567 2.049-.85 3.363-.85 1.367 0 2.514.283 3.442.85a5.565 5.565 0 0 1 2.126 2.269c.481.945.722 1.984.722 3.119v1.392c0 1.134-.245 2.17-.735 3.106a5.502 5.502 0 0 1-2.126 2.242c-.937.559-2.08.838-3.429.838-1.349 0-2.487-.283-3.415-.85a5.613 5.613 0 0 1-2.114-2.256c-.473-.937-.709-1.963-.709-3.08Zm4.537-1.392v1.392c0 .515.12 1.005.36 1.469.242.464.688.696 1.341.696.714 0 1.182-.232 1.405-.696.232-.464.348-.954.348-1.47V50.29a3.63 3.63 0 0 0-.322-1.495c-.215-.482-.692-.722-1.43-.722-.68 0-1.135.249-1.367.747-.223.49-.335.98-.335 1.47Zm-2.346 21.447 18.148-26.397h3.66L52.996 71.736h-3.66Zm-8.9 0V45.339h-6.599l-6.495 3.97v6.084l5.774-3.455h.154v19.798h7.166Z" 12 - /> 13 - </Svg> 14 - ) 15 - }

-15

src/components/dialogs/nuxs/TenMillion/icons/PointOnePercent.tsx

··· 1 - import React from 'react' 2 - import Svg, {Path} from 'react-native-svg' 3 - 4 - export function PointOnePercent({fill}: {fill?: string}) { 5 - return ( 6 - <Svg fill="none" viewBox="0 0 101 101"> 7 - <Path 8 - fill={fill} 9 - fillRule="evenodd" 10 - clipRule="evenodd" 11 - d="m62.493 6.057-3.001-.49c.019-.252-.001-.487-.06-.704a1.545 1.545 0 0 0-.288-.582 1.573 1.573 0 0 0-.513-.434c-.21-.118-.458-.2-.741-.247-.497-.08-.937-.029-1.32.156-.38.186-.696.49-.947.91-.248.423-.423.95-.526 1.581-.11.667-.112 1.24-.008 1.72.108.477.313.857.617 1.14.304.278.695.457 1.174.535a2.5 2.5 0 0 0 .751.02c.228-.036.433-.107.614-.212s.337-.242.466-.41c.134-.171.237-.371.311-.6l2.998.512c-.11.456-.317.905-.619 1.347-.301.439-.69.827-1.168 1.164a4.663 4.663 0 0 1-1.675.721c-.643.146-1.364.154-2.162.024-1-.164-1.863-.525-2.588-1.084-.72-.559-1.244-1.293-1.569-2.202-.321-.908-.383-1.966-.186-3.172.198-1.213.599-2.197 1.203-2.95.605-.758 1.339-1.284 2.203-1.58.865-.3 1.787-.37 2.766-.21.689.113 1.307.31 1.854.593a4.63 4.63 0 0 1 1.387 1.074c.378.43.657.928.838 1.497.18.569.243 1.196.19 1.883Zm1.053 7.644 4.92-9.887 7.126 3.546-1.076 2.163-4.442-2.21-.846 1.7 4.075 2.027-1.076 2.163-4.075-2.028-.846 1.7 4.422 2.2-1.076 2.163-7.106-3.537Zm16.823-3.2-7.456 8.146 2.212 2.025 2.46-2.69.766.701-1.03 3.998 2.402 2.2 1.126-4.553c.608.185 1.203.2 1.785.046.627-.163 1.207-.536 1.741-1.12.53-.578.857-1.189.984-1.833a3.35 3.35 0 0 0-.188-1.92c-.252-.634-.68-1.229-1.285-1.782l-3.517-3.218Zm-1.21 5.763.78.714c.26.237.51.408.751.512.246.104.484.129.713.076.232-.051.454-.192.665-.423.213-.233.337-.47.37-.707a1.146 1.146 0 0 0-.128-.716 2.476 2.476 0 0 0-.566-.715l-.78-.714-1.805 1.973Zm9.085 5.498 2.07-1.246 4.95 8.224-2.07 1.246-1.713-2.846-7.393 4.448-1.523-2.532 7.392-4.448-1.713-2.846ZM87.24 39.029l10.45-3.575-.972-2.837-10.448 3.576.97 2.836Zm.809 2.203L99 39.813l.999 7.7-2.396.31-.613-4.727-1.882.245.552 4.256-2.396.311-.552-4.256-4.278.555-.386-2.974Zm.672 13.22 11.017.776.21-2.991-11.016-.776-.21 2.99Zm-.102 2.35 10.636 2.973-2.142 7.666-2.327-.65 1.335-4.779-1.828-.51-1.225 4.383-2.327-.65 1.225-4.384-1.828-.51-1.33 4.756-2.326-.65 2.137-7.645Zm-3.05 10.203-2.292 3.578c-.606.944-.946 1.881-1.02 2.81a4.625 4.625 0 0 0 .567 2.632c.454.825 1.165 1.547 2.134 2.168.968.62 1.921.963 2.859 1.025a4.568 4.568 0 0 0 2.634-.592c.818-.457 1.534-1.164 2.147-2.12l2.27-3.542-9.299-5.959Zm-.091 4.86.617-.962 5.012 3.212-.57.89c-.311.484-.647.845-1.009 1.083-.363.241-.782.331-1.256.271-.476-.057-1.037-.293-1.685-.708-.648-.415-1.098-.826-1.35-1.231-.255-.402-.352-.814-.29-1.236.059-.42.236-.859.53-1.319ZM74.515 80.95l5.841 9.372-4.063 2.533c-.714.445-1.374.723-1.979.833-.607.112-1.144.07-1.61-.127-.469-.195-.852-.53-1.148-1.007a2.308 2.308 0 0 1-.36-1.085 2.381 2.381 0 0 1 .187-1.107 2.96 2.96 0 0 1 .707-.987l-.057-.092a2.77 2.77 0 0 1-1.29.378 2.48 2.48 0 0 1-1.269-.282c-.398-.205-.736-.529-1.011-.971a2.824 2.824 0 0 1-.45-1.62c.016-.565.198-1.115.547-1.65.348-.535.863-1.014 1.543-1.438l4.412-2.75Zm-1.278 3.618-1.19.742c-.427.266-.698.545-.813.837-.112.294-.071.599.125.913.137.22.303.374.499.464.196.09.411.117.647.08.232-.035.478-.133.738-.295l1.226-.764-1.232-1.977Zm2.213 3.551-1.043.65a1.82 1.82 0 0 0-.525.474c-.127.176-.197.36-.21.55a.954.954 0 0 0 .159.58c.18.29.422.447.725.47.304.027.615-.059.932-.257l1.08-.673-1.118-1.794Zm-7.713 9.129-3.067-10.61-7.17 2.073.671 2.32 4.29-1.24 2.396 8.29 2.88-.834ZM48.21 100.29l-2.998-.037.087-7.074c.01-.841.221-1.567.631-2.177.407-.606.97-1.072 1.69-1.397.719-.322 1.551-.477 2.496-.466.953.012 1.785.188 2.496.527.712.343 1.263.823 1.654 1.439.388.62.577 1.35.567 2.19l-.088 7.075-2.998-.037.084-6.815a1.844 1.844 0 0 0-.215-.92 1.634 1.634 0 0 0-.617-.633 1.844 1.844 0 0 0-.914-.237 1.825 1.825 0 0 0-.92.215 1.634 1.634 0 0 0-.633.618 1.843 1.843 0 0 0-.238.913l-.084 6.816Zm-9.547-1.103 3.409-10.504-7.55-2.45-.746 2.298 4.698 1.524-.586 1.806-4.329-1.405-.745 2.298 4.329 1.405-.586 1.805-4.719-1.53-.745 2.297 7.57 2.456ZM22.905 88.135c-.177.314-.222.621-.135.923.084.3.327.585.729.857.256.173.487.283.693.332.201.049.376.047.524-.005a.733.733 0 0 0 .362-.276.709.709 0 0 0 .144-.338.874.874 0 0 0-.063-.388 2.115 2.115 0 0 0-.262-.45 5.056 5.056 0 0 0-.46-.533l-.643-.668a6.809 6.809 0 0 1-1.014-1.302 3.733 3.733 0 0 1-.465-1.219c-.07-.39-.06-.769.032-1.136.089-.37.25-.73.482-1.08.41-.6.904-1.008 1.484-1.224.58-.216 1.22-.245 1.92-.089.698.155 1.435.494 2.21 1.017.795.537 1.41 1.124 1.843 1.76.431.633.646 1.305.644 2.015-.008.71-.268 1.45-.782 2.218l-2.36-1.594c.174-.29.263-.573.267-.848a1.41 1.41 0 0 0-.235-.79 2.494 2.494 0 0 0-.718-.699 2.352 2.352 0 0 0-.732-.351 1.085 1.085 0 0 0-.591-.002.777.777 0 0 0-.412.3.681.681 0 0 0-.108.46c.014.166.092.358.235.576.142.222.357.484.646.788l.78.812c.69.723 1.132 1.448 1.322 2.175.185.728.034 1.449-.451 2.162-.39.583-.888.986-1.494 1.21-.612.225-1.279.27-2 .139-.726-.134-1.45-.445-2.174-.934-.74-.5-1.295-1.054-1.667-1.666-.372-.611-.552-1.24-.54-1.888.006-.646.21-1.269.612-1.87l2.377 1.606Zm-8.537-2.512 8.56-6.979-1.895-2.324-2.207 1.8-1.63.048 1.642-4.54-2.262-2.774-2.336 6.83-6.17.215 2.209 2.708 5.56-.246.095.117-3.46 2.82 1.894 2.325Zm-8.685-11.74L4.437 70.78l3.36-3.673-.032-.08-4.967-.33-1.245-3.103 8.537.943 3.223-1.293 1.108 2.762-3.223 1.294-5.515 6.583ZM0 52.393l11.033.49.352-7.93-2.413-.108-.22 4.935-1.896-.084.202-4.547-2.413-.107-.202 4.546-1.897-.084.22-4.956-2.413-.107L0 52.392Zm11.806-10.028L1.285 39.01l.91-2.856 8.22 2.62 1.357-4.253 2.301.734-2.267 7.11Zm3.2-9.565L17.4 29.29c.632-.927.998-1.854 1.1-2.781a4.625 4.625 0 0 0-.494-2.647c-.43-.837-1.12-1.58-2.071-2.227-.95-.648-1.894-1.016-2.83-1.106a4.567 4.567 0 0 0-2.649.518c-.83.434-1.566 1.12-2.206 2.06L5.88 26.58l9.126 6.22Zm.23-4.855-.645.944-4.919-3.352.595-.874c.324-.475.67-.826 1.038-1.054.37-.23.792-.309 1.264-.235.474.07 1.028.322 1.664.756.636.433 1.074.855 1.315 1.268.243.409.329.824.255 1.244-.07.417-.26.851-.568 1.303Zm7.154-5.173-6.926-8.603 6.2-4.99 1.515 1.88-3.864 3.112 1.19 1.479 3.545-2.855 1.515 1.882-3.545 2.854 1.19 1.479 3.848-3.098 1.515 1.882-6.183 4.978Zm4.142-16.636 4.275 10.183 2.764-1.16-1.411-3.362.957-.402 3.199 2.61 3.003-1.26-3.662-2.928c.422-.475.685-1.01.789-1.603.114-.637.019-1.32-.288-2.05-.303-.722-.72-1.275-1.253-1.66a3.351 3.351 0 0 0-1.821-.633c-.683-.037-1.402.103-2.157.42l-4.395 1.845Zm4.726 3.513-1.035-2.466.974-.409c.325-.136.62-.208.887-.214.268-.012.503.05.703.184.203.13.365.34.488.632.12.288.156.548.105.78-.047.23-.17.436-.367.616a2.756 2.756 0 0 1-.78.468l-.975.41Zm32.256 21.017v-2.67h10.612v2.67h-3.673v9.539h-3.267v-9.539h-3.672Zm-4.712.215c.266.223.415.532.447.93h3.171c-.004-.799-.203-1.496-.596-2.093-.39-.6-.944-1.065-1.663-1.395-.72-.33-1.572-.494-2.558-.494-.965 0-1.822.163-2.569.488-.743.326-1.325.781-1.747 1.366-.417.58-.624 1.258-.62 2.032-.004.954.304 1.707.924 2.26.624.548 1.477.94 2.558 1.174l1.216.263c.453.099.813.206 1.079.322.266.11.457.238.572.381.12.14.181.302.185.489a.858.858 0 0 1-.19.53 1.2 1.2 0 0 1-.543.364c-.239.088-.535.131-.889.131-.42 0-.784-.065-1.09-.197a1.56 1.56 0 0 1-.704-.578c-.167-.254-.26-.568-.28-.942h-3.148c.004 1.022.223 1.86.656 2.516.437.652 1.05 1.135 1.836 1.449.791.314 1.717.47 2.778.47 1.033 0 1.918-.144 2.653-.434.74-.29 1.308-.714 1.705-1.27.398-.557.598-1.236.602-2.04a3.743 3.743 0 0 0-.226-1.287 2.957 2.957 0 0 0-.674-1.06 4.128 4.128 0 0 0-1.18-.83c-.481-.234-1.06-.423-1.735-.566l-1.002-.215a5.58 5.58 0 0 1-.75-.202 2.339 2.339 0 0 1-.52-.25.968.968 0 0 1-.298-.316.784.784 0 0 1-.077-.4.81.81 0 0 1 .16-.477c.104-.139.263-.248.478-.328.218-.083.499-.125.84-.125.537 0 .936.111 1.199.334Zm-17.348 9.324v-12.21h5.27c.906 0 1.699.165 2.378.495.68.33 1.209.805 1.586 1.425.378.62.566 1.363.566 2.23 0 .874-.194 1.611-.584 2.211-.36.56-.856.993-1.49 1.297l2.48 4.552h-3.601l-2.144-4.03h-1.147v4.03h-3.314Zm4.483-6.606h-1.169v-2.957h1.169c.39 0 .721.054.995.161.279.104.491.267.638.49.151.218.227.502.227.852 0 .345-.076.626-.227.84-.147.215-.36.372-.638.471a3.047 3.047 0 0 1-.995.143Zm-6.054 6.606v-12.21h-3.315v12.21h3.315Zm-13.118 0v-12.21h8.584v2.671h-5.27v2.099h4.746v2.67h-4.746v4.77h-3.314Zm33.871 25.421v1.346c0 1.079.233 2.075.7 2.989a5.535 5.535 0 0 0 2.086 2.204c.916.557 2.04.835 3.37.835 1.332 0 2.46-.278 3.384-.835.924-.556 1.624-1.29 2.099-2.204.483-.914.725-1.91.725-2.99v-1.345c0-1.096-.237-2.1-.712-3.014-.475-.913-1.175-1.644-2.1-2.192-.915-.548-2.047-.822-3.395-.822-1.315 0-2.43.278-3.346.834a5.625 5.625 0 0 0-2.099 2.205 6.384 6.384 0 0 0-.712 2.99Zm4.427 1.346v-1.346c0-.498.118-.98.356-1.445.246-.464.704-.697 1.374-.697.729 0 1.2.233 1.411.697.213.466.319.947.319 1.445v1.346c0 .498-.115.971-.344 1.42-.22.448-.683.672-1.386.672-.67 0-1.128-.228-1.374-.685a3.067 3.067 0 0 1-.356-1.407ZM47 51.029v1.345c0 1.08.233 2.071.7 2.976.474.906 1.17 1.632 2.086 2.18.916.548 2.04.822 3.37.822 1.332 0 2.46-.27 3.384-.81.924-.54 1.624-1.261 2.099-2.167.483-.905.725-1.905.725-3.001v-1.346c0-1.096-.237-2.1-.712-3.014-.475-.913-1.175-1.644-2.1-2.192-.915-.548-2.047-.822-3.395-.822-1.298 0-2.405.274-3.32.822a5.631 5.631 0 0 0-2.112 2.192c-.483.914-.725 1.918-.725 3.014Zm4.477 1.345v-1.346c0-.473.11-.946.331-1.42.23-.481.679-.722 1.349-.722.729 0 1.2.233 1.412.698.212.465.317.946.317 1.444v1.346c0 .498-.114.971-.343 1.42-.22.448-.683.672-1.386.672-.645 0-1.086-.224-1.323-.672a2.991 2.991 0 0 1-.357-1.42Zm15.595-6.129-17.91 25.51h3.613l17.91-25.51h-3.613Zm-23.51-.905v26.396h-7.167V51.938h-.155l-5.774 3.455v-6.084l6.496-3.97h6.6ZM29.5 72a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Z" 12 - /> 13 - </Svg> 14 - ) 15 - }

-15

src/components/dialogs/nuxs/TenMillion/icons/TenPercent.tsx

··· 1 - import React from 'react' 2 - import Svg, {Path} from 'react-native-svg' 3 - 4 - export function TenPercent({fill}: {fill?: string}) { 5 - return ( 6 - <Svg fill="none" viewBox="0 0 101 101"> 7 - <Path 8 - fill={fill} 9 - fillRule="evenodd" 10 - clipRule="evenodd" 11 - d="m62.493 5.13-3.001-.49c.019-.252-.001-.487-.06-.704a1.547 1.547 0 0 0-.288-.582 1.574 1.574 0 0 0-.513-.434c-.21-.118-.458-.2-.741-.247-.497-.08-.937-.029-1.32.156-.38.186-.696.49-.947.91-.248.423-.423.95-.526 1.581-.11.667-.112 1.24-.008 1.72.108.477.313.857.617 1.14.304.278.695.457 1.174.535a2.5 2.5 0 0 0 .751.02c.228-.036.433-.107.614-.212s.337-.242.466-.41c.134-.171.237-.371.311-.6l2.998.512c-.11.456-.317.905-.619 1.347-.301.439-.69.827-1.168 1.164a4.666 4.666 0 0 1-1.675.721c-.643.146-1.364.154-2.162.024-1-.164-1.863-.525-2.588-1.084-.72-.559-1.244-1.293-1.569-2.202-.321-.908-.383-1.966-.186-3.172.198-1.213.599-2.197 1.203-2.95.605-.758 1.339-1.284 2.203-1.58.865-.3 1.787-.37 2.766-.21.689.113 1.307.31 1.854.593a4.63 4.63 0 0 1 1.387 1.074c.378.43.657.928.838 1.497.18.569.243 1.196.19 1.883Zm1.053 7.644 4.92-9.887 7.126 3.546-1.076 2.163-4.442-2.21-.846 1.7 4.075 2.027-1.076 2.163-4.075-2.028-.846 1.7 4.422 2.2-1.076 2.163-7.106-3.537Zm16.823-3.2-7.456 8.146 2.212 2.024 2.461-2.689.765.701-1.03 3.998 2.402 2.2 1.126-4.552a3.216 3.216 0 0 0 1.785.045c.627-.163 1.207-.536 1.741-1.12.53-.578.857-1.189.984-1.833a3.352 3.352 0 0 0-.188-1.92c-.252-.634-.68-1.229-1.285-1.782l-3.517-3.218Zm-1.21 5.763.78.714c.26.238.51.408.751.512.246.104.484.129.713.076.232-.051.454-.192.665-.423.213-.233.337-.47.37-.707a1.145 1.145 0 0 0-.128-.716 2.474 2.474 0 0 0-.566-.715l-.78-.714-1.805 1.973Zm9.085 5.498 2.07-1.246 4.95 8.224-2.07 1.246-1.713-2.846-7.393 4.448-1.523-2.531 7.392-4.45-1.713-2.845ZM87.24 38.102l10.45-3.575-.971-2.837-10.45 3.576.971 2.836Zm.809 2.203L99 38.885l.999 7.7-2.396.31-.613-4.727-1.882.245.552 4.256-2.396.311-.552-4.256-4.278.555-.386-2.974Zm.672 13.22 11.017.776.21-2.991-11.016-.776-.21 2.99Zm-.102 2.35 10.636 2.973-2.142 7.665-2.327-.65 1.335-4.778-1.828-.51-1.225 4.383-2.326-.65 1.224-4.384-1.828-.51-1.33 4.756-2.326-.65 2.137-7.645Zm-3.05 10.203-2.292 3.578c-.606.944-.946 1.881-1.02 2.81a4.625 4.625 0 0 0 .567 2.632c.454.825 1.165 1.547 2.134 2.168.968.62 1.921.963 2.859 1.025a4.568 4.568 0 0 0 2.634-.592c.818-.457 1.534-1.164 2.147-2.12l2.27-3.542-9.299-5.959Zm-.091 4.86.617-.962 5.012 3.212-.57.89c-.31.484-.647.845-1.009 1.083-.363.241-.782.331-1.256.271-.476-.057-1.037-.293-1.685-.708-.648-.416-1.098-.826-1.35-1.231-.255-.402-.352-.814-.29-1.236.059-.42.236-.859.53-1.319Zm-10.963 9.085 5.841 9.372-4.063 2.533c-.714.445-1.374.723-1.979.833-.607.112-1.144.07-1.61-.127-.469-.195-.852-.53-1.148-1.007a2.308 2.308 0 0 1-.36-1.085 2.38 2.38 0 0 1 .187-1.107 2.96 2.96 0 0 1 .707-.987l-.057-.092a2.77 2.77 0 0 1-1.29.378 2.48 2.48 0 0 1-1.269-.282c-.398-.205-.736-.529-1.011-.971a2.824 2.824 0 0 1-.45-1.62c.016-.565.198-1.115.547-1.65.348-.535.863-1.014 1.543-1.438l4.412-2.75Zm-1.278 3.618-1.19.742c-.427.266-.698.545-.813.837-.113.294-.071.599.125.913.137.22.303.374.499.464.196.09.411.117.647.08.232-.035.478-.133.738-.295l1.226-.764-1.232-1.977Zm2.213 3.551-1.043.65a1.822 1.822 0 0 0-.525.474c-.127.176-.197.36-.21.55a.954.954 0 0 0 .159.58c.18.29.422.447.725.47.304.027.615-.059.932-.257l1.08-.673-1.118-1.794Zm-7.713 9.129L64.67 85.71l-7.17 2.073.671 2.32 4.29-1.24 2.396 8.29 2.88-.834Zm-19.526 3.042-2.997-.037.087-7.074c.01-.842.22-1.567.63-2.177.407-.606.97-1.072 1.69-1.397.719-.322 1.551-.477 2.496-.466.953.012 1.785.188 2.496.527.712.343 1.263.823 1.654 1.439.388.62.577 1.35.567 2.19l-.088 7.075-2.997-.037.084-6.815a1.845 1.845 0 0 0-.216-.92 1.634 1.634 0 0 0-.617-.633 1.843 1.843 0 0 0-.914-.237 1.824 1.824 0 0 0-.92.215 1.633 1.633 0 0 0-.633.617 1.843 1.843 0 0 0-.238.914l-.084 6.816Zm-9.547-1.103 3.409-10.504-7.55-2.45-.746 2.298 4.698 1.524-.586 1.806-4.329-1.405-.745 2.298 4.329 1.405-.586 1.805-4.719-1.53-.745 2.297 7.57 2.456ZM22.905 87.208c-.177.314-.222.621-.135.923.084.3.327.585.729.857.256.173.487.284.693.332.201.049.376.047.524-.005a.733.733 0 0 0 .362-.276.709.709 0 0 0 .144-.338.874.874 0 0 0-.063-.388 2.117 2.117 0 0 0-.262-.45 5.056 5.056 0 0 0-.46-.533l-.643-.668a6.812 6.812 0 0 1-1.014-1.302 3.734 3.734 0 0 1-.465-1.219c-.07-.39-.06-.769.032-1.136.089-.37.25-.73.482-1.08.41-.6.904-1.008 1.484-1.224.58-.216 1.22-.245 1.92-.089.698.155 1.435.494 2.21 1.017.795.537 1.41 1.124 1.843 1.76.431.633.646 1.305.644 2.015-.008.71-.268 1.45-.782 2.218l-2.36-1.594c.174-.29.263-.573.267-.848a1.41 1.41 0 0 0-.235-.79 2.495 2.495 0 0 0-.718-.699 2.35 2.35 0 0 0-.732-.351 1.085 1.085 0 0 0-.591-.002.777.777 0 0 0-.412.3.681.681 0 0 0-.108.46c.014.166.092.358.235.576.142.222.357.484.646.788l.78.812c.69.723 1.132 1.448 1.322 2.175.185.728.034 1.449-.451 2.162-.39.583-.888.986-1.494 1.21-.612.225-1.279.27-2 .139-.726-.134-1.45-.445-2.174-.934-.739-.5-1.295-1.054-1.667-1.666-.372-.611-.552-1.24-.54-1.888.006-.646.21-1.269.612-1.87l2.377 1.606Zm-8.537-2.512 8.56-6.979-1.895-2.323-2.207 1.799-1.63.048 1.642-4.54-2.262-2.774-2.336 6.83-6.17.215 2.209 2.708 5.56-.247.095.117-3.46 2.822 1.894 2.324Zm-8.685-11.74-1.246-3.103 3.36-3.673-.031-.08-4.968-.33-1.245-3.103 8.537.943 3.223-1.293 1.108 2.762-3.223 1.294-5.515 6.583ZM0 51.466l11.033.49.352-7.93-2.413-.108-.22 4.935-1.896-.084.202-4.547-2.413-.107-.202 4.546-1.897-.084.22-4.956-2.413-.107L0 51.465Zm11.806-10.028L1.285 38.083l.91-2.856 8.22 2.62 1.357-4.253 2.301.734-2.267 7.11Zm3.2-9.565 2.393-3.511c.632-.927.998-1.854 1.1-2.781a4.625 4.625 0 0 0-.494-2.647c-.43-.837-1.12-1.58-2.071-2.227-.95-.648-1.894-1.016-2.83-1.106a4.567 4.567 0 0 0-2.649.518c-.83.434-1.566 1.12-2.206 2.06L5.88 25.653l9.126 6.22Zm.23-4.855-.645.944-4.919-3.352.595-.874c.324-.475.67-.826 1.039-1.054.37-.23.79-.309 1.263-.235.474.07 1.028.322 1.664.755.636.434 1.074.856 1.315 1.269.243.409.329.824.255 1.244-.07.417-.26.851-.568 1.303Zm7.154-5.173-6.926-8.603 6.2-4.99 1.515 1.88-3.864 3.112 1.19 1.478 3.545-2.854 1.515 1.882-3.545 2.854 1.19 1.479 3.848-3.098 1.515 1.882-6.183 4.978Zm4.142-16.636 4.275 10.183 2.764-1.16-1.411-3.362.957-.401 3.199 2.61 3.003-1.26-3.662-2.93c.422-.474.685-1.009.789-1.602.114-.637.019-1.32-.288-2.05-.303-.722-.72-1.275-1.253-1.66a3.351 3.351 0 0 0-1.821-.633c-.683-.037-1.402.103-2.157.42l-4.395 1.845Zm4.726 3.513-1.035-2.466.974-.409c.325-.136.62-.208.887-.214.268-.012.503.05.703.184.203.13.365.34.488.632.12.288.156.548.105.78-.047.23-.17.436-.367.616a2.756 2.756 0 0 1-.78.468l-.975.41Zm33.428 24.42v-2.957h11.748v2.957H72.37v10.56h-3.617v-10.56h-4.066Zm-5.217.237c.294.247.46.59.495 1.03h3.51c-.003-.884-.223-1.657-.66-2.316-.43-.665-1.044-1.18-1.84-1.545-.797-.365-1.74-.548-2.832-.548-1.07 0-2.017.18-2.845.541-.822.361-1.467.865-1.933 1.512-.462.642-.691 1.393-.687 2.25-.004 1.056.337 1.89 1.023 2.502.691.607 1.635 1.04 2.832 1.3l1.346.29c.502.11.9.23 1.195.357.294.123.506.264.633.422.132.154.2.335.205.541a.95.95 0 0 1-.211.588c-.137.172-.337.306-.6.403-.265.096-.593.145-.984.145-.467 0-.87-.073-1.208-.218a1.728 1.728 0 0 1-.779-.64c-.185-.282-.288-.63-.31-1.043h-3.485c.004 1.13.246 2.06.726 2.785.484.722 1.162 1.256 2.033 1.604.875.348 1.9.521 3.075.521 1.145 0 2.123-.16 2.938-.481.818-.322 1.447-.79 1.887-1.406.44-.616.662-1.369.667-2.258a4.144 4.144 0 0 0-.251-1.425 3.273 3.273 0 0 0-.746-1.175c-.339-.352-.774-.658-1.307-.917-.532-.26-1.172-.469-1.92-.627l-1.11-.238a6.172 6.172 0 0 1-.83-.224 2.59 2.59 0 0 1-.575-.278 1.07 1.07 0 0 1-.33-.35.867.867 0 0 1-.086-.442.897.897 0 0 1 .178-.528c.115-.154.29-.275.529-.363.241-.092.552-.138.93-.138.594 0 1.036.123 1.327.37ZM40.263 43.703V30.185h5.834c1.003 0 1.881.183 2.633.548a4.102 4.102 0 0 1 1.756 1.577c.418.687.627 1.51.627 2.469 0 .968-.216 1.784-.647 2.448a3.936 3.936 0 0 1-1.65 1.435l2.746 5.04h-3.987l-2.373-4.462h-1.27v4.462h-3.67Zm3.67-10.587v3.274h1.293c.431 0 .798-.053 1.102-.158.308-.11.543-.284.706-.522.167-.237.251-.547.251-.93 0-.388-.084-.702-.25-.944a1.402 1.402 0 0 0-.707-.541c-.304-.12-.671-.178-1.102-.178h-1.294Zm-5.41 10.587V30.185h-3.67v13.517h3.67Zm-14.523 0V30.185h9.504v2.957H27.67v2.323h5.253v2.957H27.67v5.28H24Zm42.585 19.812v1.063c0 .853.18 1.64.541 2.362a4.335 4.335 0 0 0 1.614 1.742c.709.44 1.578.659 2.608.659s1.903-.22 2.618-.66a4.314 4.314 0 0 0 1.623-1.741c.374-.722.561-1.509.561-2.362v-1.063c0-.866-.184-1.66-.55-2.381a4.25 4.25 0 0 0-1.625-1.732c-.708-.433-1.584-.65-2.627-.65-1.017 0-1.88.22-2.588.66a4.407 4.407 0 0 0-1.624 1.742 5.13 5.13 0 0 0-.55 2.361Zm3.425 1.063v-1.063c0-.393.092-.774.275-1.141.19-.367.545-.551 1.063-.551.564 0 .928.183 1.092.55.164.368.246.749.246 1.142v1.063c0 .394-.088.768-.265 1.122-.17.354-.529.531-1.073.531-.518 0-.873-.18-1.063-.54a2.464 2.464 0 0 1-.275-1.113ZM56.036 51.981v1.063c0 .853.18 1.637.541 2.352.368.715.906 1.29 1.614 1.722.709.433 1.578.65 2.608.65s1.903-.214 2.618-.64a4.2 4.2 0 0 0 1.623-1.712c.374-.715.561-1.506.561-2.372v-1.063c0-.866-.183-1.66-.55-2.381a4.25 4.25 0 0 0-1.625-1.732c-.708-.433-1.584-.65-2.627-.65-1.004 0-1.86.217-2.568.65a4.409 4.409 0 0 0-1.634 1.732 5.098 5.098 0 0 0-.56 2.381Zm3.464 1.063v-1.063c0-.373.085-.748.256-1.121.177-.38.525-.571 1.043-.571.564 0 .928.183 1.092.55.164.368.246.749.246 1.142v1.063c0 .394-.088.768-.265 1.122-.17.354-.528.531-1.073.531-.498 0-.84-.177-1.023-.531a2.404 2.404 0 0 1-.276-1.122Zm12.064-4.841L57.71 68.356h2.795l13.855-20.153h-2.794ZM45.251 68.907c-1.83-.006-3.411-.43-4.743-1.27-1.332-.839-2.359-2.05-3.08-3.63-.722-1.582-1.08-3.477-1.073-5.688.007-2.218.367-4.1 1.083-5.649.721-1.548 1.745-2.725 3.07-3.532 1.331-.807 2.912-1.21 4.743-1.21 1.83 0 3.411.406 4.743 1.22 1.332.806 2.358 1.984 3.08 3.532s1.08 3.428 1.073 5.639c0 2.224-.361 4.126-1.083 5.707-.721 1.581-1.748 2.792-3.08 3.631-1.325.834-2.903 1.25-4.733 1.25Zm0-4.448c.945 0 1.719-.492 2.322-1.476.61-.99.912-2.545.905-4.664 0-1.384-.137-2.516-.413-3.395-.275-.88-.656-1.529-1.141-1.949a2.46 2.46 0 0 0-1.673-.64c-.945 0-1.716.48-2.313 1.438-.597.957-.902 2.473-.915 4.546-.006 1.41.128 2.571.404 3.483.275.906.656 1.575 1.141 2.008.492.433 1.053.65 1.683.65Zm-11.253 3.897V48.203H28.96L24 51.233v4.646l4.409-2.638h.118v15.115h5.47Z" 12 - /> 13 - </Svg> 14 - ) 15 - }

-15

src/components/dialogs/nuxs/TenMillion/icons/TwentyFivePercent.tsx

··· 1 - import React from 'react' 2 - import Svg, {Path} from 'react-native-svg' 3 - 4 - export function TwentyFivePercent({fill}: {fill?: string}) { 5 - return ( 6 - <Svg fill="none" viewBox="0 0 101 101"> 7 - <Path 8 - fill={fill} 9 - fillRule="evenodd" 10 - clipRule="evenodd" 11 - d="m63.145 6.112-3.002-.49c.02-.252 0-.487-.06-.704a1.548 1.548 0 0 0-.287-.583 1.576 1.576 0 0 0-.514-.433 2.24 2.24 0 0 0-.74-.247c-.498-.081-.938-.03-1.321.156-.38.185-.696.489-.947.91-.247.423-.422.95-.526 1.581-.109.667-.111 1.24-.008 1.72.108.477.314.856.617 1.139.305.28.696.458 1.175.536a2.5 2.5 0 0 0 .751.019c.228-.036.433-.106.614-.211.18-.105.336-.242.466-.41.133-.172.237-.371.31-.6l2.999.512c-.111.455-.317.904-.62 1.347-.3.439-.69.827-1.167 1.164a4.665 4.665 0 0 1-1.675.72c-.644.147-1.364.155-2.163.024-1-.163-1.863-.524-2.587-1.084-.721-.558-1.244-1.292-1.57-2.201-.32-.909-.383-1.966-.186-3.172.199-1.214.6-2.197 1.204-2.95.604-.758 1.339-1.285 2.203-1.58.865-.3 1.787-.37 2.766-.21.688.113 1.306.31 1.854.593a4.63 4.63 0 0 1 1.387 1.073c.378.43.657.93.837 1.498.18.568.244 1.196.19 1.883Zm1.052 7.644 4.921-9.887 7.126 3.546-1.077 2.163-4.441-2.21-.846 1.699 4.075 2.028-1.077 2.162-4.074-2.027-.846 1.699 4.422 2.2-1.076 2.163-7.107-3.536Zm16.824-3.2-7.456 8.146 2.211 2.024 2.462-2.689.765.7-1.03 3.999 2.402 2.199 1.125-4.552a3.216 3.216 0 0 0 1.786.045c.626-.162 1.207-.535 1.74-1.119.53-.578.858-1.189.984-1.833a3.35 3.35 0 0 0-.188-1.92c-.252-.634-.68-1.229-1.285-1.782l-3.516-3.219Zm-1.21 5.763.779.713c.26.238.51.41.752.513.246.103.484.129.713.075.232-.05.453-.192.664-.422.214-.234.337-.47.37-.707a1.145 1.145 0 0 0-.127-.716 2.473 2.473 0 0 0-.566-.716l-.78-.713-1.806 1.973Zm9.085 5.498 2.07-1.246 4.949 8.224-2.07 1.246-1.713-2.846-7.392 4.448-1.524-2.532 7.393-4.448-1.713-2.846Zm-1.004 17.267L98.34 35.51l-.97-2.837-10.45 3.575.97 2.837Zm.809 2.203 10.951-1.421 1 7.7-2.396.311-.614-4.727-1.882.244.552 4.257-2.395.31-.553-4.256-4.278.555-.385-2.973Zm.672 13.22 11.016.776.211-2.991-11.016-.776-.211 2.99Zm-.103 2.35 10.636 2.973-2.142 7.665-2.326-.65 1.335-4.778-1.828-.51-1.225 4.382-2.327-.65 1.225-4.383-1.828-.511-1.33 4.757-2.326-.65 2.136-7.645ZM86.221 67.06l-2.293 3.577c-.605.945-.945 1.882-1.02 2.811a4.626 4.626 0 0 0 .568 2.632c.454.824 1.165 1.547 2.133 2.168.969.62 1.922.962 2.86 1.025a4.568 4.568 0 0 0 2.633-.592c.819-.457 1.534-1.165 2.147-2.12l2.27-3.542-9.298-5.96Zm-.092 4.86.617-.963 5.012 3.213-.57.89c-.31.484-.646.845-1.008 1.083-.364.24-.782.331-1.256.27-.476-.056-1.038-.293-1.685-.708-.648-.415-1.098-.825-1.35-1.23-.255-.403-.352-.815-.29-1.237.058-.418.235-.858.53-1.318Zm-10.963 9.085 5.842 9.372-4.064 2.533c-.714.445-1.373.722-1.978.833-.608.112-1.145.07-1.61-.127-.47-.195-.852-.53-1.149-1.007a2.308 2.308 0 0 1-.359-1.085 2.381 2.381 0 0 1 .187-1.108 2.96 2.96 0 0 1 .707-.986l-.058-.092a2.77 2.77 0 0 1-1.289.378 2.48 2.48 0 0 1-1.27-.283c-.398-.205-.735-.528-1.01-.97a2.824 2.824 0 0 1-.45-1.62c.015-.565.198-1.115.546-1.65.349-.535.864-1.014 1.544-1.438l4.411-2.75Zm-1.278 3.618-1.19.741c-.427.266-.697.545-.812.837-.113.295-.071.6.124.914.137.22.304.374.5.464.195.09.41.116.646.08.233-.035.479-.133.738-.295l1.227-.764-1.233-1.977Zm2.214 3.55-1.044.651a1.819 1.819 0 0 0-.524.473c-.128.177-.197.36-.21.55a.954.954 0 0 0 .159.582c.18.29.422.446.724.47.305.025.616-.06.933-.258l1.08-.673-1.118-1.794Zm-7.713 9.13-3.068-10.61-7.17 2.073.672 2.32 4.29-1.24 2.395 8.289 2.88-.833Zm-19.526 3.041-2.998-.036.087-7.075c.01-.84.22-1.566.63-2.176.407-.606.97-1.072 1.69-1.398.72-.322 1.552-.477 2.497-.465.953.012 1.785.187 2.496.527.711.343 1.263.822 1.654 1.439.388.62.577 1.35.566 2.19l-.087 7.075-2.998-.037.084-6.816a1.843 1.843 0 0 0-.215-.919 1.634 1.634 0 0 0-.618-.633 1.843 1.843 0 0 0-.914-.238 1.824 1.824 0 0 0-.92.215 1.634 1.634 0 0 0-.632.618 1.844 1.844 0 0 0-.238.914l-.084 6.815Zm-9.547-1.102 3.408-10.505-7.55-2.45-.746 2.299 4.699 1.524-.586 1.806-4.329-1.405-.746 2.298 4.33 1.404-.586 1.806-4.72-1.531-.745 2.298 7.571 2.456ZM23.556 88.19c-.176.314-.222.622-.135.924.084.3.327.585.73.857.256.173.487.283.693.331.201.05.376.048.523-.004a.732.732 0 0 0 .363-.276.708.708 0 0 0 .144-.339.874.874 0 0 0-.064-.388 2.113 2.113 0 0 0-.262-.45 5.045 5.045 0 0 0-.46-.532l-.642-.668a6.812 6.812 0 0 1-1.014-1.303 3.736 3.736 0 0 1-.465-1.218c-.071-.39-.06-.77.032-1.137.089-.37.25-.73.482-1.08.41-.6.904-1.007 1.483-1.223.58-.216 1.22-.246 1.921-.089.698.155 1.434.494 2.209 1.017.796.537 1.41 1.123 1.844 1.76.431.633.645 1.305.643 2.014-.007.711-.268 1.45-.782 2.218l-2.36-1.593c.175-.29.264-.573.267-.848a1.41 1.41 0 0 0-.234-.79 2.495 2.495 0 0 0-.718-.7 2.35 2.35 0 0 0-.733-.35 1.085 1.085 0 0 0-.59-.003.777.777 0 0 0-.412.302.682.682 0 0 0-.109.46c.014.165.093.357.236.575.141.221.357.484.646.788l.779.812c.691.723 1.132 1.448 1.322 2.175.185.728.035 1.448-.45 2.162-.39.582-.888.986-1.495 1.21-.611.224-1.278.27-2 .139-.725-.134-1.45-.446-2.174-.935-.738-.499-1.294-1.054-1.666-1.665-.373-.612-.553-1.24-.54-1.888.006-.646.21-1.27.611-1.87l2.378 1.605Zm-8.537-2.512 8.56-6.978-1.895-2.324-2.206 1.8-1.63.048 1.642-4.54-2.262-2.775-2.336 6.83-6.17.216 2.208 2.708 5.56-.247.095.117-3.46 2.822 1.894 2.323Zm-8.685-11.74L5.09 70.836l3.36-3.673-.032-.08-4.967-.33-1.245-3.103 8.536.943 3.223-1.294 1.109 2.763-3.223 1.293-5.516 6.584ZM.652 52.448l11.032.49.353-7.93-2.414-.107-.219 4.934-1.896-.084.202-4.546-2.414-.108-.202 4.547-1.896-.084.22-4.956-2.413-.108-.353 7.952ZM12.458 42.42 1.936 39.065l.911-2.856 8.22 2.62 1.357-4.254 2.301.734-2.267 7.11Zm3.2-9.565 2.393-3.511c.632-.927.998-1.854 1.1-2.782a4.625 4.625 0 0 0-.494-2.646c-.43-.837-1.121-1.58-2.072-2.227-.95-.648-1.893-1.017-2.829-1.106a4.568 4.568 0 0 0-2.65.517c-.83.435-1.566 1.121-2.205 2.06l-2.37 3.476 9.127 6.219Zm.229-4.856-.644.945-4.92-3.353.596-.873c.324-.475.67-.827 1.038-1.054.37-.23.791-.31 1.263-.236.474.07 1.029.323 1.665.756.636.433 1.074.856 1.315 1.268.243.41.328.824.255 1.244-.071.417-.26.852-.568 1.303Zm7.155-5.173-6.926-8.602 6.2-4.991 1.515 1.881-3.865 3.112 1.19 1.478 3.546-2.854 1.515 1.882-3.545 2.854 1.19 1.478 3.848-3.097 1.514 1.882-6.182 4.977Zm4.141-16.635 4.275 10.183 2.765-1.161-1.411-3.361.956-.402 3.2 2.61 3.002-1.26L36.31 9.87c.421-.475.684-1.009.788-1.602.115-.637.02-1.32-.287-2.05-.303-.722-.721-1.276-1.253-1.66a3.351 3.351 0 0 0-1.822-.634c-.682-.037-1.4.103-2.157.42l-4.395 1.846Zm4.727 3.513-1.036-2.466.975-.41c.325-.136.62-.207.887-.214.268-.01.502.05.703.185.202.13.365.34.487.631.121.289.156.549.106.78-.048.231-.17.437-.367.617a2.755 2.755 0 0 1-.78.468l-.975.409Zm35.849 55.521v-1.027c0-.824.177-1.584.532-2.281a4.257 4.257 0 0 1 1.569-1.683c.684-.425 1.518-.637 2.5-.637 1.008 0 1.854.209 2.539.627.69.419 1.214.976 1.569 1.674.355.697.532 1.464.532 2.3v1.027c0 .824-.18 1.585-.542 2.282a4.17 4.17 0 0 1-1.569 1.683c-.69.424-1.533.637-2.529.637-.995 0-1.835-.213-2.52-.637a4.188 4.188 0 0 1-1.558-1.683 5.03 5.03 0 0 1-.523-2.282Zm3.308-1.027v1.027c0 .361.09.72.267 1.074.183.349.526.523 1.026.523.526 0 .872-.17 1.037-.513.17-.342.256-.704.256-1.084v-1.027c0-.38-.079-.748-.237-1.103-.159-.355-.51-.532-1.056-.532-.5 0-.843.177-1.026.532a2.437 2.437 0 0 0-.267 1.103Zm-13.5-10.116v-1.026c0-.837.18-1.604.542-2.301a4.259 4.259 0 0 1 1.578-1.674c.684-.418 1.512-.627 2.481-.627 1.008 0 1.854.21 2.539.627.69.419 1.214.976 1.569 1.674.355.697.532 1.464.532 2.3v1.027c0 .837-.18 1.6-.542 2.292a4.058 4.058 0 0 1-1.569 1.654c-.69.412-1.534.618-2.529.618-.995 0-1.835-.21-2.52-.628a4.14 4.14 0 0 1-1.558-1.663 4.972 4.972 0 0 1-.523-2.273Zm3.346-1.026v1.026c0 .38.09.742.267 1.084.177.342.507.514.988.514.526 0 .872-.172 1.037-.514.17-.342.256-.703.256-1.084v-1.026c0-.38-.079-.748-.237-1.103-.159-.355-.51-.533-1.056-.533-.5 0-.836.184-1.007.552a2.592 2.592 0 0 0-.248 1.084Zm-1.73 15.82L72.57 49.405h2.7L61.883 68.876h-2.7Zm-15.058-.523c1.16.526 2.488.789 3.984.789 1.584 0 2.963-.295 4.136-.884 1.172-.596 2.082-1.417 2.728-2.463.653-1.052.976-2.256.97-3.613.006-1.235-.257-2.326-.79-3.27a5.806 5.806 0 0 0-2.157-2.234c-.907-.54-1.94-.808-3.1-.808-.989 0-1.857.196-2.605.589-.748.387-1.274.875-1.578 1.464h-.114l.38-4.297h8.747v-4.221H41.644l-.76 10.724 4.639.913a2.443 2.443 0 0 1 1.036-1.113 3.062 3.062 0 0 1 1.55-.409c.538 0 1.014.118 1.426.352.412.228.735.555.97.98.234.418.348.912.342 1.483.006.564-.108 1.058-.342 1.483a2.509 2.509 0 0 1-.97.989c-.412.228-.887.342-1.426.342-.698 0-1.3-.2-1.807-.6-.5-.398-.76-.934-.78-1.606H40.39c.012 1.21.348 2.282 1.008 3.214.665.931 1.575 1.663 2.728 2.196Zm-19.514.523v-3.803l7.263-6.009c.482-.399.894-.773 1.236-1.122.349-.355.615-.719.799-1.093.19-.374.285-.789.285-1.245 0-.501-.108-.929-.323-1.284-.21-.355-.5-.627-.875-.818-.374-.196-.805-.294-1.293-.294-.488 0-.919.098-1.293.294a2.05 2.05 0 0 0-.855.866c-.203.38-.305.843-.305 1.388h-5.02c0-1.37.308-2.548.923-3.537.614-.989 1.483-1.75 2.605-2.282 1.122-.532 2.437-.798 3.945-.798 1.56 0 2.91.25 4.05.75 1.148.495 2.032 1.192 2.653 2.092.627.9.941 1.956.941 3.166 0 .748-.155 1.493-.466 2.235-.31.735-.868 1.55-1.673 2.443-.805.894-1.949 1.958-3.432 3.194l-1.826 1.522v.114h7.606v4.221H24.611ZM65.1 31.107v2.97h4.084v10.609h3.633V34.078h4.084v-2.97H65.101Zm-4.744 4.243c-.035-.442-.201-.786-.497-1.034-.292-.247-.736-.371-1.333-.371-.38 0-.692.046-.935.14-.238.088-.415.21-.53.364a.901.901 0 0 0-.18.53.87.87 0 0 0 .087.444c.07.129.181.246.332.352.15.102.342.194.576.278.235.084.513.16.836.226l1.114.238c.751.16 1.394.37 1.929.63.535.261.972.568 1.313.922.34.349.59.742.749 1.18.163.438.247.915.252 1.432-.005.893-.228 1.649-.67 2.267-.442.62-1.074 1.09-1.896 1.413-.818.322-1.801.484-2.95.484-1.18 0-2.21-.175-3.09-.524-.875-.35-1.556-.886-2.042-1.611-.482-.73-.725-1.662-.73-2.798h3.501c.023.415.126.765.312 1.047.186.283.446.498.782.644.34.145.745.218 1.214.218.393 0 .722-.048.988-.145.265-.098.466-.233.603-.405a.955.955 0 0 0 .212-.59.838.838 0 0 0-.206-.544c-.128-.159-.34-.3-.636-.424-.296-.128-.696-.248-1.2-.358l-1.353-.292c-1.202-.26-2.15-.696-2.844-1.306-.69-.614-1.032-1.452-1.027-2.513-.005-.861.225-1.615.689-2.26.469-.65 1.116-1.156 1.943-1.519.83-.362 1.783-.543 2.857-.543 1.096 0 2.044.183 2.844.55.8.367 1.417.884 1.85 1.551.438.663.659 1.44.663 2.327h-3.527Zm-19.79-4.242v13.578h3.686v-4.482h1.276l2.383 4.482h4.005l-2.758-5.063a3.953 3.953 0 0 0 1.657-1.441c.434-.668.65-1.488.65-2.46 0-.964-.21-1.79-.63-2.48a4.12 4.12 0 0 0-1.763-1.584c-.756-.367-1.638-.55-2.646-.55h-5.86Zm3.686 6.232V34.05h1.3c.432 0 .802.06 1.107.18.309.114.545.295.709.543.168.243.252.559.252.948 0 .384-.084.696-.252.935a1.4 1.4 0 0 1-.71.524c-.304.106-.674.159-1.107.159h-1.3Zm-5.433-6.233v13.579h-3.687V31.108h3.687Zm-14.59 0v13.579h3.686v-5.304h5.278v-2.97h-5.278v-2.334h5.861v-2.97H24.23Z" 12 - /> 13 - </Svg> 14 - ) 15 - }

-712

src/components/dialogs/nuxs/TenMillion/index.tsx

··· 1 - import React from 'react' 2 - import {View} from 'react-native' 3 - import Animated, {FadeIn} from 'react-native-reanimated' 4 - import ViewShot from 'react-native-view-shot' 5 - import {Image} from 'expo-image' 6 - import {requestMediaLibraryPermissionsAsync} from 'expo-image-picker' 7 - import * as MediaLibrary from 'expo-media-library' 8 - import {moderateProfile} from '@atproto/api' 9 - import {msg, Trans} from '@lingui/macro' 10 - import {useLingui} from '@lingui/react' 11 - 12 - import {networkRetry} from '#/lib/async/retry' 13 - import {getCanvas} from '#/lib/canvas' 14 - import {shareUrl} from '#/lib/sharing' 15 - import {logEvent} from '#/lib/statsig/statsig' 16 - import {sanitizeDisplayName} from '#/lib/strings/display-names' 17 - import {sanitizeHandle} from '#/lib/strings/handles' 18 - import {isIOS, isNative} from '#/platform/detection' 19 - import {useModerationOpts} from '#/state/preferences/moderation-opts' 20 - import {useProfileQuery} from '#/state/queries/profile' 21 - import {useAgent, useSession} from '#/state/session' 22 - import {useComposerControls} from '#/state/shell' 23 - import {formatCount} from '#/view/com/util/numeric/format' 24 - import * as Toast from '#/view/com/util/Toast' 25 - import {Logomark} from '#/view/icons/Logomark' 26 - import { 27 - atoms as a, 28 - ThemeProvider, 29 - tokens, 30 - useBreakpoints, 31 - useTheme, 32 - } from '#/alf' 33 - import {Button, ButtonIcon, ButtonText} from '#/components/Button' 34 - import * as Dialog from '#/components/Dialog' 35 - import {useNuxDialogContext} from '#/components/dialogs/nuxs' 36 - import {OnePercent} from '#/components/dialogs/nuxs/TenMillion/icons/OnePercent' 37 - import {PointOnePercent} from '#/components/dialogs/nuxs/TenMillion/icons/PointOnePercent' 38 - import {TenPercent} from '#/components/dialogs/nuxs/TenMillion/icons/TenPercent' 39 - import {Divider} from '#/components/Divider' 40 - import {GradientFill} from '#/components/GradientFill' 41 - import {ArrowOutOfBox_Stroke2_Corner0_Rounded as Share} from '#/components/icons/ArrowOutOfBox' 42 - import {Download_Stroke2_Corner0_Rounded as Download} from '#/components/icons/Download' 43 - import {Image_Stroke2_Corner0_Rounded as ImageIcon} from '#/components/icons/Image' 44 - import {Loader} from '#/components/Loader' 45 - import {Text} from '#/components/Typography' 46 - 47 - const DEBUG = false 48 - const RATIO = 8 / 10 49 - const WIDTH = 2000 50 - const HEIGHT = WIDTH * RATIO 51 - 52 - function getFontSize(count: number) { 53 - const length = count.toString().length 54 - if (length < 7) { 55 - return 80 56 - } else if (length < 5) { 57 - return 100 58 - } else { 59 - return 70 60 - } 61 - } 62 - 63 - function getPercentBadge(percent: number) { 64 - if (percent <= 0.001) { 65 - return PointOnePercent 66 - } else if (percent <= 0.01) { 67 - return OnePercent 68 - } else if (percent <= 0.1) { 69 - return TenPercent 70 - } 71 - return null 72 - } 73 - 74 - function Frame({children}: {children: React.ReactNode}) { 75 - return ( 76 - <View 77 - style={[ 78 - a.relative, 79 - a.w_full, 80 - a.overflow_hidden, 81 - { 82 - paddingTop: '80%', 83 - }, 84 - ]}> 85 - {children} 86 - </View> 87 - ) 88 - } 89 - 90 - export function TenMillion({ 91 - showTimeout, 92 - onClose, 93 - onFallback, 94 - }: { 95 - showTimeout?: number 96 - onClose?: () => void 97 - onFallback?: () => void 98 - }) { 99 - const agent = useAgent() 100 - const nuxDialogs = useNuxDialogContext() 101 - const [userNumber, setUserNumber] = React.useState<number>(0) 102 - const fetching = React.useRef(false) 103 - 104 - React.useEffect(() => { 105 - async function fetchUserNumber() { 106 - const isBlueskyHosted = agent.sessionManager.pdsUrl 107 - ?.toString() 108 - .includes('bsky.network') 109 - 110 - if (isBlueskyHosted && agent.session?.accessJwt) { 111 - const res = await fetch( 112 - `https://bsky.social/xrpc/com.atproto.temp.getSignupNumber`, 113 - { 114 - headers: { 115 - Authorization: `Bearer ${agent.session.accessJwt}`, 116 - }, 117 - }, 118 - ) 119 - 120 - if (!res.ok) { 121 - throw new Error('Network request failed') 122 - } 123 - 124 - const data = await res.json() 125 - 126 - if (data.number && data.number <= 10_000_000) { 127 - setUserNumber(data.number) 128 - } else { 129 - // should be rare 130 - nuxDialogs.dismissActiveNux() 131 - onFallback?.() 132 - } 133 - } else { 134 - nuxDialogs.dismissActiveNux() 135 - onFallback?.() 136 - } 137 - } 138 - 139 - if (!fetching.current) { 140 - fetching.current = true 141 - networkRetry(3, fetchUserNumber).catch(() => { 142 - nuxDialogs.dismissActiveNux() 143 - onFallback?.() 144 - }) 145 - } 146 - }, [ 147 - agent.sessionManager.pdsUrl, 148 - agent.session?.accessJwt, 149 - setUserNumber, 150 - nuxDialogs.dismissActiveNux, 151 - nuxDialogs, 152 - onFallback, 153 - ]) 154 - 155 - return userNumber ? ( 156 - <TenMillionInner 157 - userNumber={userNumber} 158 - showTimeout={showTimeout ?? 3e3} 159 - onClose={onClose} 160 - /> 161 - ) : null 162 - } 163 - 164 - export function TenMillionInner({ 165 - userNumber, 166 - showTimeout, 167 - onClose: onCloseOuter, 168 - }: { 169 - userNumber: number 170 - showTimeout: number 171 - onClose?: () => void 172 - }) { 173 - const t = useTheme() 174 - const lightTheme = useTheme('light') 175 - const {_, i18n} = useLingui() 176 - const control = Dialog.useDialogControl() 177 - const {gtMobile} = useBreakpoints() 178 - const {openComposer} = useComposerControls() 179 - const {currentAccount} = useSession() 180 - const { 181 - isLoading: isProfileLoading, 182 - data: profile, 183 - error: profileError, 184 - } = useProfileQuery({ 185 - did: currentAccount!.did, 186 - }) 187 - const moderationOpts = useModerationOpts() 188 - const nuxDialogs = useNuxDialogContext() 189 - const moderation = React.useMemo(() => { 190 - return profile && moderationOpts 191 - ? moderateProfile(profile, moderationOpts) 192 - : undefined 193 - }, [profile, moderationOpts]) 194 - const [uri, setUri] = React.useState<string | null>(null) 195 - const percent = userNumber / 10_000_000 196 - const Badge = getPercentBadge(percent) 197 - const isLoadingData = isProfileLoading || !moderation || !profile 198 - const isLoadingImage = !uri 199 - 200 - const displayName = React.useMemo(() => { 201 - if (!profile || !moderation) return '' 202 - return sanitizeDisplayName( 203 - profile.displayName || sanitizeHandle(profile.handle), 204 - moderation.ui('displayName'), 205 - ) 206 - }, [profile, moderation]) 207 - const handle = React.useMemo(() => { 208 - if (!profile) return '' 209 - return sanitizeHandle(profile.handle, '@') 210 - }, [profile]) 211 - const joinedDate = React.useMemo(() => { 212 - if (!profile || !profile.createdAt) return '' 213 - const date = i18n.date(profile.createdAt, { 214 - month: 'short', 215 - day: 'numeric', 216 - year: 'numeric', 217 - }) 218 - return date 219 - }, [i18n, profile]) 220 - 221 - const error: string = React.useMemo(() => { 222 - if (profileError) { 223 - return _( 224 - msg`Oh no! We weren't able to generate an image for you to share. Rest assured, we're glad you're here 🦋`, 225 - ) 226 - } 227 - return '' 228 - }, [_, profileError]) 229 - 230 - /* 231 - * Opening and closing 232 - */ 233 - React.useEffect(() => { 234 - const timeout = setTimeout(() => { 235 - control.open() 236 - }, showTimeout) 237 - return () => { 238 - clearTimeout(timeout) 239 - } 240 - }, [control, showTimeout]) 241 - const onClose = React.useCallback(() => { 242 - nuxDialogs.dismissActiveNux() 243 - onCloseOuter?.() 244 - }, [nuxDialogs, onCloseOuter]) 245 - 246 - /* 247 - * Actions 248 - */ 249 - const sharePost = React.useCallback(() => { 250 - if (uri) { 251 - control.close(() => { 252 - setTimeout(() => { 253 - logEvent('tmd:post', {}) 254 - openComposer({ 255 - text: _( 256 - msg`Bluesky now has over 10 million users, and I was #${i18n.number( 257 - userNumber, 258 - )}!`, 259 - ), 260 - imageUris: [ 261 - { 262 - uri, 263 - width: WIDTH, 264 - height: HEIGHT, 265 - altText: _( 266 - msg`A virtual certificate with text "Celebrating 10M users on Bluesky, #${i18n.number( 267 - userNumber, 268 - )}, ${displayName} ${handle}, joined on ${joinedDate}"`, 269 - ), 270 - }, 271 - ], 272 - }) 273 - }, 1e3) 274 - }) 275 - } 276 - }, [ 277 - _, 278 - i18n, 279 - control, 280 - openComposer, 281 - uri, 282 - userNumber, 283 - displayName, 284 - handle, 285 - joinedDate, 286 - ]) 287 - const onNativeShare = React.useCallback(() => { 288 - if (uri) { 289 - control.close(() => { 290 - logEvent('tmd:share', {}) 291 - shareUrl(uri) 292 - }) 293 - } 294 - }, [uri, control]) 295 - const onNativeDownload = React.useCallback(async () => { 296 - if (uri) { 297 - const res = await requestMediaLibraryPermissionsAsync() 298 - 299 - if (!res) { 300 - Toast.show( 301 - _( 302 - msg`You must grant access to your photo library to save the image.`, 303 - ), 304 - 'xmark', 305 - ) 306 - return 307 - } 308 - 309 - try { 310 - await MediaLibrary.createAssetAsync(uri) 311 - logEvent('tmd:download', {}) 312 - Toast.show(_(msg`Image saved to your camera roll!`)) 313 - } catch (e: unknown) { 314 - console.log(e) 315 - Toast.show(_(msg`An error occurred while saving the image!`), 'xmark') 316 - return 317 - } 318 - } 319 - }, [_, uri]) 320 - const onWebDownload = React.useCallback(async () => { 321 - if (uri) { 322 - const canvas = await getCanvas(uri) 323 - const imgHref = canvas 324 - .toDataURL('image/png') 325 - .replace('image/png', 'image/octet-stream') 326 - const link = document.createElement('a') 327 - link.setAttribute('download', `Bluesky 10M Users.png`) 328 - link.setAttribute('href', imgHref) 329 - link.click() 330 - logEvent('tmd:download', {}) 331 - } 332 - }, [uri]) 333 - 334 - /* 335 - * Canvas stuff 336 - */ 337 - const imageRef = React.useRef<ViewShot>(null) 338 - const captureInProgress = React.useRef(false) 339 - const onCanvasReady = React.useCallback(async () => { 340 - if ( 341 - imageRef.current && 342 - imageRef.current.capture && 343 - !captureInProgress.current 344 - ) { 345 - captureInProgress.current = true 346 - const uri = await imageRef.current.capture() 347 - setUri(uri) 348 - } 349 - }, [setUri]) 350 - const canvas = isLoadingData ? null : ( 351 - <View 352 - style={[ 353 - a.absolute, 354 - a.overflow_hidden, 355 - DEBUG 356 - ? { 357 - width: 600, 358 - height: 600 * RATIO, 359 - } 360 - : { 361 - width: 1, 362 - height: 1, 363 - }, 364 - ]}> 365 - <View style={{width: 600}}> 366 - <ThemeProvider theme="light"> 367 - <Frame> 368 - <ViewShot 369 - ref={imageRef} 370 - options={{width: WIDTH, height: HEIGHT}} 371 - style={[a.absolute, a.inset_0]}> 372 - <View 373 - onLayout={onCanvasReady} 374 - style={[ 375 - a.absolute, 376 - a.inset_0, 377 - a.align_center, 378 - a.justify_center, 379 - { 380 - top: -1, 381 - bottom: -1, 382 - left: -1, 383 - right: -1, 384 - paddingVertical: 48, 385 - paddingHorizontal: 48, 386 - }, 387 - ]}> 388 - <GradientFill gradient={tokens.gradients.bonfire} /> 389 - 390 - <View 391 - style={[ 392 - a.flex_1, 393 - a.w_full, 394 - a.align_center, 395 - a.justify_center, 396 - a.rounded_md, 397 - { 398 - backgroundColor: 'white', 399 - shadowRadius: 32, 400 - shadowOpacity: 0.1, 401 - elevation: 24, 402 - shadowColor: tokens.gradients.bonfire.values[0][1], 403 - }, 404 - ]}> 405 - <View 406 - style={[ 407 - a.absolute, 408 - a.px_xl, 409 - a.py_xl, 410 - { 411 - top: 0, 412 - left: 0, 413 - }, 414 - ]}> 415 - <Logomark fill={t.palette.primary_500} width={36} /> 416 - </View> 417 - 418 - {/* Centered content */} 419 - <View 420 - style={[ 421 - { 422 - paddingBottom: isNative ? 0 : 24, 423 - }, 424 - ]}> 425 - <Text 426 - allowFontScaling={false} 427 - style={[ 428 - a.text_md, 429 - a.font_bold, 430 - a.text_center, 431 - a.pb_sm, 432 - lightTheme.atoms.text_contrast_medium, 433 - ]}> 434 - <Trans> 435 - Celebrating {formatCount(i18n, 10000000)} users 436 - </Trans>{' '} 437 - 🎉 438 - </Text> 439 - <View style={[a.flex_row, a.align_start]}> 440 - <Text 441 - allowFontScaling={false} 442 - style={[ 443 - a.absolute, 444 - a.font_heavy, 445 - { 446 - color: t.palette.primary_500, 447 - fontSize: 32, 448 - width: 32, 449 - top: isNative ? -10 : 0, 450 - left: 0, 451 - transform: [ 452 - { 453 - translateX: -16, 454 - }, 455 - ], 456 - }, 457 - ]}> 458 - # 459 - </Text> 460 - <Text 461 - allowFontScaling={false} 462 - style={[ 463 - a.relative, 464 - a.text_center, 465 - a.font_heavy, 466 - { 467 - fontStyle: 'italic', 468 - fontSize: getFontSize(userNumber), 469 - lineHeight: getFontSize(userNumber), 470 - letterSpacing: -2, 471 - }, 472 - ]}> 473 - {i18n.number(userNumber)} 474 - </Text> 475 - </View> 476 - 477 - {Badge && ( 478 - <View 479 - style={[ 480 - a.absolute, 481 - { 482 - width: 64, 483 - height: 64, 484 - top: isNative ? 75 : 85, 485 - right: '5%', 486 - transform: [ 487 - { 488 - rotate: '8deg', 489 - }, 490 - ], 491 - }, 492 - ]}> 493 - <Badge fill={t.palette.primary_500} /> 494 - </View> 495 - )} 496 - </View> 497 - {/* End centered content */} 498 - 499 - <View 500 - style={[ 501 - a.absolute, 502 - a.px_xl, 503 - a.py_xl, 504 - { 505 - bottom: 0, 506 - left: 0, 507 - right: 0, 508 - }, 509 - ]}> 510 - <View style={[a.flex_row, a.align_center, a.gap_sm]}> 511 - {/* 512 - <UserAvatar 513 - size={36} 514 - avatar={profile.avatar} 515 - moderation={moderation.ui('avatar')} 516 - onLoad={onCanvasReady} 517 - /> 518 - */} 519 - <View style={[a.gap_2xs, a.flex_1]}> 520 - <Text 521 - allowFontScaling={false} 522 - style={[ 523 - a.flex_1, 524 - a.text_sm, 525 - a.font_bold, 526 - a.leading_tight, 527 - {maxWidth: '60%'}, 528 - ]}> 529 - {displayName} 530 - </Text> 531 - <View 532 - style={[a.flex_row, a.justify_between, a.gap_4xl]}> 533 - <Text 534 - allowFontScaling={false} 535 - numberOfLines={1} 536 - style={[ 537 - a.flex_1, 538 - a.text_sm, 539 - a.font_bold, 540 - a.leading_snug, 541 - lightTheme.atoms.text_contrast_medium, 542 - ]}> 543 - {handle} 544 - </Text> 545 - 546 - {profile.createdAt && ( 547 - <Text 548 - allowFontScaling={false} 549 - numberOfLines={1} 550 - ellipsizeMode="head" 551 - style={[ 552 - a.flex_1, 553 - a.text_sm, 554 - a.font_bold, 555 - a.leading_snug, 556 - a.text_right, 557 - lightTheme.atoms.text_contrast_low, 558 - ]}> 559 - <Trans>Joined on {joinedDate}</Trans> 560 - </Text> 561 - )} 562 - </View> 563 - </View> 564 - </View> 565 - </View> 566 - </View> 567 - </View> 568 - </ViewShot> 569 - </Frame> 570 - </ThemeProvider> 571 - </View> 572 - </View> 573 - ) 574 - 575 - return ( 576 - <Dialog.Outer control={control} onClose={onClose}> 577 - <Dialog.ScrollableInner 578 - label={_(msg`Ten Million`)} 579 - style={[ 580 - { 581 - padding: 0, 582 - paddingTop: 0, 583 - }, 584 - ]}> 585 - <View 586 - style={[ 587 - a.rounded_md, 588 - a.overflow_hidden, 589 - isNative && { 590 - borderTopLeftRadius: 40, 591 - borderTopRightRadius: 40, 592 - }, 593 - ]}> 594 - <Frame> 595 - <View 596 - style={[a.absolute, a.inset_0, a.align_center, a.justify_center]}> 597 - <GradientFill gradient={tokens.gradients.bonfire} /> 598 - {error ? ( 599 - <View> 600 - <Text 601 - style={[ 602 - a.text_md, 603 - a.leading_snug, 604 - a.text_center, 605 - a.pb_md, 606 - { 607 - maxWidth: 300, 608 - }, 609 - ]}> 610 - (╯°□°)╯︵ ┻━┻ 611 - </Text> 612 - <Text 613 - style={[ 614 - a.text_xl, 615 - a.font_bold, 616 - a.leading_snug, 617 - a.text_center, 618 - { 619 - maxWidth: 300, 620 - }, 621 - ]}> 622 - {error} 623 - </Text> 624 - </View> 625 - ) : isLoadingData || isLoadingImage ? ( 626 - <Loader size="xl" fill="white" /> 627 - ) : ( 628 - <Animated.View 629 - entering={FadeIn.duration(150)} 630 - style={[a.w_full, a.h_full]}> 631 - <Image 632 - accessibilityIgnoresInvertColors 633 - source={{uri}} 634 - style={[a.w_full, a.h_full]} 635 - /> 636 - </Animated.View> 637 - )} 638 - </View> 639 - </Frame> 640 - 641 - {canvas} 642 - 643 - <View style={[gtMobile ? a.p_2xl : a.p_xl]}> 644 - <Text 645 - allowFontScaling={false} 646 - style={[a.text_5xl, a.leading_tight, a.pb_lg, a.font_heavy]}> 647 - <Trans>Thanks for being one of our first 10 million users.</Trans> 648 - </Text> 649 - 650 - <Text style={[a.leading_snug, a.text_lg, a.pb_xl]}> 651 - <Trans> 652 - Together, we're rebuilding the social internet. We're glad 653 - you're here. 654 - </Trans> 655 - </Text> 656 - 657 - <Divider /> 658 - 659 - <View 660 - style={[ 661 - a.flex_row, 662 - a.align_center, 663 - a.justify_end, 664 - a.gap_md, 665 - a.pt_xl, 666 - ]}> 667 - {gtMobile && ( 668 - <Text 669 - style={[a.text_md, a.italic, t.atoms.text_contrast_medium]}> 670 - <Trans>Brag a little!</Trans> 671 - </Text> 672 - )} 673 - 674 - <Button 675 - disabled={isLoadingImage} 676 - label={ 677 - isNative && isIOS 678 - ? _(msg`Share image externally`) 679 - : _(msg`Download image`) 680 - } 681 - size="large" 682 - variant="solid" 683 - color="secondary" 684 - shape="square" 685 - onPress={ 686 - isNative 687 - ? isIOS 688 - ? onNativeShare 689 - : onNativeDownload 690 - : onWebDownload 691 - }> 692 - <ButtonIcon icon={isNative && isIOS ? Share : Download} /> 693 - </Button> 694 - <Button 695 - disabled={isLoadingImage} 696 - label={_(msg`Share image in post`)} 697 - size="large" 698 - variant="solid" 699 - color="primary" 700 - onPress={sharePost}> 701 - <ButtonText>{_(msg`Share`)}</ButtonText> 702 - <ButtonIcon position="right" icon={ImageIcon} /> 703 - </Button> 704 - </View> 705 - </View> 706 - </View> 707 - 708 - <Dialog.Close /> 709 - </Dialog.ScrollableInner> 710 - </Dialog.Outer> 711 - ) 712 - }

+3 -6

src/components/dialogs/nuxs/index.tsx

··· 16 16 import {useProfileQuery} from '#/state/queries/profile' 17 17 import {SessionAccount, useSession} from '#/state/session' 18 18 import {useOnboardingState} from '#/state/shell' 19 + /* 20 + * NUXs 21 + */ 19 22 import {NeueTypography} from '#/components/dialogs/nuxs/NeueTypography' 20 23 import {isSnoozed, snooze, unsnooze} from '#/components/dialogs/nuxs/snoozing' 21 - // NUXs 22 - import {TenMillion} from '#/components/dialogs/nuxs/TenMillion' 23 24 import {IS_DEV} from '#/env' 24 25 25 26 type Context = { ··· 36 37 preferences: UsePreferencesQueryResponse 37 38 }) => boolean 38 39 }[] = [ 39 - { 40 - id: Nux.TenMillionDialog, 41 - }, 42 40 { 43 41 id: Nux.NeueTypography, 44 42 enabled(props) { ··· 176 174 177 175 return ( 178 176 <Context.Provider value={ctx}> 179 - {activeNux === Nux.TenMillionDialog && <TenMillion />} 180 177 {activeNux === Nux.NeueTypography && <NeueTypography />} 181 178 </Context.Provider> 182 179 )

+4 -11

src/state/queries/nuxs/definitions.ts

··· 3 3 import {BaseNux} from '#/state/queries/nuxs/types' 4 4 5 5 export enum Nux { 6 - TenMillionDialog = 'TenMillionDialog', 7 6 NeueTypography = 'NeueTypography', 8 7 } 9 8 10 9 export const nuxNames = new Set(Object.values(Nux)) 11 10 12 - export type AppNux = 13 - | BaseNux<{ 14 - id: Nux.TenMillionDialog 15 - data: undefined 16 - }> 17 - | BaseNux<{ 18 - id: Nux.NeueTypography 19 - data: undefined 20 - }> 11 + export type AppNux = BaseNux<{ 12 + id: Nux.NeueTypography 13 + data: undefined 14 + }> 21 15 22 16 export const NuxSchemas: Record<Nux, zod.ZodObject<any> | undefined> = { 23 - [Nux.TenMillionDialog]: undefined, 24 17 [Nux.NeueTypography]: undefined, 25 18 }

+12 -66

src/view/com/home/HomeHeaderLayout.web.tsx

··· 1 1 import React from 'react' 2 2 import {StyleSheet, View} from 'react-native' 3 - import Animated, { 4 - useAnimatedStyle, 5 - useReducedMotion, 6 - useSharedValue, 7 - withDelay, 8 - withRepeat, 9 - withSequence, 10 - withSpring, 11 - withTiming, 12 - } from 'react-native-reanimated' 3 + import Animated from 'react-native-reanimated' 13 4 import {msg} from '@lingui/macro' 14 5 import {useLingui} from '@lingui/react' 15 6 7 + import {useMinimalShellHeaderTransform} from '#/lib/hooks/useMinimalShellTransform' 8 + import {useWebMediaQueries} from '#/lib/hooks/useWebMediaQueries' 9 + import {useKawaiiMode} from '#/state/preferences/kawaii' 16 10 import {useSession} from '#/state/session' 17 11 import {useShellLayout} from '#/state/shell/shell-layout' 18 - import {useMinimalShellHeaderTransform} from 'lib/hooks/useMinimalShellTransform' 19 - import {useWebMediaQueries} from 'lib/hooks/useWebMediaQueries' 20 - // import {Logo} from '#/view/icons/Logo' 12 + import {Logo} from '#/view/icons/Logo' 21 13 import {atoms as a, useTheme} from '#/alf' 22 - import {Icon, Trigger} from '#/components/dialogs/nuxs/TenMillion/Trigger' 23 14 import {Hashtag_Stroke2_Corner0_Rounded as FeedsIcon} from '#/components/icons/Hashtag' 24 15 import {Link} from '#/components/Link' 25 16 import {HomeHeaderLayoutMobile} from './HomeHeaderLayoutMobile' ··· 48 39 const {headerHeight} = useShellLayout() 49 40 const {hasSession} = useSession() 50 41 const {_} = useLingui() 51 - 52 - // TEMPORARY - REMOVE AFTER MILLY 53 - // This will just cause the icon to shake a bit when the user first opens the app, drawing attention to the celebration 54 - // 🎉 55 - const rotate = useSharedValue(0) 56 - const reducedMotion = useReducedMotion() 57 - 58 - // Run this a single time on app mount. 59 - React.useEffect(() => { 60 - if (reducedMotion) return 61 - 62 - // Waits 1500ms, then rotates 10 degrees with a spring animation. Repeats once. 63 - rotate.value = withDelay( 64 - 1000, 65 - withRepeat( 66 - withSequence( 67 - withTiming(10, {duration: 100}), 68 - withSpring(0, { 69 - mass: 1, 70 - damping: 1, 71 - stiffness: 200, 72 - overshootClamping: false, 73 - }), 74 - ), 75 - 2, 76 - false, 77 - ), 78 - ) 79 - }, [rotate, reducedMotion]) 80 - 81 - const animatedStyle = useAnimatedStyle(() => ({ 82 - transform: [ 83 - { 84 - rotateZ: `${rotate.value}deg`, 85 - }, 86 - ], 87 - })) 42 + const kawaii = useKawaiiMode() 88 43 89 44 return ( 90 45 <> ··· 101 56 t.atoms.bg, 102 57 t.atoms.border_contrast_low, 103 58 styles.bar, 59 + kawaii && {paddingTop: 22, paddingBottom: 16}, 104 60 ]}> 105 - <Animated.View 61 + <View 106 62 style={[ 107 63 a.absolute, 108 64 a.inset_0, 109 65 a.pt_lg, 110 66 a.m_auto, 67 + kawaii && {paddingTop: 4, paddingBottom: 0}, 111 68 { 112 - width: 28, 69 + width: kawaii ? 84 : 28, 113 70 }, 114 - animatedStyle, 115 71 ]}> 116 - <Trigger> 117 - {ctx => ( 118 - <Icon 119 - width={28} 120 - style={{ 121 - opacity: ctx.hovered || ctx.pressed ? 0.8 : 1, 122 - }} 123 - /> 124 - )} 125 - </Trigger> 126 - {/* <Logo width={28} /> */} 127 - </Animated.View> 72 + <Logo width={kawaii ? 60 : 28} /> 73 + </View> 128 74 129 75 <Link 130 76 to="/feeds"

+9 -66

src/view/com/home/HomeHeaderLayoutMobile.tsx

··· 1 1 import React from 'react' 2 2 import {StyleSheet, TouchableOpacity, View} from 'react-native' 3 - import Animated, { 4 - useAnimatedStyle, 5 - useReducedMotion, 6 - useSharedValue, 7 - withDelay, 8 - withRepeat, 9 - withSequence, 10 - withSpring, 11 - withTiming, 12 - } from 'react-native-reanimated' 3 + import Animated from 'react-native-reanimated' 13 4 import {msg} from '@lingui/macro' 14 5 import {useLingui} from '@lingui/react' 15 6 7 + import {HITSLOP_10} from '#/lib/constants' 8 + import {useMinimalShellHeaderTransform} from '#/lib/hooks/useMinimalShellTransform' 9 + import {usePalette} from '#/lib/hooks/usePalette' 10 + import {isWeb} from '#/platform/detection' 16 11 import {useSession} from '#/state/session' 17 12 import {useSetDrawerOpen} from '#/state/shell/drawer-open' 18 13 import {useShellLayout} from '#/state/shell/shell-layout' 19 - import {HITSLOP_10} from 'lib/constants' 20 - import {useMinimalShellHeaderTransform} from 'lib/hooks/useMinimalShellTransform' 21 - import {usePalette} from 'lib/hooks/usePalette' 22 - import {isWeb} from 'platform/detection' 23 - // import {Logo} from '#/view/icons/Logo' 14 + import {Logo} from '#/view/icons/Logo' 24 15 import {atoms} from '#/alf' 25 16 import {useTheme} from '#/alf' 26 17 import {atoms as a} from '#/alf' 27 - import {Icon, Trigger} from '#/components/dialogs/nuxs/TenMillion/Trigger' 28 18 import {ColorPalette_Stroke2_Corner0_Rounded as ColorPalette} from '#/components/icons/ColorPalette' 29 19 import {Hashtag_Stroke2_Corner0_Rounded as FeedsIcon} from '#/components/icons/Hashtag' 30 20 import {Menu_Stroke2_Corner0_Rounded as Menu} from '#/components/icons/Menu' ··· 49 39 setDrawerOpen(true) 50 40 }, [setDrawerOpen]) 51 41 52 - // TEMPORARY - REMOVE AFTER MILLY 53 - // This will just cause the icon to shake a bit when the user first opens the app, drawing attention to the celebration 54 - // 🎉 55 - const rotate = useSharedValue(0) 56 - const reducedMotion = useReducedMotion() 57 - 58 - // Run this a single time on app mount. 59 - React.useEffect(() => { 60 - if (reducedMotion) return 61 - 62 - // Waits 1500ms, then rotates 10 degrees with a spring animation. Repeats once. 63 - rotate.value = withDelay( 64 - 1000, 65 - withRepeat( 66 - withSequence( 67 - withTiming(10, {duration: 100}), 68 - withSpring(0, { 69 - mass: 1, 70 - damping: 1, 71 - stiffness: 200, 72 - overshootClamping: false, 73 - }), 74 - ), 75 - 2, 76 - false, 77 - ), 78 - ) 79 - }, [rotate, reducedMotion]) 80 - 81 - const animatedStyle = useAnimatedStyle(() => ({ 82 - transform: [ 83 - { 84 - rotateZ: `${rotate.value}deg`, 85 - }, 86 - ], 87 - })) 88 - 89 42 return ( 90 43 <Animated.View 91 44 style={[pal.view, pal.border, styles.tabBar, headerMinimalShellTransform]} ··· 106 59 <Menu size="lg" fill={t.atoms.text_contrast_medium.color} /> 107 60 </TouchableOpacity> 108 61 </View> 109 - <Animated.View style={animatedStyle}> 110 - <Trigger> 111 - {ctx => ( 112 - <Icon 113 - width={28} 114 - style={{ 115 - opacity: ctx.pressed ? 0.8 : 1, 116 - }} 117 - /> 118 - )} 119 - </Trigger> 120 - {/* <Logo width={30} /> */} 121 - </Animated.View> 62 + <View> 63 + <Logo width={30} /> 64 + </View> 122 65 <View 123 66 style={[ 124 67 atoms.flex_row,

Configure Feed

Configure Feed