From 97a74d4f3cc88363b54599ca6a0523f4f5cc812a Mon Sep 17 00:00:00 2001
From: ben <bennettlikebeckham@gmail.com>
Date: Thu, 22 Aug 2024 15:37:55 +0800
Subject: [PATCH] feat: ecosystem disclaimer

---
 public/locales/en/ecosystem.json              |  3 +++
 src/pages/ecosystem/index.tsx                 |  1 +
 .../ui/05-disclaimer/disclaimer.module.scss   | 21 +++++++++++++++++++
 .../ui/05-disclaimer/index.tsx                | 20 ++++++++++++++++++
 src/widgets/07-ecosystem-screens/ui/index.ts  |  3 ++-
 5 files changed, 47 insertions(+), 1 deletion(-)
 create mode 100644 src/widgets/07-ecosystem-screens/ui/05-disclaimer/disclaimer.module.scss
 create mode 100644 src/widgets/07-ecosystem-screens/ui/05-disclaimer/index.tsx

diff --git a/public/locales/en/ecosystem.json b/public/locales/en/ecosystem.json
index 57399aa..dc52652 100644
--- a/public/locales/en/ecosystem.json
+++ b/public/locales/en/ecosystem.json
@@ -14,5 +14,8 @@
         "text": "Building on Taiko and need financial or other support? <br></br> <span>Apply for a grant!</span>",
         "applyText": "Apply to our grants program",
         "contactUs": "Learn more"
+    },
+    "disclaimer": {
+        "subtitle": "The following applications all allege they are building atop the Taiko ecosystem. Please note that no guarantee is made as to the authenticity, veracity, or safety of any of these protocols. You assume all risks for using any links, so please conduct your own research and exercise caution. If you observe any issues with any link or would like to add to this list, please create a PR in the following Github repository: "
     }
 }
\ No newline at end of file
diff --git a/src/pages/ecosystem/index.tsx b/src/pages/ecosystem/index.tsx
index c41ddbd..c2f0f2c 100644
--- a/src/pages/ecosystem/index.tsx
+++ b/src/pages/ecosystem/index.tsx
@@ -28,6 +28,7 @@ const Ecosystem: NextPage = () => {
                 <EcosystemFilters>
                     <EcosystemScreens.Hero />
                     <EcosystemScreens.Controls />
+                    <EcosystemScreens.Disclaimer />
                     <EcosystemScreens.Projects />
                     <EcosystemScreens.Grant />
                 </EcosystemFilters>
diff --git a/src/widgets/07-ecosystem-screens/ui/05-disclaimer/disclaimer.module.scss b/src/widgets/07-ecosystem-screens/ui/05-disclaimer/disclaimer.module.scss
new file mode 100644
index 0000000..48143e3
--- /dev/null
+++ b/src/widgets/07-ecosystem-screens/ui/05-disclaimer/disclaimer.module.scss
@@ -0,0 +1,21 @@
+.disclaimer {
+    font: 600 14px/1.2 $kFontPublicSans;
+}
+
+.wrapper {
+    margin: 20px 0; 
+    padding: 15px;
+    background-color: #f9f9f9;
+    border-left: 5px solid #f44336;
+}
+
+.content {
+    margin: 0;
+    font-size: 14px;
+    color: #333;
+}
+
+.link {
+    color: #0073e6;
+    text-decoration: underline;
+}
\ No newline at end of file
diff --git a/src/widgets/07-ecosystem-screens/ui/05-disclaimer/index.tsx b/src/widgets/07-ecosystem-screens/ui/05-disclaimer/index.tsx
new file mode 100644
index 0000000..f25f2ac
--- /dev/null
+++ b/src/widgets/07-ecosystem-screens/ui/05-disclaimer/index.tsx
@@ -0,0 +1,20 @@
+import { useTranslation } from 'next-i18next';
+import React from 'react';
+import css from './disclaimer.module.scss';
+
+export const Disclaimer: React.FC = () => {
+    const { t } = useTranslation('ecosystem');
+
+    return (
+        <section className={css.disclaimer}>
+            <div className={css.wrapper}>
+                <p className={css.content}>
+                    {t('disclaimer.subtitle')}
+                    <a href="https://github.com/taikoxyz/website-v2" target="_blank" rel="noopener noreferrer" className={css.link}>
+                        https://github.com/taikoxyz/website-v2
+                    </a>.
+                </p>
+            </div>
+        </section>
+    );
+}
\ No newline at end of file
diff --git a/src/widgets/07-ecosystem-screens/ui/index.ts b/src/widgets/07-ecosystem-screens/ui/index.ts
index 8b67f99..dd60fb1 100644
--- a/src/widgets/07-ecosystem-screens/ui/index.ts
+++ b/src/widgets/07-ecosystem-screens/ui/index.ts
@@ -1,4 +1,5 @@
 export { Hero } from './01-hero';
 export { Controls } from './02-controls';
 export { Projects } from './03-projects';
-export { Grant } from './04-grant';
\ No newline at end of file
+export { Grant } from './04-grant';
+export { Disclaimer } from './05-disclaimer';
\ No newline at end of file