Skip to content
This repository has been archived by the owner on Oct 23, 2023. It is now read-only.

feat(lsg): change fallback pattern icon #119

Merged
merged 1 commit into from
Dec 20, 2017
Merged

feat(lsg): change fallback pattern icon #119

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
7 changes: 6 additions & 1 deletion src/lsg/patterns/icons/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,8 @@ import styled from 'styled-components';
export enum IconName {
Arrow,
ArrowFill,
Robo
Robo,
Pattern
}
export interface IconRegistryProps {
names: typeof IconName;
Expand Down Expand Up @@ -42,7 +43,11 @@ const icons: { readonly [key: string]: JSX.Element[][] | JSX.Element[] } = {
[IconName.ArrowFill]: [[<path key="arrowFill" d="M8 4l8 8-8 8z" />]],
[IconName.Robo]: [
[<path key="robo" d="M0 0h24v24H0V0zm15 5v5h5V5h-5zM4 20h16v-1H4v1zM4 5v5h5V5H4z" />]
],
[IconName.Pattern]: [
[<path key="pattern" d="M6 15h5v2H6v-2zm0-8h10v1H6V7zm0 3h7v1H6v-1zM4 5v14h16V5H4zm0-1h16a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1z" />]
]

};

const StyledIconRegistry = styled.svg`
Expand Down
6 changes: 3 additions & 3 deletions src/lsg/patterns/pattern-list/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -80,9 +80,9 @@ export const PatternListItem: React.StatelessComponent<PatternListItemProps> = p
) : (
<StyledIcon
className="pattern__icon"
name={IconName.Robo}
size={IconSize.XS}
color={colors.grey60}
name={IconName.Pattern}
size={IconSize.S}
color={colors.grey50}
/>
)}
<StyledPatternListItemLabel>{props.children}</StyledPatternListItemLabel>
Expand Down