From 2cb977eb49c461e949ed91cb5f450961bec2bcf3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C3=ABl?= <afmichael73@gmail.com>
Date: Wed, 20 Dec 2023 11:27:27 +0300
Subject: [PATCH] fix(website): fix docusaurus warnings (#526)

### Describe your change

Fix docusaurus warnings on the website

### Motivation and context

Solves
[MET-307](https://metatype.atlassian.net/jira/software/c/projects/MET/boards/2?selectedIssue=MET-307)

### Migration notes

<!-- Explain HOW users should update their code when required -->

### Checklist

- [ ] The change come with new or modified tests
- [ ] Hard-to-understand functions have explanatory comments
- [x] End-user documentation is updated to reflect the change
---
 website/docs/reference/typegate/authentication/oauth2.tsx | 7 ++++---
 website/src/components/MiniQL/index.tsx                   | 5 +++--
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/website/docs/reference/typegate/authentication/oauth2.tsx b/website/docs/reference/typegate/authentication/oauth2.tsx
index cff41d199e..f946d2b6c4 100644
--- a/website/docs/reference/typegate/authentication/oauth2.tsx
+++ b/website/docs/reference/typegate/authentication/oauth2.tsx
@@ -2,6 +2,7 @@
 // SPDX-License-Identifier: Elastic-2.0
 
 import React, { useCallback, useState } from "react";
+import Link from "@docusaurus/Link";
 import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
 import BrowserOnly from "@docusaurus/BrowserOnly";
 
@@ -30,10 +31,10 @@ function OAuth2({ name, typegraph }) {
   )}`;
   return (
     <p className="mb-6">
-      Start the flow via <a href={url}>{url}</a> and take token by clicking{" "}
-      <a className="cursor-pointer" onClick={take}>
+      Start the flow via <Link href={url}>{url}</Link> and take token by clicking{" "}
+      <Link className="cursor-pointer" onClick={take}>
         here
-      </a>
+      </Link>
       :<br />
       <input
         className="py-1 border-0 bg-slate-200 w-full"
diff --git a/website/src/components/MiniQL/index.tsx b/website/src/components/MiniQL/index.tsx
index 984b775128..16aa567688 100644
--- a/website/src/components/MiniQL/index.tsx
+++ b/website/src/components/MiniQL/index.tsx
@@ -6,6 +6,7 @@ import { createGraphiQLFetcher } from "@graphiql/toolkit";
 import BrowserOnly from "@docusaurus/BrowserOnly";
 import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
 import CodeBlock from "@theme-original/CodeBlock";
+import Link from "@docusaurus/Link";
 
 import {
   GraphiQLProvider,
@@ -101,11 +102,11 @@ function MiniQLBrowser({
               {codeFileUrl ? (
                 <div className="p-2 text-xs font-light">
                   See/edit full code on{" "}
-                  <a
+                  <Link
                     href={`https://github.com/metatypedev/metatype/blob/main/${codeFileUrl}`}
                   >
                     {codeFileUrl}
-                  </a>
+                  </Link>
                 </div>
               ) : null}
               {code ? (