ilyakooo0/urbit
1
0
Fork 0
mirror of https://github.com/ilyakooo0/urbit.git synced 2024-12-29 18:06:43 +03:00
Code Issues Packages Projects Releases Wiki Activity

system-prefs: updating icons

Browse Source
This commit is contained in:
Hunter Miller 2021-10-12 09:54:44 -05:00
parent 2f0f0faad3
commit 7b16f8d375
6 changed files with 75 additions and 60 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
pkg/grid/src/assets/notifications.svg
View File

@ -1,28 +0,0 @@
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<rect width="32" height="32" rx="8" fill="#219DFF" fill-opacity="0.3"/>
<g style="mix-blend-mode:multiply">
<path d="M40.5967 36.0162L19.8147 34.081C19.4445 34.0474 19.1416 33.7445 19.1248 33.3911L17.4084 -2.06444C17.3916 -2.41782 17.6944 -2.68706 18.0646 -2.65341L38.8466 -0.718245C39.2168 -0.68459 39.5197 -0.3817 39.5365 -0.0283222L41.2529 35.4272C41.2866 35.7806 40.9837 36.0498 40.5967 36.0162Z" fill="#E5E5E5"/>
<path d="M29.1031 12.1036C31.7113 11.9185 34.2186 14.1229 34.471 16.9499C34.7234 19.8106 32.5022 22.4525 29.7257 22.6545C26.966 22.8564 24.5092 20.6688 24.3072 17.825C24.0548 14.7624 26.091 12.3392 29.1031 12.1036Z" fill="black" stroke="black" stroke-width="0.5" stroke-miterlimit="10"/>
<path d="M10.3238 26.5929C7.85016 26.7443 5.6121 24.8933 5.19141 22.3692C4.73707 19.6431 6.4703 16.9339 9.11222 16.3449C10.795 15.9747 12.3094 16.4459 13.5547 17.6575C14.9514 19.0037 15.574 20.6864 15.1701 22.6384C14.8167 24.2539 13.7398 25.3308 12.3263 26.0544C11.7036 26.3573 11.0306 26.5592 10.3238 26.5929Z" fill="black" stroke="black" stroke-width="0.5" stroke-miterlimit="10"/>
<path d="M16.685 -4C16.8364 -3.71393 17.1057 -3.69711 17.3412 -3.66345C21.9856 -3.07449 26.63 -2.48553 31.2744 -1.89656C34.0004 -1.56001 36.7433 -1.22346 39.4694 -0.886914C39.6545 -0.870087 39.8396 -0.853251 40.0247 -0.836424C40.5295 -0.785941 40.8156 -0.499878 40.8324 0.0217743C40.8661 0.930459 40.8997 1.85597 40.9165 2.78149C41.0175 6.51719 41.3036 10.2361 41.5728 13.9549C41.7243 15.9574 41.7411 17.9935 41.8421 19.996C41.9935 23.0418 42.1618 26.1044 42.3301 29.1502C42.4479 31.1358 42.5825 33.1046 42.6834 35.0903C42.7171 35.6456 42.6834 36.2177 42.6498 36.773C42.633 37.1432 42.4815 37.261 42.1281 37.2273C40.2939 37.0422 38.4429 36.8572 36.6087 36.6889C34.8082 36.5374 32.9908 36.4196 31.1734 36.2682C29.2887 36.1167 27.4209 35.9485 25.553 35.7802C23.5506 35.6119 21.5649 35.4436 19.5625 35.2922C18.7547 35.2249 18.6538 35.1576 18.6706 34.2994C18.7043 31.994 18.4518 29.7055 18.3172 27.4001C18.2836 26.6765 18.2163 25.9698 18.1658 25.2462C18.149 25.0947 18.1321 24.9433 18.3172 24.9265C18.5023 24.9096 18.5528 25.0442 18.5696 25.2125C18.6201 25.9024 18.6538 26.5924 18.6874 27.2823C18.8221 29.655 18.9735 32.0108 19.1081 34.3835C19.125 34.7537 19.2091 34.8547 19.5793 34.8883C21.3125 35.0398 23.0289 35.1744 24.7622 35.309C27.4377 35.5278 30.1133 35.7634 32.7889 35.9821C35.0269 36.1672 37.265 36.3187 39.503 36.5038C40.2098 36.5543 40.9165 36.6216 41.6233 36.6721C42.1113 36.7057 42.1618 36.6889 42.145 36.1841C41.9935 33.0037 41.8589 29.8401 41.7074 26.6597C41.5896 24.2365 41.4719 21.8134 41.3372 19.3902C41.1858 16.4454 41.0343 13.5174 40.8661 10.5726C40.681 7.13979 40.4959 3.70699 40.3108 0.274187C40.2771 -0.331603 40.193 -0.449387 39.604 -0.516697C36.8106 -0.870075 34.0173 -1.22346 31.2239 -1.57684C28.4642 -1.93021 25.6877 -2.26676 22.928 -2.62013C21.0433 -2.85572 19.1754 -3.09132 17.2907 -3.3269C16.8869 -3.37738 16.7859 -3.29325 16.8196 -2.82208C16.9037 -1.32443 17.0047 0.190053 17.0888 1.6877C17.2739 4.78396 17.4759 7.89703 17.661 10.9933C17.7619 12.6424 17.8629 14.2747 17.9638 15.9238C17.9638 16.0079 17.8965 16.1088 17.8461 16.2098C17.7451 16.1593 17.5936 16.1425 17.56 16.0584C17.4927 15.9406 17.4758 15.7891 17.459 15.6377C17.3749 13.5174 17.3076 11.3972 17.1898 9.27689C17.0215 6.53401 16.8196 3.79113 16.6345 1.03142C16.5335 -0.398913 16.4494 -1.81243 16.3652 -3.24276C16.3821 -3.49518 16.4157 -3.78124 16.685 -4Z" fill="black" stroke="black" stroke-width="0.5" stroke-miterlimit="10"/>
<path d="M2.85198 21.9824C1.96012 21.8815 1.1524 21.7805 0.327854 21.6964C-1.80924 21.4608 -3.94633 21.2084 -6.10025 20.9896C-8.84313 20.7035 -11.586 20.4175 -14.3457 20.1314C-14.4972 20.1146 -14.6654 20.1146 -14.8169 20.0641C-14.901 20.0304 -14.9683 19.9295 -15.0356 19.8622C-14.9515 19.8117 -14.8505 19.7275 -14.7664 19.7275C-14.1101 19.778 -13.4707 19.8453 -12.8312 19.9126C-10.1388 20.1987 -7.46327 20.5016 -4.77087 20.7877C-2.3982 21.0401 -0.042347 21.3093 2.33033 21.5617C2.48178 21.5786 2.63323 21.5617 2.78467 21.6122C2.86881 21.6291 2.93612 21.73 3.02025 21.7973C2.95294 21.8646 2.88563 21.9488 2.85198 21.9824Z" fill="black" stroke="black" stroke-width="0.5" stroke-miterlimit="10"/>
<path d="M4.85503 13.7363C5.10744 13.8036 5.34303 13.8541 5.56179 13.9046C9.49942 14.8806 13.4539 15.8398 17.3915 16.8158C17.6944 16.8831 17.9973 16.9672 18.3002 17.0345C18.4348 17.0682 18.6031 17.1018 18.5358 17.2869C18.519 17.3542 18.317 17.4047 18.2329 17.3879C17.4252 17.2028 16.6006 17.0009 15.7929 16.7989C12.2086 15.9239 8.60756 15.032 5.02331 14.157C4.956 14.1402 4.88868 14.1402 4.8382 14.0897C4.77089 14.0392 4.7204 13.9551 4.66992 13.8878C4.7204 13.8373 4.78772 13.77 4.85503 13.7363Z" fill="black" stroke="black" stroke-width="0.5" stroke-miterlimit="10"/>
<path d="M28.4973 9.64627C28.4468 9.71358 28.4132 9.81456 28.3459 9.84821C28.2954 9.86504 28.1944 9.81456 28.1439 9.76407C28.0766 9.69676 28.0261 9.5958 27.9756 9.51166C26.8145 7.03802 25.6534 4.54754 24.4924 2.0739C24.4419 1.97293 24.3746 1.88881 24.3409 1.77102C24.3241 1.70371 24.3577 1.56908 24.3914 1.53543C24.4587 1.50177 24.5597 1.53542 24.6438 1.56907C24.6943 1.5859 24.7111 1.67004 24.7279 1.72052C25.9227 4.24465 27.1174 6.76877 28.3122 9.29289C28.3795 9.39386 28.43 9.51165 28.4973 9.64627Z" fill="black" stroke="black" stroke-width="0.5" stroke-miterlimit="10"/>
<path d="M17.5598 22.2002C18.4012 22.2843 19.1584 22.3685 19.9325 22.4526C20.7907 22.5367 21.6657 22.6377 22.5239 22.7387C22.6417 22.7555 22.81 22.7387 22.7932 22.9406C22.7763 23.1257 22.6585 23.1425 22.4903 23.1257C20.8748 22.9574 19.2762 22.806 17.6608 22.6545C17.6608 22.6545 17.6439 22.6545 17.6271 22.6545C17.4925 22.6377 17.3242 22.604 17.3579 22.4189C17.3747 22.318 17.5093 22.2507 17.5598 22.2002Z" fill="black" stroke="black" stroke-width="0.5" stroke-miterlimit="10"/>
<path d="M22.9613 14.7636C22.8435 14.7131 22.7593 14.6795 22.692 14.629C22.1704 14.2924 21.6655 13.9391 21.1439 13.6025C20.6222 13.266 20.0838 12.9462 19.5621 12.6265C19.5116 12.5929 19.4275 12.5592 19.4107 12.5087C19.377 12.4414 19.3602 12.3405 19.3938 12.2731C19.4107 12.2395 19.5285 12.2227 19.5958 12.2227C19.6463 12.2227 19.6799 12.2731 19.7304 12.29C20.8073 12.9631 21.8675 13.6193 22.9444 14.2924C22.9949 14.3261 23.0454 14.3598 23.0959 14.3934C23.1464 14.4607 23.2305 14.5617 23.2137 14.5953C23.1295 14.6626 23.0286 14.7131 22.9613 14.7636Z" fill="black" stroke="black" stroke-width="0.5" stroke-miterlimit="10"/>
<path d="M21.6151 3.20215C21.6487 3.2358 21.7329 3.28629 21.7833 3.3536C22.4396 4.41373 23.0959 5.49069 23.7522 6.56765C23.7858 6.63496 23.7522 6.76957 23.7353 6.85371C23.6512 6.82005 23.5166 6.80323 23.4661 6.73592C22.7762 5.67579 22.1031 4.61566 21.43 3.5387C21.3458 3.38725 21.4131 3.21898 21.6151 3.20215Z" fill="black" stroke="black" stroke-width="0.5" stroke-miterlimit="10"/>
<path d="M24.3413 8.09879C24.375 8.04831 24.3918 7.94734 24.4254 7.93051C24.4928 7.89686 24.5937 7.89686 24.6274 7.93051C24.7115 7.99782 24.7788 8.09879 24.8461 8.18293C25.3846 9.07478 25.9231 9.94982 26.4784 10.8417C26.5625 10.9595 26.613 11.0941 26.4616 11.1614C26.3943 11.195 26.2428 11.1277 26.1923 11.0436C25.6202 10.1517 25.0649 9.25988 24.5096 8.36803C24.4254 8.30072 24.3918 8.19975 24.3413 8.09879Z" fill="black" stroke="black" stroke-width="0.5" stroke-miterlimit="10"/>
<path d="M19.3768 17.3047C19.7638 17.4057 20.1172 17.473 20.4706 17.5739C21.1774 17.7422 21.9009 17.9273 22.6077 18.0956C22.6582 18.1124 22.7423 18.1124 22.776 18.1461C22.8433 18.2134 22.8938 18.2975 22.9442 18.3648C22.8433 18.4153 22.7423 18.5163 22.675 18.4995C22.1029 18.3648 21.5476 18.2134 20.9754 18.0788C20.4538 17.9441 19.949 17.8095 19.4273 17.6749C19.3432 17.6581 19.2758 17.5571 19.2422 17.473C19.2422 17.4393 19.3432 17.3552 19.3768 17.3047Z" fill="black" stroke="black" stroke-width="0.5" stroke-miterlimit="10"/>
<path d="M0.58035 17.1855C0.98421 17.2697 1.33759 17.337 1.69097 17.4043C2.31359 17.5221 2.91938 17.6399 3.54199 17.7409C3.67661 17.7577 3.81123 17.7913 3.77757 17.9764C3.74392 18.1447 3.6093 18.1447 3.47468 18.1279C2.49869 17.9428 1.53952 17.7577 0.563527 17.5557C0.496217 17.5389 0.445728 17.4211 0.378418 17.3538C0.445728 17.3033 0.51304 17.236 0.58035 17.1855Z" fill="black" stroke="black" stroke-width="0.5" stroke-miterlimit="10"/>
<path d="M20.6391 20.8874C20.4372 21.1903 20.2184 21.2239 19.9155 21.1566C19.3938 21.022 18.8554 20.9379 18.3337 20.8032C18.2496 20.7864 18.1655 20.6686 18.0981 20.6013C18.1991 20.5508 18.3169 20.433 18.401 20.4499C19.1414 20.5845 19.8819 20.7359 20.6391 20.8874Z" fill="black" stroke="black" stroke-width="0.5" stroke-miterlimit="10"/>
<path d="M30.8868 8.97362C30.8532 9.0241 30.8027 9.09142 30.7354 9.17556C30.6512 9.10825 30.5334 9.04093 30.5166 8.95679C30.382 8.30052 30.2474 7.66108 30.1464 7.00481C30.1296 6.92067 30.2305 6.81971 30.281 6.71875C30.3483 6.78606 30.4661 6.83654 30.483 6.90385C30.6176 7.57695 30.7522 8.25004 30.8868 8.97362Z" fill="black" stroke="black" stroke-width="0.5" stroke-miterlimit="10"/>
<path d="M23.0117 21.5446C22.8098 21.5615 22.6079 21.5951 22.4228 21.5783C22.0694 21.5278 21.7329 21.4605 21.3795 21.3764C21.3122 21.3595 21.228 21.2586 21.2449 21.2081C21.2449 21.1576 21.3458 21.0566 21.3963 21.0566C21.9516 21.0903 22.5069 21.1913 23.0117 21.4605C23.0286 21.4942 23.0117 21.511 23.0117 21.5446Z" fill="black" stroke="black" stroke-width="0.5" stroke-miterlimit="10"/>
</g>
</g>
<defs>
<clipPath id="clip0">
<rect width="32" height="32" rx="8" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 9.4 KiB

26
pkg/grid/src/assets/system-updates.svg
View File

File diff suppressed because one or more lines are too long
Side by Side

Before

Width:  |  Height:  |  Size: 24 KiB

11
pkg/grid/src/components/icons/Interface.tsx Normal file
View File

@ -0,0 +1,11 @@
import React from 'react';
export const Interface = (props: React.SVGProps<SVGSVGElement>) => (
<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
<path
d="M10.2629 19.2638C10.2308 19.2612 10.1984 19.2651 10.1678 19.2752C10.1372 19.2852 10.1089 19.3012 10.0845 19.3223C10.0601 19.3433 10.04 19.369 10.0255 19.3978C10.011 19.4267 10.0023 19.4581 10 19.4903C10 22.5145 12.8617 25 16.3777 25H16.6223C20.1383 25 23 22.5512 23 19.4903C22.9977 19.4581 22.9891 19.4267 22.9746 19.3978C22.9601 19.369 22.9401 19.3433 22.9157 19.3223C22.8912 19.3012 22.8628 19.2852 22.8322 19.2752C22.8016 19.2651 22.7692 19.2612 22.7371 19.2638H16.763V17.7517C19.7531 17.6353 22.1256 15.5845 22.1989 12.9643V12.7317L21.777 7.86476C21.7352 7.61399 21.6021 7.38762 21.4034 7.22934C21.2046 7.07107 20.9543 6.99211 20.7008 7.00769H20.6458C20.3817 6.99791 20.1209 7.06726 19.8965 7.20687C19.6721 7.34647 19.4944 7.54997 19.3862 7.7913L18.7747 9.54217C18.7576 9.5815 18.7294 9.61496 18.6935 9.63846C18.6577 9.66197 18.6158 9.67448 18.5729 9.67448C18.5301 9.67448 18.4881 9.66197 18.4523 9.63846C18.4164 9.61496 18.3882 9.5815 18.3711 9.54217L17.7596 7.78517C17.6442 7.55011 17.4653 7.35215 17.2432 7.21371C17.0211 7.07526 16.7647 7.00187 16.5031 7.00187C16.2414 7.00187 15.985 7.07526 15.7629 7.21371C15.5408 7.35215 15.362 7.55011 15.2465 7.78517L14.635 9.54217C14.618 9.58128 14.5896 9.6144 14.5537 9.63731C14.5177 9.66021 14.4758 9.67185 14.4332 9.67073C14.3897 9.67226 14.3467 9.66086 14.3097 9.63798C14.2727 9.6151 14.2433 9.58177 14.2252 9.54217L13.6138 7.77906C13.5084 7.54379 13.3365 7.34468 13.119 7.20646C12.9016 7.06824 12.6483 6.99699 12.3908 7.00157H12.3298C12.0757 6.98756 11.8254 7.0679 11.6268 7.22718C11.4282 7.38645 11.2953 7.61347 11.2536 7.86476L10.8317 12.9582C10.8287 12.9764 10.8287 12.995 10.8317 13.0133C10.9295 15.6029 13.2775 17.6292 16.2676 17.7455V19.2576L10.2629 19.2638Z"
className="stroke-current"
strokeMiterlimit="10"
/>
</svg>
);

11
pkg/grid/src/components/icons/Notifications.tsx Normal file
View File

@ -0,0 +1,11 @@
import React from 'react';
export const Notifications = (props: React.SVGProps<SVGSVGElement>) => (
<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
<path
d="M22.484 18.3687C22.2804 18.4174 22.0769 18.4601 21.9025 18.5149C20.0649 18.9716 19.8962 19.2518 20.2218 21.2006C20.3381 21.8826 20.4428 22.5647 20.5359 23.2529C20.6114 23.5034 20.6135 23.7719 20.542 24.0237C20.4705 24.2756 20.3286 24.4992 20.1347 24.6658C19.5997 25.0251 19.0879 24.7389 18.6402 24.4161C17.9249 23.8984 17.2271 23.3564 16.5584 22.7779C16.428 22.6392 16.2719 22.5299 16.0997 22.4569C15.9274 22.3838 15.7427 22.3485 15.5569 22.353C15.3711 22.3576 15.1882 22.402 15.0194 22.4834C14.8506 22.5649 14.6995 22.6817 14.5755 22.8266C13.8951 23.4356 13.1915 24.0446 12.4762 24.6232C12.3064 24.8171 12.0787 24.9449 11.8305 24.9858C11.5823 25.0268 11.3283 24.9783 11.1098 24.8485C10.9052 24.6924 10.759 24.4666 10.6964 24.2098C10.6337 23.953 10.6586 23.6814 10.7666 23.4417C11.0225 22.4835 11.3074 21.5355 11.6214 20.5977C11.771 20.2589 11.7871 19.8721 11.6663 19.5211C11.5455 19.17 11.2975 18.8829 10.976 18.7219C10.1968 18.2286 9.42927 17.7232 8.67914 17.1872C8.45772 17.0624 8.27581 16.8726 8.15598 16.6411C8.03615 16.4095 7.98352 16.1464 8.0045 15.884C8.08591 15.275 8.58604 15.0618 9.05705 14.9339C9.73741 14.7634 10.4236 14.6173 11.1098 14.4711C12.8194 14.1179 13.0694 13.7342 12.7844 11.8889C12.6361 11.1242 12.5275 10.3517 12.4589 9.57472C12.3891 8.27146 13.0869 7.8147 14.1743 8.4846C14.9445 8.98903 15.6791 9.55076 16.3724 10.1655C16.5106 10.3113 16.6759 10.426 16.8581 10.5023C17.0402 10.5787 17.2354 10.6151 17.4316 10.6094C17.6278 10.6037 17.8208 10.556 17.9986 10.4691C18.1765 10.3823 18.3354 10.2582 18.4657 10.1046C19.107 9.49923 19.7786 8.93003 20.4777 8.39935C20.9022 8.08267 21.4255 7.79035 21.9547 8.20447C22.4839 8.61859 22.327 9.15451 22.199 9.6539C21.9864 10.4894 21.7321 11.3127 21.4372 12.1203C21.3314 12.3196 21.267 12.5401 21.2484 12.7673C21.2298 12.9945 21.2575 13.2232 21.3295 13.4384C21.4014 13.6536 21.5162 13.8504 21.6661 14.0158C21.8159 14.1812 21.9976 14.3115 22.199 14.398C22.8503 14.7695 23.4725 15.2019 24.0889 15.616C24.5715 15.9632 25.0773 16.3651 24.9901 17.0594C24.8854 17.8693 24.1703 17.9363 23.5946 18.1251C23.2291 18.2283 22.8583 18.3096 22.484 18.3687V18.3687Z"
className="stroke-current"
strokeMiterlimit="10"
/>
</svg>
);

46
pkg/grid/src/components/icons/System.tsx Normal file
View File

File diff suppressed because one or more lines are too long

13
pkg/grid/src/nav/SystemPreferences.tsx
View File

@ -4,8 +4,6 @@ import { ErrorBoundary } from 'react-error-boundary';
import classNames from 'classnames';
import { NotificationPrefs } from './preferences/NotificationPrefs';
import { SystemUpdatePrefs } from './preferences/SystemUpdatePrefs';
import notificationsSVG from '../assets/notifications.svg';
import systemUpdatesSVG from '../assets/system-updates.svg';
import { InterfacePrefs } from './preferences/InterfacePrefs';
import { useCharges } from '../state/docket';
import { AppPrefs } from './preferences/AppPrefs';
@ -13,6 +11,9 @@ import { DocketImage } from '../components/DocketImage';
import { ErrorAlert } from '../components/ErrorAlert';
import { useMedia } from '../logic/useMedia';
import { LeftArrow } from '../components/icons/LeftArrow';
import { System } from '../components/icons/System';
import { Interface } from '../components/icons/Interface';
import { Notifications } from '../components/icons/Notifications';
interface SystemPreferencesSectionProps {
url: string;
@ -76,7 +77,7 @@ export const SystemPreferences = (props: RouteComponentProps<{ submenu: string }
>
<div className="sm:flex h-full overflow-y-auto">
<Route exact={isMobile} path={match.url}>
<aside className="flex-none self-start w-full sm:w-auto min-w-60 py-4 sm:py-8 font-semibold text-black sm:text-gray-400 border-r-2 border-gray-50">
<aside className="flex-none self-start w-full sm:w-auto min-w-60 py-4 sm:py-8 font-semibold text-black sm:text-gray-600 border-r-2 border-gray-50">
<nav className="px-2 sm:px-6">
<h2 className="sm:hidden h3 mb-4 px-2">System Preferences</h2>
<ul className="space-y-1">
@ -84,18 +85,18 @@ export const SystemPreferences = (props: RouteComponentProps<{ submenu: string }
url={subUrl('notifications')}
active={matchSub('notifications')}
>
<img className="w-8 h-8 mr-3" src={notificationsSVG} alt="" />
<Notifications className="w-8 h-8 mr-3 bg-gray-100 rounded-md" />
Notifications
</SystemPreferencesSection>
<SystemPreferencesSection
url={subUrl('system-updates')}
active={matchSub('system-updates')}
>
<img className="w-8 h-8 mr-3" src={systemUpdatesSVG} alt="" />
<System className="w-8 h-8 mr-3 bg-gray-100 rounded-md" />
System Updates
</SystemPreferencesSection>
<SystemPreferencesSection url={subUrl('interface')} active={matchSub('interface')}>
<img className="w-8 h-8 mr-3" src={systemUpdatesSVG} alt="" />
<Interface className="w-8 h-8 mr-3 bg-gray-100 rounded-md" />
Interface Settings
</SystemPreferencesSection>
</ul>