HomePhabricator
Diffusion Comm d2dc86bdf235

[native] created arrow component

Description

[native] created arrow component

Summary:
created Arrow component with react-native-svg

Used the React SVGR tool to help build the component with the only modification being that I added the viewBox prop and changed the color from gray to be the original hex value of #808080


Linear task: ENG-1779

Test Plan:
Please refer to the screenshot below to see how the arrow looks visually

Screen Shot 2022-09-28 at 5.16.31 PM.png (1×1 px, 676 KB)

To test, use the React SVGR tool and input the following SVG code which is taken from the keyserver repo.

<svg width="27" height="30" viewBox="0 0 27 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 26H0.5V26.5H1V26ZM26.3536 26.3536C26.5488 26.1583 26.5488 25.8417 26.3536 25.6464L23.1716 22.4645C22.9763 22.2692 22.6597 22.2692 22.4645 22.4645C22.2692 22.6597 22.2692 22.9763 22.4645 23.1716L25.2929 26L22.4645 28.8284C22.2692 29.0237 22.2692 29.3403 22.4645 29.5355C22.6597 29.7308 22.9763 29.7308 23.1716 29.5355L26.3536 26.3536ZM0.5 0V26H1.5V0H0.5ZM1 26.5H26V25.5H1V26.5Z" fill="#808080"/>
</svg>

Reviewers: atul, abosh, rohan

Reviewed By: atul

Subscribers: ashoat, tomek, atul, abosh

Differential Revision: https://phab.comm.dev/D5253

Details

Provenance
ginsuAuthored on Sep 28 2022, 2:19 PM
Reviewer
atul
Differential Revision
D5253: [native] created arrow component
Parents
rCOMM69e6bfdd8d3b: [web] Relocate the icon in ThreadSettingsDeleteTab to be in-line with the…
Branches
Unknown
Tags
Unknown