From 7ef4ac711c4a84aa373852fad328e8ba7265c00a Mon Sep 17 00:00:00 2001
From: lukicenturi <lukicenturi@gmail.com>
Date: Mon, 14 Aug 2023 18:42:02 +0700
Subject: [PATCH] feat: update logo with customsrc

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

diff --git a/src/components/logos/Logo.stories.ts b/src/components/logos/Logo.stories.ts
index e6c7e62..e40afea 100644
--- a/src/components/logos/Logo.stories.ts
+++ b/src/components/logos/Logo.stories.ts
@@ -1,4 +1,4 @@
-import { type Meta, type StoryFn, type StoryObj } from '@storybook/vue';
+import { type Meta, type StoryFn, type StoryObj } from '@storybook/vue3';
 import { default as Logo, type Props } from './Logo.vue';
 
 const render: StoryFn<Props> = (args) => ({
@@ -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>