From 84f40ce3eb934da747689e7a8ec09a317b68ab44 Mon Sep 17 00:00:00 2001
From: notV4l <imV4l@proton.me>
Date: Wed, 20 Sep 2023 14:39:55 +0200
Subject: [PATCH] add siren icon

---
 web/src/components/Header.tsx      | 10 +++++++++-
 web/src/components/icons/Siren.tsx | 17 +++++++++++++++++
 web/src/components/icons/index.tsx |  1 +
 3 files changed, 27 insertions(+), 1 deletion(-)
 create mode 100644 web/src/components/icons/Siren.tsx

diff --git a/web/src/components/Header.tsx b/web/src/components/Header.tsx
index 8bace3aa5..2e6ff588f 100644
--- a/web/src/components/Header.tsx
+++ b/web/src/components/Header.tsx
@@ -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";
@@ -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>
diff --git a/web/src/components/icons/Siren.tsx b/web/src/components/icons/Siren.tsx
new file mode 100644
index 000000000..8ed2709eb
--- /dev/null
+++ b/web/src/components/icons/Siren.tsx
@@ -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>
+  );
+};
diff --git a/web/src/components/icons/index.tsx b/web/src/components/icons/index.tsx
index 896fce3de..7f3a893a9 100644
--- a/web/src/components/icons/index.tsx
+++ b/web/src/components/icons/index.tsx
@@ -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.