From 8897aca6c9241f52c13ddb60d8027c6277639b5e Mon Sep 17 00:00:00 2001
From: Kentai Radiquum <kentai.waah@gmail.com>
Date: Wed, 15 May 2024 22:06:32 +0500
Subject: [PATCH] fix(frontend/color-picker): fix dynamic theme depending on
 user avatar

---
 frontend/app/api/config.js                          | 2 +-
 frontend/app/components/ColorPicker/ColorPicker.jsx | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/frontend/app/api/config.js b/frontend/app/api/config.js
index 2491dd2..7eb8ada 100644
--- a/frontend/app/api/config.js
+++ b/frontend/app/api/config.js
@@ -1,4 +1,4 @@
-let API_URL = "/api/v1";
+export let API_URL = "/api/v1";
 
 if (process.env.API_URL) {
   API_URL = process.env.API_URL;
diff --git a/frontend/app/components/ColorPicker/ColorPicker.jsx b/frontend/app/components/ColorPicker/ColorPicker.jsx
index e2f6e21..360bde5 100644
--- a/frontend/app/components/ColorPicker/ColorPicker.jsx
+++ b/frontend/app/components/ColorPicker/ColorPicker.jsx
@@ -3,6 +3,7 @@
 import { useState } from "react";
 import Styles from "./ColorPicker.module.css";
 import { useUserStore } from "@/app/store/user-store";
+import { API_URL } from "@/app/api/config";
 
 export const ColorPicker = (props) => {
   const userStore = useUserStore();
@@ -42,7 +43,7 @@ export const ColorPicker = (props) => {
             className={`circle border small s2`}
             onClick={() => {
               props.theme(
-                `/api/proxy/image?url=${userStore.user.profile.avatar}`,
+                `${API_URL}/proxy/image?url=${userStore.user.profile.avatar}`,
               );
             }}
           >