Skip to content

Commit

Permalink
add siren icon
Browse files Browse the repository at this point in the history
  • Loading branch information
notV4l committed Sep 20, 2023
1 parent 90f64de commit 84f40ce
Show file tree
Hide file tree
Showing 3 changed files with 27 additions and 1 deletion.
10 changes: 9 additions & 1 deletion web/src/components/Header.tsx
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
import { Clock, Gem, Bag, Arrow, Heart } from "./icons";
import { Clock, Gem, Bag, Arrow, Heart, Siren } from "./icons";
import { Button, Divider, Flex, HStack, Text } from "@chakra-ui/react";
import { useEffect, useState } from "react";
import { IsMobile, generatePixelBorderPath } from "@/utils/ui";
Expand Down Expand Up @@ -92,6 +92,14 @@ const Header = ({ back }: HeaderProps) => {
<HStack>
<Heart /> <Text>{playerEntity.health}</Text>
</HStack>
{/* <Divider
orientation="vertical"
borderColor="neon.600"
h="12px"
/>
<HStack color="red" >
<Siren /> <Text>69%</Text>
</HStack> */}
</HStack>
</Flex>
</HStack>
Expand Down
17 changes: 17 additions & 0 deletions web/src/components/icons/Siren.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,17 @@
import { Icon, IconProps } from ".";

export const Siren = (props: IconProps) => {
return (
<Icon viewBox="0 0 21 20" {...props}>
<>
<path d="M14.2069 4.8125H12.7123V6.30666H14.2069V4.8125Z" />
<path d="M17.1666 6.29187H15.6719V7.78603H17.1666V6.29187Z" />
<path fillRule="evenodd" clipRule="evenodd" d="M14.2069 7.77124V13.6887H15.6867V15.1829H5.31309V13.6887H6.79293V7.77124H14.2069ZM8.28756 9.2654H9.7526V13.6887H8.28756V9.2654Z" />
<path d="M15.6719 9.2506H17.1666V10.7448H15.6719V9.2506Z" />
<path d="M6.79293 4.8125H8.28756V6.30666H6.79293V4.8125Z" />
<path d="M5.32789 6.29187H3.83325V7.78603H5.32789V6.29187Z" />
<path d="M3.83325 9.2506H5.32789V10.7448H3.83325V9.2506Z" />
</>
</Icon>
);
};
1 change: 1 addition & 0 deletions web/src/components/icons/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -46,6 +46,7 @@ export * from "./Close";
export * from "./ExternalLink";
export * from "./Heart";
export * from "./Skull";
export * from "./Siren";

// Template for adding new icons. When copying svg from figma, viewBox is assumed
// to be 36x36, otherwise override within individual icons.
Expand Down

0 comments on commit 84f40ce

Please sign in to comment.