From 0d5722bd1051cee88e58d92b0215db74f88c36de Mon Sep 17 00:00:00 2001
From: Shekar Siri <sshekarsiri@gmail.com>
Date: Tue, 18 Oct 2022 12:31:37 +0200
Subject: [PATCH] change(ui) - xhr tab rename and fetch plugin links

---
 .../components/shared/DevTools/NetworkPanel/NetworkPanel.tsx  | 2 +-
 .../components/shared/FetchDetailsModal/FetchDetailsModal.js  | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/app/components/shared/DevTools/NetworkPanel/NetworkPanel.tsx b/frontend/app/components/shared/DevTools/NetworkPanel/NetworkPanel.tsx
index dc2cec206..aff4ac42c 100644
--- a/frontend/app/components/shared/DevTools/NetworkPanel/NetworkPanel.tsx
+++ b/frontend/app/components/shared/DevTools/NetworkPanel/NetworkPanel.tsx
@@ -34,7 +34,7 @@ const TAB_TO_TYPE_MAP: any = {
   [OTHER]: TYPES.OTHER,
 };
 const TABS: any = [ALL, XHR, JS, CSS, IMG, MEDIA, OTHER].map((tab) => ({
-  text: tab === 'xhr' ? 'XHR (Fetch)' : tab,
+  text: tab === 'xhr' ? 'Fetch/XHR' : tab,
   key: tab,
 }));
 
diff --git a/frontend/app/components/shared/FetchDetailsModal/FetchDetailsModal.js b/frontend/app/components/shared/FetchDetailsModal/FetchDetailsModal.js
index ac4a10159..43c9203af 100644
--- a/frontend/app/components/shared/FetchDetailsModal/FetchDetailsModal.js
+++ b/frontend/app/components/shared/FetchDetailsModal/FetchDetailsModal.js
@@ -207,14 +207,14 @@ export default class FetchDetailsModal extends React.PureComponent {
             <ul className="list-disc ml-5">
               <li>
                 Integrate{' '}
-                <a href="" className="link">
+                <a href="https://docs.openreplay.com/plugins/fetch" className="link" target="_blank">
                   Fetch plugin
                 </a>{' '}
                 to capture fetch payloads.
               </li>
               <li>
                 Find a detailed{' '}
-                <a href="" className="link">
+                <a href="https://www.youtube.com/watch?v=YFCKstPZzZg" className="link" target="_blank">
                   video tutorial
                 </a>{' '}
                 to understand practical example of how to use fetch plugin.