yuuza/outline
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Remove unused icons

Browse Source
This commit is contained in:
Tom Moor
2017-09-04 13:23:20 -07:00
parent b9693c5dcf
commit 3c378daa19
19 changed files with 68 additions and 233 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
frontend/components/Icon/AddIcon.js
View File

@@ -1,21 +0,0 @@
// @flow
import React from 'react';
import Icon from './Icon';
import type { Props } from './Icon';
export default function AddIcon(props: Props) {
return (
<Icon {...props}>
<svg
fill="#000000"
height="24"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path d="M0 0h24v24H0z" fill="none" />
<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm5 11h-4v4h-2v-4H7v-2h4V7h2v4h4v2z" />
</svg>
</Icon>
);
}

21
frontend/components/Icon/CheckIcon.js
View File

@@ -1,21 +0,0 @@
// @flow
import React from 'react';
import Icon from './Icon';
import type { Props } from './Icon';
export default function CheckIcon(props: Props) {
return (
<Icon {...props}>
<svg
fill="#000000"
height="24"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path d="M0 0h24v24H0z" fill="none" />
<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" />
</svg>
</Icon>
);
}

21
frontend/components/Icon/CloseIcon.js
View File

@@ -1,21 +0,0 @@
// @flow
import React from 'react';
import Icon from './Icon';
import type { Props } from './Icon';
export default function CloseIcon(props: Props) {
return (
<Icon {...props}>
<svg
fill="#000000"
height="24"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" />
<path d="M0 0h24v24H0z" fill="none" />
</svg>
</Icon>
);
}

32
frontend/components/Icon/Icon.js
View File

@@ -1,9 +1,11 @@
// @flow
import React from 'react';
import styled from 'styled-components';
import * as Icons from 'react-feather';
export type Props = {
className?: string,
type?: string,
light?: boolean,
};
@@ -11,16 +13,40 @@ type BaseProps = {
children?: React$Element<any>,
};
export default function Icon({ children, ...rest }: Props & BaseProps) {
export default function Icon({
children,
light,
type,
...rest
}: Props & BaseProps) {
if (type) {
children = React.createElement(Icons[type], {
size: '1em',
color: light ? '#FFFFFF' : undefined,
...rest,
});
return (
<FeatherWrapper {...rest}>
{children}
</FeatherWrapper>
);
}
return (
<Wrapper {...rest}>
<Wrapper light={light} {...rest}>
{children}
</Wrapper>
);
}
const FeatherWrapper = styled.span`
position: relative;
top: .1em;
`;
const Wrapper = styled.span`
svg {
fill: ${props => (props.light ? '#fff' : '#000')};
fill: ${props => (props.light ? '#FFF' : '#000')}
}
`;

9
frontend/components/Icon/Icon.scss
View File

@@ -1,9 +0,0 @@
.icon {
}
.light {
svg {
fill: #fff;
}
}

21
frontend/components/Icon/MoreIcon.js
View File

@@ -1,21 +0,0 @@
// @flow
import React from 'react';
import Icon from './Icon';
import type { Props } from './Icon';
export default function MoreIcon(props: Props) {
return (
<Icon {...props}>
<svg
fill="#000000"
height="24"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path d="M0 0h24v24H0z" fill="none" />
<path d="M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z" />
</svg>
</Icon>
);
}

21
frontend/components/Icon/QuoteIcon.js
View File

@@ -1,21 +0,0 @@
// @flow
import React from 'react';
import Icon from './Icon';
import type { Props } from './Icon';
export default function QuoteIcon(props: Props) {
return (
<Icon {...props}>
<svg
fill="#000000"
height="24"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path d="M6 17h3l2-4V7H5v6h3zm8 0h3l2-4V7h-6v6h3z" />
<path d="M0 0h24v24H0z" fill="none" />
</svg>
</Icon>
);
}

43
frontend/components/Icon/StarIcon.js
View File

@@ -1,43 +0,0 @@
// @flow
import React from 'react';
import Icon from './Icon';
import type { Props } from './Icon';
export default function StarIcon(props: Props & { solid?: boolean }) {
let icon;
if (props.solid) {
icon = (
<svg
fill="#000000"
height="24"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path d="M0 0h24v24H0z" fill="none" />
<path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z" />
<path d="M0 0h24v24H0z" fill="none" />
</svg>
);
} else {
icon = (
<svg
fill="#000000"
height="24"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path d="M22 9.24l-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4l-3.76 2.27 1-4.28-3.32-2.88 4.38-.38L12 6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z" />
<path d="M0 0h24v24H0z" fill="none" />
</svg>
);
}
return (
<Icon {...props}>
{icon}
</Icon>
);
}