Add icons to buttons, supress delete error

src/hooks/useServerStorage.ts

@@ -60,9 +60,9 @@ const useServerStorage = () => {
     } catch (error) {
       Sentry.captureException(error);
       console.error(error);
-      genericError(error as Error);
 
-      return Promise.reject(error);
+      // suppress error, may happen on mobile
+      return Promise.resolve();
     }
   };
 

src/pages/Info.tsx

@@ -9,6 +9,7 @@ import {
   Row,
   Select,
 } from 'antd';
+import { EditOutlined } from '@ant-design/icons';
 import {
   generatePath,
   useNavigate,
@@ -48,6 +49,7 @@ const Info = ({ tuneData }: { tuneData: TuneDataState }) => {
             type="primary"
             block
             onClick={goToEdit}
+            icon={<EditOutlined />}
           >
             Edit
           </Button>

src/pages/Upload.tsx

@@ -27,6 +27,9 @@ import {
   CopyOutlined,
   ShareAltOutlined,
   FileTextOutlined,
+  EditOutlined,
+  CheckOutlined,
+  SendOutlined,
 } from '@ant-design/icons';
 import * as Sentry from '@sentry/browser';
 import { INI } from '@hyper-tuner/ini';
@@ -127,7 +130,7 @@ const UploadPage = () => {
 
   const noop = () => { };
 
-  const goToNewTune = () => navigate(generatePath(Routes.TUNE_ROOT, {
+  const goToNewTune = () => navigate(generatePath(Routes.TUNE_TUNE, {
     tuneId: newTuneId!,
   }));
 
@@ -524,12 +527,14 @@ const UploadPage = () => {
             block
             loading={isLoading}
             htmlType="submit"
+            icon={isEditMode ? <EditOutlined /> : <CheckOutlined />}
           >
             {isEditMode ? 'Update' : 'Publish'}
           </Button> : <Button
             type="primary"
             block
             onClick={goToNewTune}
+            icon={<SendOutlined />}
           >
             Open
           </Button>}