From 77b78782f7a8199b842818f10c8d8151be714c04 Mon Sep 17 00:00:00 2001
From: Satyam Bansal <satyamsgsits1994@gmail.com>
Date: Tue, 25 Jun 2024 15:19:36 +0530
Subject: [PATCH] Move Background notices to new accordian

---
 .../components/BackgroundNotices/index.tsx    |  1 -
 plugin/src/features/Plugin/index.tsx          | 19 +++++++++++++++----
 plugin/src/types/common.ts                    |  2 +-
 3 files changed, 16 insertions(+), 6 deletions(-)

diff --git a/plugin/src/components/BackgroundNotices/index.tsx b/plugin/src/components/BackgroundNotices/index.tsx
index 76a55a8d..2e224bcf 100644
--- a/plugin/src/components/BackgroundNotices/index.tsx
+++ b/plugin/src/components/BackgroundNotices/index.tsx
@@ -18,7 +18,6 @@ const BackgroundNotices: React.FC = () => {
                 className="list-group-item d-flex justify-content-left align-items-center bg-notices-text bg-primary"
                 key={index}
               >
-                <span className="badge badge-information badge-pilled mr-2">{index + 1}</span>
                 {notice}
               </li>
             )
diff --git a/plugin/src/features/Plugin/index.tsx b/plugin/src/features/Plugin/index.tsx
index b11c9832..eb29ef56 100644
--- a/plugin/src/features/Plugin/index.tsx
+++ b/plugin/src/features/Plugin/index.tsx
@@ -16,9 +16,9 @@ import { hashDirAtom, compilationAtom } from '@/atoms'
 import { deploymentAtom } from '@/atoms/deployment'
 import { initializeRemixClient, isLoadedAtom, remixClientAtom } from '@/stores/remixClient'
 import storage from '@/utils/storage'
-import './styles.css'
 import useAsync from '@/hooks/useAsync'
 import { type AccordianTabs } from '@/types/common'
+import './styles.css'
 
 export const Plugin = () => {
   const { status: compileStatus, errorMessages: compileErrorMessages } = useAtomValue(compilationAtom)
@@ -147,10 +147,21 @@ export const Plugin = () => {
                   <TransactionHistory />
                 </AccordionContent>
               </AccordianItem>
+              <AccordianItem value="notices">
+                <AccordionTrigger
+                  onClick={() => {
+                    handleTabView('notices')
+                  }}
+                >
+                  <span className="d-flex align-items-center" style={{ gap: '0.5rem' }}>
+                    <p style={{ all: 'unset' }}>Notices</p>
+                  </span>
+                </AccordionTrigger>
+                <AccordionContent>
+                  <BackgroundNotices />
+                </AccordionContent>
+              </AccordianItem>
             </Accordian>
-            <div className="mt-5">
-              <BackgroundNotices />
-            </div>
           </div>
           <div>
             <Environment />
diff --git a/plugin/src/types/common.ts b/plugin/src/types/common.ts
index 13ad38d3..4cc6c49e 100644
--- a/plugin/src/types/common.ts
+++ b/plugin/src/types/common.ts
@@ -1 +1 @@
-export type AccordianTabs = 'compile' | 'deploy' | 'interaction' | 'transactions' | ''
+export type AccordianTabs = 'compile' | 'deploy' | 'interaction' | 'transactions' | 'notices' | ''