From 2a60d25322014fc574516eb8c52e128e7c0bf72f Mon Sep 17 00:00:00 2001
From: Luki Centuri <lukicenturi@gmail.com>
Date: Mon, 14 Aug 2023 22:47:04 +0700
Subject: [PATCH] feat(Logo): adds support for custom src (#2)

---
 src/components/logos/Logo.stories.ts |  7 +++++++
 src/components/logos/Logo.vue        | 10 ++++++++--
 2 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/components/logos/Logo.stories.ts b/src/components/logos/Logo.stories.ts
index e6c7e62..2db4a31 100644
--- a/src/components/logos/Logo.stories.ts
+++ b/src/components/logos/Logo.stories.ts
@@ -31,4 +31,11 @@ export const WithText: Story = {
   },
 };
 
+export const WithCustomSrc: Story = {
+  args: {
+    customSrc:
+      'https://raw.githubusercontent.com/rotki/data/hohoho/assets/icons/drawer_logo.png',
+  },
+};
+
 export default meta;
diff --git a/src/components/logos/Logo.vue b/src/components/logos/Logo.vue
index 90832cd..2c9d7a7 100644
--- a/src/components/logos/Logo.vue
+++ b/src/components/logos/Logo.vue
@@ -1,6 +1,9 @@
 <script setup lang="ts">
+import logo from './logo.svg';
+
 export interface Props {
   text?: boolean;
+  customSrc?: string;
 }
 
 defineOptions({
@@ -9,12 +12,15 @@ defineOptions({
 
 withDefaults(defineProps<Props>(), {
   text: false,
+  customSrc: undefined,
 });
 </script>
 
 <template>
   <div class="h-12 space-x-4 flex items-center">
-    <img class="h-full" src="./logo.svg" alt="Rotki" />
-    <div v-if="text" class="text-h4 text-rui-light-primary">rotki</div>
+    <img class="h-full" :src="customSrc ?? logo" alt="Rotki" />
+    <div v-if="text" class="text-h4 text-rui-light-primary dark:text-white">
+      rotki
+    </div>
   </div>
 </template>