From b93fa6c5cb0a7e0226bd6d3fcc3094f25d44067b Mon Sep 17 00:00:00 2001
From: Darun Seethammagari <darun@near.org>
Date: Thu, 10 Oct 2024 20:02:45 +0530
Subject: [PATCH] chore: Add Enhanced API Decomission Notice (#308)

* Try setting EAPI mesage to error

* Update warning message after verification

* Remove unnecessary import

* Address prettier issues on changed file

* Update message to final version and remove previous text
---
 frontend/modules/apis/components/EnhancedApi.tsx | 16 ++++++----------
 1 file changed, 6 insertions(+), 10 deletions(-)

diff --git a/frontend/modules/apis/components/EnhancedApi.tsx b/frontend/modules/apis/components/EnhancedApi.tsx
index fc270ade..2e4e78a9 100644
--- a/frontend/modules/apis/components/EnhancedApi.tsx
+++ b/frontend/modules/apis/components/EnhancedApi.tsx
@@ -1,5 +1,4 @@
 import { API } from '@stoplight/elements';
-import { useState } from 'react';
 
 import { Flex } from '@/components/lib/Flex';
 import { Message } from '@/components/lib/Message';
@@ -23,21 +22,18 @@ import * as S from './styles';
 */
 
 const EnhancedAPI = () => {
-  const [displayMessage, setDisplayMessage] = useState(true);
   const { environment } = useSelectedProject();
   const url = environment && config.url.eapiSpec[environment.net];
 
   return (
     <Flex stack>
-      {displayMessage && (
-        <Message
-          onClickButton={() => {
-            setDisplayMessage(false);
-          }}
-        >
-          <Text>Want to interact with RPC API? Check out the key tab for the setup guide.</Text>
+      {
+        <Message type="error">
+          <Text>
+            Enhanced API is being decomissioned by Dec 9, 2024. Please move to another solution before that date.
+          </Text>
         </Message>
-      )}
+      }
 
       <S.Root className="e-api">
         {url ? <API apiDescriptionUrl={url} router="hash" layout="sidebar" /> : <Spinner center />}