robinwobin.dev
forked from
jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 💫
[Clipclops] Replace 🐴 with real icon (#3802)
* replace 🐴 with paper plane icon
* replace envelope with plus
samuel.fm
+1
assets/icons/paperPlane_stroke2_corner0_rounded.svg
+1
assets/icons/paperPlane_stroke2_corner0_rounded.svg
···
1
+
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" fill-rule="evenodd" d="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" clip-rule="evenodd"/></svg>
+1
assets/icons/plusSmall_stroke2_corner0_rounded.svg
+1
assets/icons/plusSmall_stroke2_corner0_rounded.svg
···
1
+
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" fill-rule="evenodd" d="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" clip-rule="evenodd"/></svg>
+2
-2
src/components/dms/NewChat.tsx
+2
-2
src/components/dms/NewChat.tsx
···
18
18
import * as Dialog from '#/components/Dialog'
19
19
import * as TextField from '#/components/forms/TextField'
20
20
import {MagnifyingGlass2_Stroke2_Corner0_Rounded as Search} from '#/components/icons/MagnifyingGlass2'
21
+
import {PlusLarge_Stroke2_Corner0_Rounded as Plus} from '#/components/icons/Plus'
21
22
import {Button} from '../Button'
22
-
import {Envelope_Stroke2_Corner0_Rounded as Envelope} from '../icons/Envelope'
23
23
import {ListMaybePlaceholder} from '../Lists'
24
24
import {Text} from '../Typography'
25
25
···
54
54
<FAB
55
55
testID="newChatFAB"
56
56
onPress={control.open}
57
-
icon={<Envelope size="xl" fill={t.palette.white} />}
57
+
icon={<Plus size="lg" fill={t.palette.white} />}
58
58
accessibilityRole="button"
59
59
accessibilityLabel={_(msg`New chat`)}
60
60
accessibilityHint=""
+5
src/components/icons/PaperPlane.tsx
+5
src/components/icons/PaperPlane.tsx
···
1
+
import {createSinglePathSVG} from './TEMPLATE'
2
+
3
+
export const PaperPlane_Stroke2_Corner0_Rounded = createSinglePathSVG({
4
+
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',
5
+
})
+4
src/components/icons/Plus.tsx
+4
src/components/icons/Plus.tsx
···
3
3
export const PlusLarge_Stroke2_Corner0_Rounded = createSinglePathSVG({
4
4
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',
5
5
})
6
+
7
+
export const PlusSmall_Stroke2_Corner0_Rounded = createSinglePathSVG({
8
+
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',
9
+
})
+2
-2
src/screens/Messages/Conversation/MessageInput.tsx
+2
-2
src/screens/Messages/Conversation/MessageInput.tsx
···
13
13
import {useLingui} from '@lingui/react'
14
14
15
15
import {atoms as a, useTheme} from '#/alf'
16
-
import {Text} from '#/components/Typography'
16
+
import {PaperPlane_Stroke2_Corner0_Rounded as PaperPlane} from '#/components/icons/PaperPlane'
17
17
18
18
export function MessageInput({
19
19
onSendMessage,
···
96
96
{height: 30, width: 30, backgroundColor: t.palette.primary_500},
97
97
]}
98
98
onPress={onSubmit}>
99
-
<Text style={a.text_md}>🐴</Text>
99
+
<PaperPlane fill={t.palette.white} />
100
100
</Pressable>
101
101
</View>
102
102
)
+2
-2
src/screens/Messages/Conversation/MessageInput.web.tsx
+2
-2
src/screens/Messages/Conversation/MessageInput.web.tsx
···
5
5
import TextareaAutosize from 'react-textarea-autosize'
6
6
7
7
import {atoms as a, useTheme} from '#/alf'
8
-
import {Text} from '#/components/Typography'
8
+
import {PaperPlane_Stroke2_Corner0_Rounded as PaperPlane} from '#/components/icons/PaperPlane'
9
9
10
10
export function MessageInput({
11
11
onSendMessage,
···
84
84
a.justify_center,
85
85
{height: 30, width: 30, backgroundColor: t.palette.primary_500},
86
86
]}>
87
-
<Text style={a.text_md}>🐴</Text>
87
+
<PaperPlane fill={t.palette.white} />
88
88
</Pressable>
89
89
</View>
90
90
)
+2
-2
src/screens/Messages/List/index.tsx
+2
-2
src/screens/Messages/List/index.tsx
···
23
23
import {Button, ButtonIcon, ButtonText} from '#/components/Button'
24
24
import {DialogControlProps, useDialogControl} from '#/components/Dialog'
25
25
import {NewChat} from '#/components/dms/NewChat'
26
-
import {Envelope_Stroke2_Corner0_Rounded as Envelope} from '#/components/icons/Envelope'
26
+
import {PlusLarge_Stroke2_Corner0_Rounded as Plus} from '#/components/icons/Plus'
27
27
import {SettingsSliderVertical_Stroke2_Corner0_Rounded as SettingsSlider} from '#/components/icons/SettingsSlider'
28
28
import {Link} from '#/components/Link'
29
29
import {ListFooter, ListMaybePlaceholder} from '#/components/Lists'
···
328
328
variant="solid"
329
329
style={[{height: 'auto', width: 'auto'}, a.px_md, a.py_sm]}
330
330
onPress={newChatControl.open}>
331
-
<ButtonIcon icon={Envelope} position="right" />
331
+
<ButtonIcon icon={Plus} position="right" />
332
332
<ButtonText>
333
333
<Trans>New chat</Trans>
334
334
</ButtonText>