From a7151d50354ff8f9efdc5443d8412bfe8870caae Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Wed, 25 Jan 2023 22:33:55 -0800
Subject: [PATCH] Migrate modals in HeaderMenu to pages

---
 components/HeaderMenu/index.tsx | 36 +++++++++++++++++++++++++++------
 1 file changed, 30 insertions(+), 6 deletions(-)

diff --git a/components/HeaderMenu/index.tsx b/components/HeaderMenu/index.tsx
index 3472f983..8ad9244c 100644
--- a/components/HeaderMenu/index.tsx
+++ b/components/HeaderMenu/index.tsx
@@ -114,9 +114,21 @@ const HeaderMenu = (props: Props) => {
           </li>
         </div>
         <div className="MenuGroup">
-          <AboutModal />
-          <ChangelogModal />
-          <RoadmapModal />
+          <li className="MenuItem">
+            <a href="/about" target="_blank">
+              {t('about.segmented_control.about')}
+            </a>
+          </li>
+          <li className="MenuItem">
+            <a href="/updates" target="_blank">
+              {t('about.segmented_control.updates')}
+            </a>
+          </li>
+          <li className="MenuItem">
+            <a href="/roadmap" target="_blank">
+              {t('about.segmented_control.roadmap')}
+            </a>
+          </li>
         </div>
         <div className="MenuGroup">
           <AccountModal
@@ -164,9 +176,21 @@ const HeaderMenu = (props: Props) => {
           </li>
         </div>
         <div className="MenuGroup">
-          <AboutModal />
-          <ChangelogModal />
-          <RoadmapModal />
+          <li className="MenuItem">
+            <a href="/about" target="_blank">
+              {t('about.segmented_control.about')}
+            </a>
+          </li>
+          <li className="MenuItem">
+            <a href="/updates" target="_blank">
+              {t('about.segmented_control.updates')}
+            </a>
+          </li>
+          <li className="MenuItem">
+            <a href="/roadmap" target="_blank">
+              {t('about.segmented_control.roadmap')}
+            </a>
+          </li>
         </div>
         <div className="MenuGroup">
           <LoginModal />