From e733be1a5c7d937c6af09d8e47a4dd5d8606e35e Mon Sep 17 00:00:00 2001
From: braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Thu, 15 Sep 2022 22:33:19 +0200
Subject: [PATCH] refactor(nc-gui): move Powered by into separate component

---
 .../nc-gui/components/general/PoweredBy.vue     | 17 +++++++++++++++++
 .../pages/[projectType]/form/[viewId]/index.vue | 12 +-----------
 2 files changed, 18 insertions(+), 11 deletions(-)
 create mode 100644 packages/nc-gui/components/general/PoweredBy.vue

diff --git a/packages/nc-gui/components/general/PoweredBy.vue b/packages/nc-gui/components/general/PoweredBy.vue
new file mode 100644
index 0000000000..cb33d0a5c4
--- /dev/null
+++ b/packages/nc-gui/components/general/PoweredBy.vue
@@ -0,0 +1,17 @@
+<script lang="ts" setup>
+import { openLink } from '#imports'
+</script>
+
+<template>
+  <button
+    type="button"
+    class="cursor-pointer self-end text-xs text-gray-400 hover:text-primary mx-auto my-4 flex justify-center gap-2 items-center"
+    @click="openLink('https://github.com/nocodb/nocodb')"
+  >
+    <span class="bg-primary bg-opacity-100 rounded">
+      <img width="32" height="32" alt="NocoDB" src="~/assets/img/icons/512x512-trans.png" />
+    </span>
+
+    Powered by NocoDB
+  </button>
+</template>
diff --git a/packages/nc-gui/pages/[projectType]/form/[viewId]/index.vue b/packages/nc-gui/pages/[projectType]/form/[viewId]/index.vue
index f752e8b06e..c708938abe 100644
--- a/packages/nc-gui/pages/[projectType]/form/[viewId]/index.vue
+++ b/packages/nc-gui/pages/[projectType]/form/[viewId]/index.vue
@@ -27,17 +27,7 @@ watch(
   <div class="nc-form-view relative md:bg-primary bg-opacity-5 h-full min-h-[600px] flex flex-col justify-center items-center nc-form-signin">
     <NuxtPage />
 
-    <button
-      type="button"
-      class="cursor-pointer self-end text-xs text-gray-400 hover:text-primary mx-auto my-4 flex justify-center gap-2 items-center"
-      @click="openLink('https://github.com/nocodb/nocodb')"
-    >
-      <span class="bg-primary bg-opacity-100 rounded">
-        <img width="32" height="32" alt="NocoDB" src="~/assets/img/icons/512x512-trans.png" />
-      </span>
-
-      Powered by NocoDB
-    </button>
+    <GeneralPoweredBy />
 
     <a-modal
       v-model:visible="passwordDlg"