Differential D5264
[native] created arrow-long component Authored by ginsu on Sep 29 2022, 7:38 AM. Tags None Referenced Files
Details
created ArrowLong 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 Please refer to the screenshot below to see how the arrow looks visually  To test, use the React SVGR tool and input the following SVG code which is taken from the keyserver repo. <svg width="27px" height="38px" viewBox="0 0 27 38" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="long_arrow-8.35.28-AM" transform="translate(0.000000, -0.000000)" fill="#808080" fill-rule="nonzero">
<path d="M0,0 L1,0 L1,33.5 L24.793,33.5 L22.4645,31.1716 C22.2909,30.998 22.2716111,30.728558 22.4066333,30.53373 L22.4645,30.4645 C22.6380111,30.2909 22.9074432,30.2716111 23.1023403,30.4066333 L23.1716,30.4645 L26.3536,33.6464 C26.5271111,33.82 26.5463901,34.089442 26.411437,34.2843402 L26.3536,34.3536 L23.1716,37.5355 C22.9763,37.7308 22.6597,37.7308 22.4645,37.5355 C22.2909,37.3619889 22.2716111,37.0925568 22.4066333,36.8976597 L22.4645,36.8284 L24.791,34.5 L0,34.5 L0,0 Z" id="Path"></path>
</g>
</g>
</svg>
Diff Detail
|