From 2b30b991db77600bd94ad696325db32fbcf783b6 Mon Sep 17 00:00:00 2001 From: Ginsu Eddy Date: Mon, 10 Jul 2023 15:55:44 -0400 Subject: [PATCH] [lib/native/web] add user edit icon to comm icon pack Summary: Added `user-edit` icon to the comm icons pack. These changes were copy and pasted from Iconmoon. I also added the new icon to our [[ https://www.dropbox.com/home/Comm%20assets/Comm%20Icons%20(Apr%202023) | dropbox ]] for an easy visual reference Test Plan: Please see the screenshots below. (The minor visual differences in web/native (the color/size) are just due to different props being used in the `CommIcon` component in web vs native. There is no visual difference with the actual icon) Native: {F630487} Web: {F630488} Reviewers: atul, rohan Reviewed By: rohan Subscribers: ashoat, tomek Differential Revision: https://phab.comm.dev/D8467 --- lib/shared/comm-icon-config.json | 95 +++++++++++++++++++------------ native/fonts/CommIcons.ttf | Bin 6076 -> 6360 bytes web/CommIcon.react.js | 3 +- 3 files changed, 61 insertions(+), 37 deletions(-) diff --git a/lib/shared/comm-icon-config.json b/lib/shared/comm-icon-config.json index e76e63c373..0fe0344c04 100644 --- a/lib/shared/comm-icon-config.json +++ b/lib/shared/comm-icon-config.json @@ -1,6 +1,29 @@ { "IcoMoonType": "selection", "icons": [ + { + "icon": { + "paths": [ + "M277.344 374.528c0-71.584 57.536-129.184 128-129.184s128 57.6 128 129.184-57.536 129.184-128 129.184c-70.464 0-128-57.632-128-129.184zM405.344 181.344c-106.272 0-192 86.72-192 193.184s85.728 193.184 192 193.184c106.272 0 192-86.72 192-193.184s-85.728-193.184-192-193.184zM245.344 664.896c-106.272 0-192 86.72-192 193.184v80.608c0 17.664 14.336 32 32 32h640c17.664 0 32-14.336 32-32v-80.608c0-106.464-85.728-193.184-192-193.184h-320zM117.344 858.080c0-71.584 57.536-129.184 128-129.184h320c70.464 0 128 57.632 128 129.184v48.608h-576v-48.608zM918.368 238.656c-4.608-4.608-10.848-7.2-17.344-7.2s-12.736 2.592-17.344 7.2l-261.024 261.024c-4.608 4.608-7.2 10.848-7.2 17.344v80.32c0 13.536 10.976 24.544 24.544 24.544h80.32c6.496 0 12.736-2.592 17.344-7.2l261.024-261.024c4.608-4.608 7.2-10.848 7.2-17.344s-2.592-12.736-7.2-17.344l-80.32-80.32zM898.272 339.040l-22.816-22.816 25.536-25.536 45.632 45.632-25.536 25.536-22.816-22.816zM863.584 373.728l22.816 22.816-176.256 176.256h-45.632v-45.632l176.256-176.256 22.816 22.816z" + ], + "attrs": [{}], + "isMulticolor": false, + "isMulticolor2": false, + "grid": 0, + "tags": ["user-edit"] + }, + "attrs": [{}], + "properties": { + "order": 406, + "id": 17, + "name": "user-edit", + "prevSize": 32, + "code": 59665 + }, + "setIdx": 0, + "setId": 2, + "iconIdx": 0 + }, { "icon": { "paths": [ @@ -10,20 +33,20 @@ "attrs": [{}, {}], "isMulticolor": false, "isMulticolor2": false, - "grid": 0, - "tags": ["user-filled"] + "tags": ["user-filled"], + "grid": 0 }, "attrs": [{}, {}], "properties": { "order": 2, - "id": 16, + "id": 0, "name": "user-filled", "prevSize": 32, "code": 59664 }, "setIdx": 0, "setId": 2, - "iconIdx": 0 + "iconIdx": 1 }, { "icon": { @@ -39,14 +62,14 @@ "attrs": [{}], "properties": { "order": 405, - "id": 0, + "id": 1, "name": "pin-outline", "prevSize": 32, "code": 59662 }, "setIdx": 0, "setId": 2, - "iconIdx": 1 + "iconIdx": 2 }, { "icon": { @@ -62,14 +85,14 @@ "attrs": [{}], "properties": { "order": 402, - "id": 1, + "id": 2, "name": "unpin-outline", "prevSize": 32, "code": 59663 }, "setIdx": 0, "setId": 2, - "iconIdx": 2 + "iconIdx": 3 }, { "icon": { @@ -85,14 +108,14 @@ "attrs": [{}], "properties": { "order": 396, - "id": 2, + "id": 3, "name": "link_plus-outline", "prevSize": 32, "code": 59661 }, "setIdx": 0, "setId": 2, - "iconIdx": 3 + "iconIdx": 4 }, { "icon": { @@ -108,14 +131,14 @@ "attrs": [{}], "properties": { "order": 393, - "id": 3, + "id": 4, "name": "edit-filled", "prevSize": 32, "code": 59660 }, "setIdx": 0, "setId": 2, - "iconIdx": 4 + "iconIdx": 5 }, { "icon": { @@ -131,14 +154,14 @@ "attrs": [{}], "properties": { "order": 380, - "id": 4, + "id": 5, "name": "pin-mirror", "prevSize": 32, "code": 59659 }, "setIdx": 0, "setId": 2, - "iconIdx": 5 + "iconIdx": 6 }, { "icon": { @@ -154,14 +177,14 @@ "attrs": [{}], "properties": { "order": 381, - "id": 5, + "id": 6, "name": "ethereum-outline", "prevSize": 32, "code": 59658 }, "setIdx": 0, "setId": 2, - "iconIdx": 6 + "iconIdx": 7 }, { "icon": { @@ -177,14 +200,14 @@ "attrs": [{}], "properties": { "order": 382, - "id": 6, + "id": 7, "name": "pin", "prevSize": 32, "code": 59657 }, "setIdx": 0, "setId": 2, - "iconIdx": 7 + "iconIdx": 8 }, { "icon": { @@ -200,14 +223,14 @@ "attrs": [{}], "properties": { "order": 383, - "id": 7, + "id": 8, "name": "unpin", "prevSize": 32, "code": 59656 }, "setIdx": 0, "setId": 2, - "iconIdx": 8 + "iconIdx": 9 }, { "icon": { @@ -223,14 +246,14 @@ "attrs": [{}], "properties": { "order": 384, - "id": 8, + "id": 9, "name": "emote-smile-filled", "prevSize": 32, "code": 59654 }, "setIdx": 0, "setId": 2, - "iconIdx": 9 + "iconIdx": 10 }, { "icon": { @@ -246,14 +269,14 @@ "attrs": [{}], "properties": { "order": 385, - "id": 9, + "id": 10, "name": "cloud-filled", "prevSize": 32, "code": 59648 }, "setIdx": 0, "setId": 2, - "iconIdx": 10 + "iconIdx": 11 }, { "icon": { @@ -272,14 +295,14 @@ "attrs": [{}, {}, {}], "properties": { "order": 379, - "id": 10, + "id": 11, "name": "megaphone", "prevSize": 32, "code": 59649 }, "setIdx": 0, "setId": 2, - "iconIdx": 11 + "iconIdx": 12 }, { "icon": { @@ -296,14 +319,14 @@ "attrs": [{}], "properties": { "order": 386, - "id": 11, + "id": 12, "name": "reply-filled", "prevSize": 32, "code": 59650 }, "setIdx": 0, "setId": 2, - "iconIdx": 12 + "iconIdx": 13 }, { "icon": { @@ -320,14 +343,14 @@ "attrs": [{}], "properties": { "order": 387, - "id": 12, + "id": 13, "name": "reply", "prevSize": 32, "code": 59651 }, "setIdx": 0, "setId": 2, - "iconIdx": 13 + "iconIdx": 14 }, { "icon": { @@ -343,14 +366,14 @@ "attrs": [{}], "properties": { "order": 388, - "id": 13, + "id": 14, "name": "sidebar-filled", "prevSize": 32, "code": 59652 }, "setIdx": 0, "setId": 2, - "iconIdx": 14 + "iconIdx": 15 }, { "icon": { @@ -368,14 +391,14 @@ "attrs": [{}, {}, {}], "properties": { "order": 390, - "id": 14, + "id": 15, "name": "sidebar", "prevSize": 32, "code": 59653 }, "setIdx": 0, "setId": 2, - "iconIdx": 15 + "iconIdx": 16 }, { "icon": { @@ -393,14 +416,14 @@ "attrs": [{}, {}], "properties": { "order": 389, - "id": 15, + "id": 16, "name": "copy-filled", "prevSize": 32, "code": 59655 }, "setIdx": 0, "setId": 2, - "iconIdx": 16 + "iconIdx": 17 } ], "height": 1024, diff --git a/native/fonts/CommIcons.ttf b/native/fonts/CommIcons.ttf index 4458dd0545465b74ff67e3991358287b2ca67205..2ff9a22c9bdd39e4600f3b3449b92419d0b98c94 100644 GIT binary patch delta 568 zcmXw$&ubG=5XWb-yV?9OUEA#LYeS>mY;8qsVzzx7ia+R0bQgDnrFc+uX=(yCc9Ry2 zr{rJITs(-_qqjg2dT6EfY1Ij1s%^+lJCvO07ns~JyY=>0O6Gt^s-+cM>#j#-$cL3D4jg6poX;iZS zbd~ycgM`FTS|N6cXB*9(PF0iY#F78O=GOXhP)uB&A>j)N#b(e6;R0SH{!KjdJZNrw zICOUb*d!hDF5KGQp^H*X?!Vfs5zWF4)1cO=e1g%ABO&Wua(WjdSerzKRoI=99OvW=SVPwq$DMU z;h88ZDPKy8C<&q{R8^KM=2$@=EDTuej_tZOcU}Iu?R)LE=eLK`Ex(${W;0d4b!Q13s~Rz+&^{y@8`rtVQU^6HoeIhur6f0t$VM%p3%1rd35{{R30 delta 281 zcmca%xJSR9fsuiMft#U$ftkU;KUm+0Ux>{UD6$8L6OwZi3&g`NO=n2FD?N(6bQuUOx)qlC@_i9n^9o1593y0WspCBSYG1H?Rb8huMFHQAax864qO9j rhtQKP#LO8*Cl`o?OgTN%b diff --git a/web/CommIcon.react.js b/web/CommIcon.react.js index 6cd7f85bec..bb3cdc337d 100644 --- a/web/CommIcon.react.js +++ b/web/CommIcon.react.js @@ -24,7 +24,8 @@ export type CommIcons = | 'edit-filled' | 'ethereum-outline' | 'link_plus-outline' - | 'user-filled'; + | 'user-filled' + | 'user-edit'; type CommIconProps = { +icon: CommIcons,