From 1550c10f638b9044556726e9d2c4cbc6fb9b88ac Mon Sep 17 00:00:00 2001
From: Kalidou Diagne <kld.diagne@gmail.com>
Date: Tue, 21 May 2024 18:39:59 +0900
Subject: [PATCH] update styles

---
 app/faq/page.tsx         | 3 +++
 app/settings.tsx         | 5 +++++
 components/AppHeader.tsx | 2 +-
 3 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/app/faq/page.tsx b/app/faq/page.tsx
index 13d25b0..87c1768 100644
--- a/app/faq/page.tsx
+++ b/app/faq/page.tsx
@@ -24,6 +24,9 @@ export default function FAQPage() {
                         />
                       ),
                       strong: ({ ...props }) => <span className="font-bold" {...props} />,
+                      a: ({ ...props }) => (
+                        <a className="font-semibold underline" target="_blank" rel="noopener noreferrer" {...props} />
+                      ),
                     }}
                   >
                     {answer}
diff --git a/app/settings.tsx b/app/settings.tsx
index 4b7c5f2..583f7d2 100644
--- a/app/settings.tsx
+++ b/app/settings.tsx
@@ -27,6 +27,11 @@ export const NAVIGATION: NavItem[] = [
     label: "FAQ",
     href: "/faq",
   },
+  {
+    label: "API",
+    href: "https://tlsnotary.github.io/tlsn/",
+    external: true,
+  },
   {
     label: "Documentation",
     href: LINKS.DOCUMENTATION,
diff --git a/components/AppHeader.tsx b/components/AppHeader.tsx
index 5d25447..ee9fa3a 100644
--- a/components/AppHeader.tsx
+++ b/components/AppHeader.tsx
@@ -3,7 +3,7 @@
 import Link from "next/link";
 import { AppContainer } from "./AppContainer";
 import { Icons } from "./Icons";
-import { LINKS, NAVIGATION, SOCIALS_HEADER } from "../app/settings";
+import { NAVIGATION, SOCIALS_HEADER } from "../app/settings";
 import { classed } from "@tw-classed/react";
 import { usePathname } from "next/navigation";
 import { useState } from "react";