Remove Desktop only settings from web (#1521)

apps/photos/src/components/Sidebar/AdvancedSettings.tsx

@@ -78,22 +78,23 @@ export default function AdvancedSettings({ open, onClose, onRootClose }) {
 
                 <Box px={'8px'}>
                     <Stack py="20px" spacing="24px">
-                        <CacheDirectory />
-
                         {isElectron() && (
-                            <Box>
-                                <MenuSectionTitle
-                                    title={t('LABS')}
-                                    icon={<ScienceIcon />}
-                                />
-                                <MenuItemGroup>
-                                    <EnteMenuItem
-                                        endIcon={<ChevronRight />}
-                                        onClick={openMlSearchSettings}
-                                        label={t('ML_SEARCH')}
+                            <>
+                                <CacheDirectory />
+                                <Box>
+                                    <MenuSectionTitle
+                                        title={t('LABS')}
+                                        icon={<ScienceIcon />}
                                     />
-                                </MenuItemGroup>
-                            </Box>
+                                    <MenuItemGroup>
+                                        <EnteMenuItem
+                                            endIcon={<ChevronRight />}
+                                            onClick={openMlSearchSettings}
+                                            label={t('ML_SEARCH')}
+                                        />
+                                    </MenuItemGroup>
+                                </Box>
+                            </>
                         )}
                         <Box>
                             <MenuItemGroup>
@@ -109,31 +110,37 @@ export default function AdvancedSettings({ open, onClose, onRootClose }) {
                             />
                         </Box>
 
-                        <Box>
-                            <MenuSectionTitle title={t('STATUS')} />
-                            <Stack py={'12px'} px={'12px'} spacing={'24px'}>
-                                <VerticallyCenteredFlex
-                                    justifyContent="space-between"
-                                    alignItems={'center'}>
-                                    <Typography>
-                                        {t('INDEXED_ITEMS')}
-                                    </Typography>
-                                    <Typography>
-                                        {formatNumber(indexingStatus.indexed)}
-                                    </Typography>
-                                </VerticallyCenteredFlex>
-                                <VerticallyCenteredFlex
-                                    justifyContent="space-between"
-                                    alignItems={'center'}>
-                                    <Typography>
-                                        {t('PENDING_ITEMS')}
-                                    </Typography>
-                                    <Typography>
-                                        {formatNumber(indexingStatus.pending)}
-                                    </Typography>
-                                </VerticallyCenteredFlex>
-                            </Stack>
-                        </Box>
+                        {isElectron() && (
+                            <Box>
+                                <MenuSectionTitle title={t('STATUS')} />
+                                <Stack py={'12px'} px={'12px'} spacing={'24px'}>
+                                    <VerticallyCenteredFlex
+                                        justifyContent="space-between"
+                                        alignItems={'center'}>
+                                        <Typography>
+                                            {t('INDEXED_ITEMS')}
+                                        </Typography>
+                                        <Typography>
+                                            {formatNumber(
+                                                indexingStatus.indexed
+                                            )}
+                                        </Typography>
+                                    </VerticallyCenteredFlex>
+                                    <VerticallyCenteredFlex
+                                        justifyContent="space-between"
+                                        alignItems={'center'}>
+                                        <Typography>
+                                            {t('PENDING_ITEMS')}
+                                        </Typography>
+                                        <Typography>
+                                            {formatNumber(
+                                                indexingStatus.pending
+                                            )}
+                                        </Typography>
+                                    </VerticallyCenteredFlex>
+                                </Stack>
+                            </Box>
+                        )}
                     </Stack>
                 </Box>
             </Stack>