From e2cc8f363d9d4a48d7049ea4a0b5a3db99266b13 Mon Sep 17 00:00:00 2001
From: Abhinav <abhinavk.grd@gmail.com>
Date: Sun, 26 Jun 2022 15:42:18 +0530
Subject: [PATCH] remove alert banner

---
 src/components/pages/gallery/AlertBanner.tsx | 29 --------------------
 src/components/pages/gallery/Upload.tsx      |  1 -
 src/pages/gallery/index.tsx                  |  5 +---
 3 files changed, 1 insertion(+), 34 deletions(-)
 delete mode 100644 src/components/pages/gallery/AlertBanner.tsx

diff --git a/src/components/pages/gallery/AlertBanner.tsx b/src/components/pages/gallery/AlertBanner.tsx
deleted file mode 100644
index 8b786ebc9..000000000
--- a/src/components/pages/gallery/AlertBanner.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { FlexWrapper } from 'components/Container';
-import WarningIcon from 'components/icons/WarningIcon';
-import React from 'react';
-import { styled } from '@mui/material';
-import { ButtonVariant, getVariantColor } from './LinkButton';
-
-interface Props {
-    bannerMessage?: any;
-    variant?: string;
-}
-const Banner = styled('div')`
-    border: 1px solid ${getVariantColor(ButtonVariant.warning)};
-    border-radius: 8px;
-    padding: 16px 28px;
-    color: #eee;
-    margin-top: 10px;
-`;
-export default function AlertBanner(props: Props) {
-    return props.bannerMessage ? (
-        <FlexWrapper>
-            <Banner>
-                <WarningIcon />
-                {props.bannerMessage && props.bannerMessage}
-            </Banner>
-        </FlexWrapper>
-    ) : (
-        <></>
-    );
-}
diff --git a/src/components/pages/gallery/Upload.tsx b/src/components/pages/gallery/Upload.tsx
index 0bbf5c7da..77bc0e600 100644
--- a/src/components/pages/gallery/Upload.tsx
+++ b/src/components/pages/gallery/Upload.tsx
@@ -38,7 +38,6 @@ const FIRST_ALBUM_NAME = 'My First Album';
 
 interface Props {
     syncWithRemote: (force?: boolean, silent?: boolean) => Promise<void>;
-    setBannerMessage: (message: string | JSX.Element) => void;
     droppedFiles: File[];
     clearDroppedFiles: () => void;
     closeCollectionSelector: () => void;
diff --git a/src/pages/gallery/index.tsx b/src/pages/gallery/index.tsx
index 39137469c..659c66a07 100644
--- a/src/pages/gallery/index.tsx
+++ b/src/pages/gallery/index.tsx
@@ -56,7 +56,6 @@ import CollectionSelector, {
 import CollectionNamer, {
     CollectionNamerAttributes,
 } from 'components/Collections/CollectionNamer';
-import AlertBanner from 'components/pages/gallery/AlertBanner';
 import PlanSelector from 'components/pages/gallery/PlanSelector';
 import Upload from 'components/pages/gallery/Upload';
 import {
@@ -141,7 +140,7 @@ export default function Gallery() {
 
     const [files, setFiles] = useState<EnteFile[]>(null);
     const [favItemIds, setFavItemIds] = useState<Set<number>>();
-    const [bannerMessage, setBannerMessage] = useState<JSX.Element | string>();
+
     const [isFirstLoad, setIsFirstLoad] = useState(false);
     const [isFirstFetch, setIsFirstFetch] = useState(false);
     const [selected, setSelected] = useState<SelectedState>({
@@ -625,7 +624,6 @@ export default function Gallery() {
                     closeModal={() => setPlanModalView(false)}
                     setLoading={setBlockingLoad}
                 />
-                <AlertBanner bannerMessage={bannerMessage} />
                 <Notification
                     open={notificationView}
                     onClose={closeNotification}
@@ -672,7 +670,6 @@ export default function Gallery() {
 
                 <Upload
                     syncWithRemote={syncWithRemote}
-                    setBannerMessage={setBannerMessage}
                     droppedFiles={droppedFiles}
                     clearDroppedFiles={() => setDroppedFiles([])}
                     showCollectionSelector={setCollectionSelectorView.bind(