From 5fdfa933c35b623ed2493be1d76645eb042fe142 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Sat, 30 Jul 2022 11:47:35 +0530
Subject: [PATCH] wip(gui-v2): dashboard url

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 .../smartsheet-toolbar/SharedViewList.vue           | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/packages/nc-gui-v2/components/smartsheet-toolbar/SharedViewList.vue b/packages/nc-gui-v2/components/smartsheet-toolbar/SharedViewList.vue
index 620806a7a0..9752d3c8b4 100644
--- a/packages/nc-gui-v2/components/smartsheet-toolbar/SharedViewList.vue
+++ b/packages/nc-gui-v2/components/smartsheet-toolbar/SharedViewList.vue
@@ -1,4 +1,6 @@
 <script lang="ts" setup>
+import { useRoute } from '#app'
+import { computed } from '@vue/reactivity'
 import { useClipboard } from '@vueuse/core'
 import { ViewTypes } from 'nocodb-sdk'
 import { useToast } from 'vue-toastification'
@@ -22,13 +24,12 @@ interface SharedViewType {
 const { view, $api, meta } = useSmartsheetStoreOrThrow()
 const { copy } = useClipboard()
 const toast = useToast()
+const route = useRoute()
 
 let isLoading = $ref(false)
 // let activeSharedView = $ref(null)
 const sharedViewList = ref<SharedViewType[]>()
 
-// todo: replace with inject/composable
-const dashboardUrl = ''
 
 const loadSharedViewsList = async () => {
   isLoading = true
@@ -55,6 +56,11 @@ const loadSharedViewsList = async () => {
 
 onMounted(loadSharedViewsList)
 
+// todo: get correct dashboard url
+const dashboardUrl = computed(() =>{
+  return `${location.origin}`
+})
+
 const sharedViewUrl = (view: SharedViewType) => {
   let viewType
   switch (view.type) {
@@ -80,7 +86,7 @@ const renderAllowCSVDownload = (view: SharedViewType) => {
 }
 
 const copyLink = (view: SharedViewType) => {
-  copy(`${dashboardUrl}/${sharedViewUrl(view)}`)
+  copy(`${dashboardUrl?.value as string}/${sharedViewUrl(view)}`)
   toast.info('Copied to clipboard')
 }
 
@@ -93,6 +99,7 @@ const deleteLink = async (id: string) => {
     toast.error(await extractSdkResponseErrorMsg(e))
   }
 }
+
 </script>
 
 <template>