remove alert banner

src/components/pages/gallery/AlertBanner.tsx

@@ -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>
-    ) : (
-        <></>
-    );
-}

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;

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(