git.iko.soy/bridge
on master help sign in
update iconography
a41a9b0Liam Fitzgerald
src/assets/copy.svg+2−6
compare with master
unifiedsplit
@@ -1,7 +1,3 @@
1−<svg class="svg-icon" viewBox="0 0 20 20">
1+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2− <path fill="black" d="M18.378,1.062H3.855c-0.309,0-0.559,0.25-0.559,0.559c0,0.309,0.25,0.559,0.559,0.559h13.964v13.964
2+<path fill-rule="evenodd" clip-rule="evenodd" d="M9 3H4V10H6V6V5H7H9V3ZM10 5H12H13V6V13V14H12H7H6V13V11H4H3V10V3V2H4H9H10V3V5ZM7 6H12V13H7V6Z" fill="black"/>
3− c0,0.309,0.25,0.559,0.559,0.559c0.31,0,0.56-0.25,0.56-0.559V1.621C18.938,1.312,18.688,1.062,18.378,1.062z M16.144,3.296H1.621
4− c-0.309,0-0.559,0.25-0.559,0.559v14.523c0,0.31,0.25,0.56,0.559,0.56h14.523c0.309,0,0.559-0.25,0.559-0.56V3.855
5− C16.702,3.546,16.452,3.296,16.144,3.296z M15.586,17.262c0,0.31-0.25,0.558-0.56,0.558H2.738c-0.309,0-0.559-0.248-0.559-0.558
6− V4.972c0-0.309,0.25-0.559,0.559-0.559h12.289c0.31,0,0.56,0.25,0.56,0.559V17.262z"></path>
7</svg>
3</svg>
src/components/MiniBackButton.js+2−4
@@ -2,12 +2,10 @@ import React from 'react';
2import cn from 'classnames';
2import cn from 'classnames';
3import { IconButton } from 'indigo-react';
3import { IconButton } from 'indigo-react';
4
4
5−import { ReactComponent as Back } from 'assets/back.svg';
6−
7export default ({ className, isExit = false, ...rest }) => {
5export default ({ className, isExit = false, ...rest }) => {
8 return (
6 return (
9− <IconButton {...rest}>
10− {isExit ? '⏏' : <Back className={cn('black', className)} />}
7+ <IconButton className={cn('black', className)} {...rest}>
8+ {'<-'}
11 </IconButton>
9 </IconButton>
12 );
10 );
13};
11};
src/components/View.js+3−2
@@ -14,6 +14,7 @@ function View({
14 children,
14 children,
15 inset = false,
15 inset = false,
16 full = false,
16 full = false,
17+ hideBack = false,
17 pop,
18 pop,
18 ...rest
19 ...rest
19}) {
20}) {
@@ -75,12 +76,12 @@ function View({
75 col
76 col
76 style={{ width: '48px' }}
77 style={{ width: '48px' }}
77 className={cn(insetPadding)}>
78 className={cn(insetPadding)}>
78− {showBackButton && (
79+ {showBackButton && !hideBack && (
79 <MiniBackButton
80 <MiniBackButton
80 hpadding={!isMobile}
81 hpadding={!isMobile}
81 vpadding={isMobile}
82 vpadding={isMobile}
82 onClick={goBack}
83 onClick={goBack}
83− className="mt2"
84+ className="mt1"
84 />
85 />
85 )}
86 )}
86 </Flex.Item>
87 </Flex.Item>
src/views/Points.js+2−2
@@ -231,7 +231,7 @@ export default function Points() {
231 !starReleasing)
231 !starReleasing)
232 ) {
232 ) {
233 return (
233 return (
234− <View inset pop={pop}>
234+ <View inset>
235 <Grid>
235 <Grid>
236 <Grid.Item full as={HelpText} className="mt8 t-center">
236 <Grid.Item full as={HelpText} className="mt8 t-center">
237 <Blinky /> Loading...
237 <Blinky /> Loading...
@@ -242,7 +242,7 @@ export default function Points() {
242 }
242 }
243
243
244 return (
244 return (
245− <View pop={pop} inset>
245+ <View inset pop={pop} hideBack>
246 <NavHeader>
246 <NavHeader>
247 <CopiableAddress
247 <CopiableAddress
248 text={address}
248 text={address}