From e2556d9f40520f350748ba24bd994b13a788e244 Mon Sep 17 00:00:00 2001 From: Samuel Newman Date: Wed, 1 May 2024 21:49:10 +0100 Subject: [PATCH] =?UTF-8?q?[Clipclops]=20Replace=20=F0=9F=90=B4=20with=20r?= =?UTF-8?q?eal=20icon=20(#3802)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * replace 🐴 with paper plane icon * replace envelope with plus --- assets/icons/paperPlane_stroke2_corner0_rounded.svg | 1 + assets/icons/plusSmall_stroke2_corner0_rounded.svg | 1 + src/components/dms/NewChat.tsx | 4 ++-- src/components/icons/PaperPlane.tsx | 5 +++++ src/components/icons/Plus.tsx | 4 ++++ src/screens/Messages/Conversation/MessageInput.tsx | 4 ++-- src/screens/Messages/Conversation/MessageInput.web.tsx | 4 ++-- src/screens/Messages/List/index.tsx | 4 ++-- 8 files changed, 19 insertions(+), 8 deletions(-) create mode 100644 assets/icons/paperPlane_stroke2_corner0_rounded.svg create mode 100644 assets/icons/plusSmall_stroke2_corner0_rounded.svg create mode 100644 src/components/icons/PaperPlane.tsx diff --git a/assets/icons/paperPlane_stroke2_corner0_rounded.svg b/assets/icons/paperPlane_stroke2_corner0_rounded.svg new file mode 100644 index 0000000000..628085cb5a --- /dev/null +++ b/assets/icons/paperPlane_stroke2_corner0_rounded.svg @@ -0,0 +1 @@ + diff --git a/assets/icons/plusSmall_stroke2_corner0_rounded.svg b/assets/icons/plusSmall_stroke2_corner0_rounded.svg new file mode 100644 index 0000000000..957dd14488 --- /dev/null +++ b/assets/icons/plusSmall_stroke2_corner0_rounded.svg @@ -0,0 +1 @@ + diff --git a/src/components/dms/NewChat.tsx b/src/components/dms/NewChat.tsx index 55285daeda..a6b5d5632b 100644 --- a/src/components/dms/NewChat.tsx +++ b/src/components/dms/NewChat.tsx @@ -18,8 +18,8 @@ import {atoms as a, useTheme, web} from '#/alf' import * as Dialog from '#/components/Dialog' import * as TextField from '#/components/forms/TextField' import {MagnifyingGlass2_Stroke2_Corner0_Rounded as Search} from '#/components/icons/MagnifyingGlass2' +import {PlusLarge_Stroke2_Corner0_Rounded as Plus} from '#/components/icons/Plus' import {Button} from '../Button' -import {Envelope_Stroke2_Corner0_Rounded as Envelope} from '../icons/Envelope' import {ListMaybePlaceholder} from '../Lists' import {Text} from '../Typography' @@ -54,7 +54,7 @@ export function NewChat({ } + icon={} accessibilityRole="button" accessibilityLabel={_(msg`New chat`)} accessibilityHint="" diff --git a/src/components/icons/PaperPlane.tsx b/src/components/icons/PaperPlane.tsx new file mode 100644 index 0000000000..eef38638cb --- /dev/null +++ b/src/components/icons/PaperPlane.tsx @@ -0,0 +1,5 @@ +import {createSinglePathSVG} from './TEMPLATE' + +export const PaperPlane_Stroke2_Corner0_Rounded = createSinglePathSVG({ + path: 'M3.374 3.22a1 1 0 0 1 1.073-.114l16 8a1 1 0 0 1 0 1.788l-16 8a1 1 0 0 1-1.417-1.136L4.97 12 3.03 4.243a1 1 0 0 1 .344-1.023ZM6.781 13l-1.284 5.133L17.764 12 5.497 5.867 6.781 11H9a1 1 0 1 1 0 2H6.78Z', +}) diff --git a/src/components/icons/Plus.tsx b/src/components/icons/Plus.tsx index d0698f7f44..71bcee533c 100644 --- a/src/components/icons/Plus.tsx +++ b/src/components/icons/Plus.tsx @@ -3,3 +3,7 @@ import {createSinglePathSVG} from './TEMPLATE' export const PlusLarge_Stroke2_Corner0_Rounded = createSinglePathSVG({ path: 'M12 3a1 1 0 0 1 1 1v7h7a1 1 0 1 1 0 2h-7v7a1 1 0 1 1-2 0v-7H4a1 1 0 1 1 0-2h7V4a1 1 0 0 1 1-1Z', }) + +export const PlusSmall_Stroke2_Corner0_Rounded = createSinglePathSVG({ + path: 'M12 6a1 1 0 0 1 1 1v4h4a1 1 0 1 1 0 2h-4v4a1 1 0 1 1-2 0v-4H7a1 1 0 1 1 0-2h4V7a1 1 0 0 1 1-1Z', +}) diff --git a/src/screens/Messages/Conversation/MessageInput.tsx b/src/screens/Messages/Conversation/MessageInput.tsx index f927736219..3848bcab35 100644 --- a/src/screens/Messages/Conversation/MessageInput.tsx +++ b/src/screens/Messages/Conversation/MessageInput.tsx @@ -13,7 +13,7 @@ import {msg} from '@lingui/macro' import {useLingui} from '@lingui/react' import {atoms as a, useTheme} from '#/alf' -import {Text} from '#/components/Typography' +import {PaperPlane_Stroke2_Corner0_Rounded as PaperPlane} from '#/components/icons/PaperPlane' export function MessageInput({ onSendMessage, @@ -96,7 +96,7 @@ export function MessageInput({ {height: 30, width: 30, backgroundColor: t.palette.primary_500}, ]} onPress={onSubmit}> - 🐴 + ) diff --git a/src/screens/Messages/Conversation/MessageInput.web.tsx b/src/screens/Messages/Conversation/MessageInput.web.tsx index ab57457d75..5ecaad3ae5 100644 --- a/src/screens/Messages/Conversation/MessageInput.web.tsx +++ b/src/screens/Messages/Conversation/MessageInput.web.tsx @@ -5,7 +5,7 @@ import {useLingui} from '@lingui/react' import TextareaAutosize from 'react-textarea-autosize' import {atoms as a, useTheme} from '#/alf' -import {Text} from '#/components/Typography' +import {PaperPlane_Stroke2_Corner0_Rounded as PaperPlane} from '#/components/icons/PaperPlane' export function MessageInput({ onSendMessage, @@ -84,7 +84,7 @@ export function MessageInput({ a.justify_center, {height: 30, width: 30, backgroundColor: t.palette.primary_500}, ]}> - 🐴 + ) diff --git a/src/screens/Messages/List/index.tsx b/src/screens/Messages/List/index.tsx index 8aa16efd30..3d8723ec6f 100644 --- a/src/screens/Messages/List/index.tsx +++ b/src/screens/Messages/List/index.tsx @@ -23,7 +23,7 @@ import {atoms as a, useBreakpoints, useTheme} from '#/alf' import {Button, ButtonIcon, ButtonText} from '#/components/Button' import {DialogControlProps, useDialogControl} from '#/components/Dialog' import {NewChat} from '#/components/dms/NewChat' -import {Envelope_Stroke2_Corner0_Rounded as Envelope} from '#/components/icons/Envelope' +import {PlusLarge_Stroke2_Corner0_Rounded as Plus} from '#/components/icons/Plus' import {SettingsSliderVertical_Stroke2_Corner0_Rounded as SettingsSlider} from '#/components/icons/SettingsSlider' import {Link} from '#/components/Link' import {ListFooter, ListMaybePlaceholder} from '#/components/Lists' @@ -328,7 +328,7 @@ function DesktopHeader({ variant="solid" style={[{height: 'auto', width: 'auto'}, a.px_md, a.py_sm]} onPress={newChatControl.open}> - + New chat