feat(ui): add integration details external links

witnet · Mar 1, 2022 · 9ef3e60 · 9ef3e60
1 parent 6cea900
commit 9ef3e60
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 6 deletions.
diff --git a/packages/ui/components/IntegrationDetails.vue b/packages/ui/components/IntegrationDetails.vue
@@ -5,12 +5,16 @@
         {{ $t('data_feed_details.integration_details_description', [network]) }}
       </p>
       <div class="bottom">
-        <Button class="btn">{{
-          $t('data_feed_details.integrate_proxy')
-        }}</Button>
-        <Button class="btn">{{
-          $t('data_feed_details.integrate_directly')
-        }}</Button>
+        <a :href="integrateThroughProxyBaseUrl" target="_blank">
+          <Button class="btn">
+            {{ $t('data_feed_details.integrate_proxy') }}</Button
+          >
+        </a>
+        <a :href="integrateDirectlyBaseUrl" target="_blank">
+          <Button class="btn">
+            {{ $t('data_feed_details.integrate_directly') }}</Button
+          >
+        </a>
         <p class="subtitle testing">
           {{ $t('data_feed_details.recommended_for_testing') }}
         </p>
@@ -45,6 +49,10 @@
 </template>
 
 <script>
+import {
+  integrateDirectlyBaseUrl,
+  integrateThroughProxyBaseUrl,
+} from '../constants'
 export default {
   props: {
     network: {
@@ -72,6 +80,12 @@ export default {
       required: true,
     },
   },
+  data() {
+    return {
+      integrateDirectlyBaseUrl,
+      integrateThroughProxyBaseUrl,
+    }
+  },
 }
 </script>
 

diff --git a/packages/ui/constants.js b/packages/ui/constants.js
@@ -3,6 +3,10 @@ export const requestDataFeedUrl = 'https://witnet.io'
 export const documentationUrl = 'https://docs.witnet.io/'
 export const useDataFeedUrl = 'https://docs.witnet.io/'
 export const witnetUrl = 'https://witnet.io'
+export const integrateDirectlyBaseUrl =
+  'https://new-docs.witnet.io/DMN1zqRk2UYuGzmQGcMt/smart-contracts/witnet-data-feeds/using-witnet-data-feeds#reading-last-price-and-timestamp-from-a-price-feed-contract-serving-a-given-currency-pair'
+export const integrateThroughProxyBaseUrl =
+  'https://new-docs.witnet.io/DMN1zqRk2UYuGzmQGcMt/smart-contracts/witnet-data-feeds/using-witnet-data-feeds#reading-multiple-currency-pairs-from-the-router'
 
 export const languages = [
   {