diff --git a/web/public/images/drugs/acid.svg b/web/public/images/drugs/acid.svg
new file mode 100644
index 000000000..97e20bdee
--- /dev/null
+++ b/web/public/images/drugs/acid.svg
@@ -0,0 +1,61 @@
+
diff --git a/web/public/images/drugs/cocaine.svg b/web/public/images/drugs/cocaine.svg
new file mode 100644
index 000000000..39aefeb20
--- /dev/null
+++ b/web/public/images/drugs/cocaine.svg
@@ -0,0 +1,114 @@
+
diff --git a/web/public/images/drugs/heroin.svg b/web/public/images/drugs/heroin.svg
new file mode 100644
index 000000000..b4f3f1f19
--- /dev/null
+++ b/web/public/images/drugs/heroin.svg
@@ -0,0 +1,62 @@
+
diff --git a/web/public/images/drugs/ketamine.svg b/web/public/images/drugs/ketamine.svg
new file mode 100644
index 000000000..e74d8fbec
--- /dev/null
+++ b/web/public/images/drugs/ketamine.svg
@@ -0,0 +1,55 @@
+
diff --git a/web/public/images/drugs/ludes.svg b/web/public/images/drugs/ludes.svg
new file mode 100644
index 000000000..ea5592405
--- /dev/null
+++ b/web/public/images/drugs/ludes.svg
@@ -0,0 +1,124 @@
+
diff --git a/web/public/images/drugs/shrooms.svg b/web/public/images/drugs/shrooms.svg
new file mode 100644
index 000000000..bc6bfe1af
--- /dev/null
+++ b/web/public/images/drugs/shrooms.svg
@@ -0,0 +1,63 @@
+
diff --git a/web/public/images/drugs/speed.svg b/web/public/images/drugs/speed.svg
new file mode 100644
index 000000000..d68c4445a
--- /dev/null
+++ b/web/public/images/drugs/speed.svg
@@ -0,0 +1,123 @@
+
diff --git a/web/public/images/drugs/weed.svg b/web/public/images/drugs/weed.svg
new file mode 100644
index 000000000..d4698f47b
--- /dev/null
+++ b/web/public/images/drugs/weed.svg
@@ -0,0 +1,96 @@
+
diff --git a/web/src/components/hustlers/Dragon.tsx b/web/src/components/hustlers/Dragon.tsx
index d8eacf7ac..d642ccbc5 100644
--- a/web/src/components/hustlers/Dragon.tsx
+++ b/web/src/components/hustlers/Dragon.tsx
@@ -81,8 +81,7 @@ export const Dragon = (props: IconProps) => {
);
};
-
-export const DragonIcon = ({color, ...props}: { color: string } & IconProps) => {
+export const DragonIcon = ({ color, ...props }: IconProps) => {
return (
fillRule="evenodd"
clipRule="evenodd"
d="M0 6V7.5H1.5V9H6V10.5H1.5V12H4.5V13.5H3V15H1.5V16.5H3V15H7.5V13.5H12V18H7.5V19.5H4.5V21H3V24H22.5V21H21V19.5H18V18H15V16.5H21V15H19.5V13.5H22.5V12H24V9H22.5V10.5H21V9H19.5V6H18V4.5H19.5V1.5H18V4.5H10.5V3H9V1.5H7.5V4.5H9V6H6V4.5H3V3H1.5V4.5H3V6H6V7.5H1.5V6H0ZM19.5 9H18V10.5H19.5V9Z"
- fill={color}
+ fill={color as string}
/>
-
+
);
};
diff --git a/web/src/components/hustlers/Monkey.tsx b/web/src/components/hustlers/Monkey.tsx
index 169342e57..7ec9559de 100644
--- a/web/src/components/hustlers/Monkey.tsx
+++ b/web/src/components/hustlers/Monkey.tsx
@@ -62,7 +62,7 @@ export const Monkey = (props: IconProps) => {
);
};
-export const MonkeyIcon = ({ color, ...props }: { color: string } & IconProps) => {
+export const MonkeyIcon = ({ color, ...props }: IconProps) => {
return (
@@ -100,7 +100,7 @@ export const MonkeyIcon = ({ color, ...props }: { color: string } & IconProps) =
>
diff --git a/web/src/components/hustlers/Rabbit.tsx b/web/src/components/hustlers/Rabbit.tsx
index b51a85003..40829e994 100644
--- a/web/src/components/hustlers/Rabbit.tsx
+++ b/web/src/components/hustlers/Rabbit.tsx
@@ -65,7 +65,7 @@ export const Rabbit = (props: IconProps) => {
);
};
-export const RabbitIcon = ({ color, ...props }: { color: string } & IconProps) => {
+export const RabbitIcon = ({ color, ...props }: IconProps) => {
return (
@@ -112,7 +112,7 @@ export const RabbitIcon = ({ color, ...props }: { color: string } & IconProps) =
>
diff --git a/web/src/components/hustlers/index.tsx b/web/src/components/hustlers/index.tsx
index 578234b12..e97efd0b4 100644
--- a/web/src/components/hustlers/index.tsx
+++ b/web/src/components/hustlers/index.tsx
@@ -17,7 +17,6 @@ interface HustlerProps {
interface HustlerIconProps {
hustler: Hustlers;
- color: string,
}
const hustlers = {
@@ -39,7 +38,7 @@ const hustlersIcons = {
[Hustlers.Rabbit]: RabbitIcon,
};
-export const HustlerIcon = ({ hustler, color = colors.neon["400"], ...rest }: HustlerIconProps & IconProps) => {
+export const HustlerIcon = ({ hustler, color = colors.neon["400"].toString(), ...rest }: HustlerIconProps & IconProps) => {
const SelectedHustlerIcon = hustlersIcons[hustler];
return ;
};
diff --git a/web/src/components/pages/home/HallOfFame.tsx b/web/src/components/pages/home/HallOfFame.tsx
index 97fa4c578..3e1357d77 100644
--- a/web/src/components/pages/home/HallOfFame.tsx
+++ b/web/src/components/pages/home/HallOfFame.tsx
@@ -4,6 +4,7 @@ import { useConfigStore, useDojoContext, useRouterContext } from "@/dojo/hooks";
import { useGameById } from "@/dojo/hooks/useGameById";
import { useHallOfFame } from "@/dojo/hooks/useHallOfFame";
import { Leaderboard } from "@/generated/graphql";
+import colors from "@/theme/colors";
import { formatCash } from "@/utils/ui";
import { Card, HStack, SimpleGrid, Text, VStack } from "@chakra-ui/react";
import { useAccount } from "@starknet-react/core";
@@ -52,6 +53,8 @@ const HallOfFameEntry = ({ entry, account }: { entry: Leaderboard; account: Acco
router.push(`/0x${entry.game_id.toString(16)}/logs`);
}, [entry.game_id, game?.player_id, router]);
+ const color = isSelf ? colors.yellow["400"].toString() : colors.neon["400"].toString()
+
if (!isFetched) return null;
return (
@@ -67,7 +70,7 @@ const HallOfFameEntry = ({ entry, account }: { entry: Leaderboard; account: Acco
{
>
-
+
{market.weight} lb