Skip to content

Commit

Permalink
feat(icons): Wait, Timer, Play icon (#211)
Browse files Browse the repository at this point in the history
  • Loading branch information
hachiojidev authored Mar 9, 2021
1 parent a8901f8 commit ba5e8be
Show file tree
Hide file tree
Showing 5 changed files with 43 additions and 1 deletion.
13 changes: 13 additions & 0 deletions src/components/Svg/Icons/PlayCircleOutline.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
import React from "react";
import Svg from "../Svg";
import { SvgProps } from "../types";

const Icon: React.FC<SvgProps> = (props) => {
return (
<Svg viewBox="0 0 24 24" {...props}>
<path d="M9 14.7902C9 15.555 9.82366 16.0367 10.4903 15.6617L15.4505 12.8716C16.1302 12.4893 16.1302 11.5107 15.4505 11.1284L10.4903 8.33827C9.82366 7.96331 9 8.44502 9 9.20985V14.7902ZM12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 20C7.59 20 4 16.41 4 12C4 7.59 7.59 4 12 4C16.41 4 20 7.59 20 12C20 16.41 16.41 20 12 20Z" />
</Svg>
);
};

export default Icon;
13 changes: 13 additions & 0 deletions src/components/Svg/Icons/Timer.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
import React from "react";
import Svg from "../Svg";
import { SvgProps } from "../types";

const Icon: React.FC<SvgProps> = (props) => {
return (
<Svg viewBox="0 0 24 24" {...props}>
<path d="M15.0701 1.01H9.07007V3.01H15.0701V1.01ZM11.0701 14.01H13.0701V8.01H11.0701V14.01ZM19.1001 7.39L20.5201 5.97C20.0901 5.46 19.6201 4.98 19.1101 4.56L17.6901 5.98C16.1401 4.74 14.1901 4 12.0701 4C7.10007 4 3.07007 8.03 3.07007 13C3.07007 17.97 7.09007 22 12.0701 22C17.0501 22 21.0701 17.97 21.0701 13C21.0701 10.89 20.3301 8.94 19.1001 7.39ZM12.0701 20.01C8.20007 20.01 5.07007 16.88 5.07007 13.01C5.07007 9.14 8.20007 6.01 12.0701 6.01C15.9401 6.01 19.0701 9.14 19.0701 13.01C19.0701 16.88 15.9401 20.01 12.0701 20.01Z" />
</Svg>
);
};

export default Icon;
13 changes: 13 additions & 0 deletions src/components/Svg/Icons/Wait.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
import React from "react";
import Svg from "../Svg";
import { SvgProps } from "../types";

const Icon: React.FC<SvgProps> = (props) => {
return (
<Svg viewBox="0 0 24 24" {...props}>
<path d="M12 2C6.5 2 2 6.5 2 12C2 17.5 6.5 22 12 22C17.5 22 22 17.5 22 12C22 6.5 17.5 2 12 2ZM12 20C7.59 20 4 16.41 4 12C4 7.59 7.59 4 12 4C16.41 4 20 7.59 20 12C20 16.41 16.41 20 12 20ZM12.5 7.75C12.5 7.33579 12.1642 7 11.75 7C11.3358 7 11 7.33579 11 7.75V13L15.5537 15.8022C15.9106 16.0219 16.3781 15.9106 16.5978 15.5537C16.8192 15.1938 16.7041 14.7225 16.3419 14.5051L12.5 12.2V7.75Z" />
</Svg>
);
};

export default Icon;
3 changes: 3 additions & 0 deletions src/components/Svg/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -33,13 +33,16 @@ export { default as NoProfileAvatarIcon } from "./Icons/NoProfileAvatar";
export { default as OpenNewIcon } from "./Icons/OpenNew";
export { default as PancakesIcon } from "./Icons/Pancakes";
export { default as PancakeRoundIcon } from "./Icons/PancakeRound";
export { default as PlayCircleOutlineIcon } from "./Icons/PlayCircleOutline";
export { default as PrizeIcon } from "./Icons/Prize";
export { default as RemoveIcon } from "./Icons/Remove";
export { default as VerifiedIcon } from "./Icons/Verified";
export { default as ProgressBunny } from "./Icons/ProgressBunny";
export { default as WaitIcon } from "./Icons/Wait";
export { default as Won } from "./Icons/Won";
export { default as Ticket } from "./Icons/Ticket";
export { default as TicketRound } from "./Icons/TicketRound";
export { default as TimerIcon } from "./Icons/Timer";
export { default as SearchIcon } from "./Icons/Search";
export { default as SwapVertIcon } from "./Icons/SwapVert";
export { default as SyncAltIcon } from "./Icons/SyncAlt";
Expand Down
2 changes: 1 addition & 1 deletion src/widgets/Menu/index.stories.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -214,7 +214,7 @@ export const MenuEntryComponent: React.FC = () => {

export const WithSubmenuSelected: React.FC = () => {
return (
<MemoryRouter initialEntries={['/teams']}>
<MemoryRouter initialEntries={["/teams"]}>
<Menu
account="0xbdda50183d817c3289f895a4472eb475967dc980"
login={noop}
Expand Down

0 comments on commit ba5e8be

Please sign in to comment.