update icon

src/components/Upload/UploadButton.tsx

@@ -31,8 +31,15 @@ interface Iprops {
     text?: string;
     color?: ButtonProps['color'];
     disableShrink?: boolean;
+    icon?: JSX.Element;
 }
-function UploadButton({ openUploader, text, color, disableShrink }: Iprops) {
+function UploadButton({
+    openUploader,
+    text,
+    color,
+    disableShrink,
+    icon,
+}: Iprops) {
     return (
         <Wrapper
             disableShrink={disableShrink}
@@ -44,7 +51,7 @@ function UploadButton({ openUploader, text, color, disableShrink }: Iprops) {
                 disabled={!uploadManager.shouldAllowNewUpload()}
                 className="desktop-button"
                 color={color ?? 'secondary'}
-                startIcon={<FileUploadOutlinedIcon />}>
+                startIcon={icon ?? <FileUploadOutlinedIcon />}>
                 {text ?? constants.UPLOAD}
             </Button>
 

src/pages/shared-albums/index.tsx

@@ -47,6 +47,7 @@ import UploadSelectorInputs from 'components/UploadSelectorInputs';
 import { logoutUser } from 'services/userService';
 import UploadButton from 'components/Upload/UploadButton';
 import bs58 from 'bs58';
+import { AddPhotoAlternateOutlined } from '@mui/icons-material';
 
 const Loader = () => (
     <VerticallyCentered>
@@ -212,6 +213,7 @@ export default function PublicCollectionGallery() {
                             openUploader={openUploader}
                             text={constants.ADD_MORE_PHOTOS}
                             color="accent"
+                            icon={<AddPhotoAlternateOutlined />}
                         />
                     </CenteredFlex>
                 ),