Nc docs/auth api token (#8586)

* fix: message in api snippet

* fix: apis => apiSnippet

* fix: replace localhost with actual route

Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com>

* fix: review comments

Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com>

---------

Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com>

packages/nc-gui/components/smartsheet/Details.vue

@@ -76,7 +76,7 @@ watch(openedSubTab, () => {
         <template #tab>
           <div class="tab" data-testid="nc-apis-tab">
             <GeneralIcon icon="code" class="tab-icon" :class="{}" />
-            <div>{{ $t('labels.apis') }}</div>
+            <div>{{ $t('labels.apiSnippet') }}</div>
           </div>
         </template>
         <SmartsheetDetailsApi v-if="base && meta && view" />

packages/nc-gui/components/smartsheet/details/Api.vue

@@ -73,7 +73,13 @@ const snippet = computed(
   () =>
     new HTTPSnippet({
       method: 'GET',
-      headers: [{ name: 'xc-token', value: '<Your API Token>', comment: 'API token' }],
+      headers: [
+        {
+          name: 'xc-token',
+          value: `CREATE_YOUR_API_TOKEN_FROM ${location.origin + location.pathname}#/account/tokens`,
+          comment: 'API token',
+        },
+      ],
       url: apiUrl.value,
       queryString: [
         ...Object.entries(queryParams.value || {}).map(([name, value]) => {
@@ -95,7 +101,7 @@ const code = computed(() => {
 const api = new Api({
   baseURL: "${(appInfo.value && appInfo.value.ncSiteUrl) || '/'}",
   headers: {
-    "xc-token": "<Your API Token>"
+    "xc-token": "CREATE_YOUR_API_TOKEN_FROM ${location.origin + location.pathname}#/account/tokens"
   }
 })
 

packages/nc-gui/lang/en.json

@@ -738,6 +738,7 @@
     "noAccess": "No access",
     "restApis": "Rest APIs",
     "apis": "APIs",
+    "apiSnippet": "API Snippets",
     "includeData": "Include Data",
     "includeView": "Include View",
     "includeWebhook": "Include Webhook",