Merge pull request #330 from kodadot/fix-koda-logo

Author: vikiival

ogi/components/OgImage/base.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { CSSProperties } from 'vue'
-
+import { KODA_LOGO_URL } from '@/utils/constants'
 // inherited attrs can mess up the satori parser
 defineOptions({
   inheritAttrs: false,
@@ -32,7 +32,7 @@ const cover: ComputedRef<CSSProperties> = computed(() => {
     class="flex flex-col justify-end h-full w-full bg-slate-900/75 text-white p-10 text-2xl font-bold absolute inset-0"
   >
     <img
-      src="https://raw.githubusercontent.com/kodadot/kodadot-presskit/main/pre-v4/png/KodalightV4.png"
+      :src="KODA_LOGO_URL"
       alt="logo"
       class="absolute left-10 bottom-10 w-60"
     />

ogi/components/OgImage/blog.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import type { CSSProperties } from 'vue'
+import { KODA_LOGO_URL } from '@/utils/constants'
 
 // inherited attrs can mess up the satori parser
 defineOptions({
@@ -29,7 +30,7 @@ const cover: CSSProperties = {
   </div>
 
   <img
-    src="https://raw.githubusercontent.com/kodadot/kodadot-presskit/main/pre-v4/png/KodalightV4.png"
+    :src="KODA_LOGO_URL"
     alt="logo"
     class="w-60 absolute right-20 bottom-20"
   />

ogi/components/OgImage/collection.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { chainNames, type Prefix } from '@kodadot1/static';
 import type { CSSProperties } from 'vue'
+import { KODA_LOGO_URL } from '@/utils/constants'
 
 // inherited attrs can mess up the satori parser
 defineOptions({
@@ -54,7 +55,7 @@ const networkName = chainNames[props.network as Prefix]
   </div>
 
   <img
-    src="https://raw.githubusercontent.com/kodadot/kodadot-presskit/main/pre-v4/png/KodalightV4.png"
+    :src="KODA_LOGO_URL"
     alt="logo"
     class="absolute top-10 right-10 w-40"
   />

ogi/components/OgImage/drops.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import type { CSSProperties } from 'vue'
+import { KODA_LOGO_URL } from '@/utils/constants'
 
 defineOptions({
   inheritAttrs: false,
@@ -38,7 +39,7 @@ const cover: CSSProperties = {
   </div>
 
   <img
-    src="https://raw.githubusercontent.com/kodadot/kodadot-presskit/main/pre-v4/png/KodalightV4.png"
+    :src="KODA_LOGO_URL"
     alt="logo"
     class="absolute top-10 right-10 w-40"
   />

ogi/components/OgImage/gallery.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import type { CSSProperties } from 'vue'
+import { KODA_LOGO_URL } from '@/utils/constants'
 
 // inherited attrs can mess up the satori parser
 defineOptions({
@@ -54,6 +55,6 @@ const parsePrice = computed(() =>
     </div>
   </div>
 
-  <img src="https://raw.githubusercontent.com/kodadot/kodadot-presskit/main/pre-v4/png/KodalightV4.png" alt="logo"
+  <img :src="KODA_LOGO_URL" alt="logo"
     class="absolute top-20 right-20 w-40" />
 </template>

ogi/utils/constants.ts

@@ -0,0 +1,2 @@
+
+export const KODA_LOGO_URL = 'https://raw.githubusercontent.com/kodadot/nft-gallery/main/public/koda_logo_fill.png';