diff --git a/src/components/Apps/AppInfo.tsx b/src/components/Apps/AppInfo.tsx index 60ed119..3ac6282 100644 --- a/src/components/Apps/AppInfo.tsx +++ b/src/components/Apps/AppInfo.tsx @@ -18,11 +18,9 @@ import { AppsLibraryContainer, AppsWidthLimiter, } from './Apps-styles'; -import { Avatar, Box, ButtonBase, InputBase } from '@mui/material'; -import { Add } from '@mui/icons-material'; -import { getBaseApiReact, isMobile } from '../../App'; +import { Avatar, Box } from '@mui/material'; +import { getBaseApiReact } from '../../App'; import LogoSelected from '../../assets/svgs/LogoSelected.svg'; - import { Spacer } from '../../common/Spacer'; import { executeEvent } from '../../utils/events'; import { AppRating } from './AppRating'; @@ -49,9 +47,8 @@ export const AppInfo = ({ app, myName }) => { return ( { width: '90%', }} > - {!isMobile && } + + { }} > - {!isMobile ? ( - <> - {isSelectedAppPinned - ? 'Unpin from dashboard' - : 'Pin to dashboard'} - - ) : ( - <>{isSelectedAppPinned ? 'Unpin' : 'Pin'} - )} + {isSelectedAppPinned + ? 'Unpin from dashboard' + : 'Pin to dashboard'} - {!isMobile && ( - { - setSortablePinnedApps((prev) => { - let updatedApps; + { + setSortablePinnedApps((prev) => { + let updatedApps; - if (isSelectedAppPinned) { - // Remove the selected app if it is pinned - updatedApps = prev.filter( - (item) => - !( - item?.name === app?.name && - item?.service === app?.service - ) - ); - } else { - // Add the selected app if it is not pinned - updatedApps = [ - ...prev, - { - name: app?.name, - service: app?.service, - }, - ]; - } - - saveToLocalStorage( - 'ext_saved_settings', - 'sortablePinnedApps', - updatedApps + if (isSelectedAppPinned) { + // Remove the selected app if it is pinned + updatedApps = prev.filter( + (item) => + !( + item?.name === app?.name && item?.service === app?.service + ) ); - return updatedApps; - }); - setSettingsLocalLastUpdated(Date.now()); - }} - sx={{ - backgroundColor: '#359ff7ff', - opacity: isSelectedAppPinned ? 0.6 : 1, - }} - > - - {' '} - {isSelectedAppPinned ? 'Unpin' : 'Pin'} - - - )} + } else { + // Add the selected app if it is not pinned + updatedApps = [ + ...prev, + { + name: app?.name, + service: app?.service, + }, + ]; + } + + saveToLocalStorage( + 'ext_saved_settings', + 'sortablePinnedApps', + updatedApps + ); + return updatedApps; + }); + setSettingsLocalLastUpdated(Date.now()); + }} + sx={{ + backgroundColor: '#359ff7ff', + opacity: isSelectedAppPinned ? 0.6 : 1, + }} + > + + {' '} + {isSelectedAppPinned ? 'Unpin' : 'Pin'} + + {