From a7aa203c30cc49d96bdd4767ab839d631171e859 Mon Sep 17 00:00:00 2001
From: nyagami <hoangquan05112002@gmail.com>
Date: Thu, 14 Mar 2024 14:24:11 +0700
Subject: [PATCH] refactor: safe ternary operator rendering

---
 src/components/Checkbox/Checkbox.tsx          |  4 +-
 src/components/NovelCover.tsx                 | 26 ++++----
 src/components/ThemePicker/ThemePicker.tsx    |  4 +-
 src/navigators/BottomNavigator.tsx            |  8 +--
 .../Categories/components/CategoryCard.tsx    |  4 +-
 .../browse/migration/MigrationNovels.tsx      |  4 +-
 src/screens/library/LibraryScreen.tsx         | 62 +++++++++----------
 src/screens/more/DownloadQueueScreen.tsx      |  4 +-
 src/screens/more/DownloadsScreen.tsx          |  4 +-
 src/screens/novel/NovelScreen.tsx             | 12 ++--
 src/screens/novel/components/ChapterItem.tsx  |  8 +--
 .../novel/components/EditInfoModal.tsx        |  4 +-
 .../novel/components/Info/NovelInfoHeader.tsx |  8 +--
 .../components/Tracker/TrackSearchDialog.js   |  4 +-
 src/screens/reader/ReaderScreen.tsx           |  4 +-
 .../reader/components/ReaderFooter.tsx        |  4 +-
 .../settings/SettingsAppearanceScreen.tsx     |  4 +-
 .../Components/GoogleDriveModal.tsx           |  4 +-
 .../settings/SettingsTrackerScreen.tsx        | 38 ++++++------
 19 files changed, 103 insertions(+), 107 deletions(-)

diff --git a/src/components/Checkbox/Checkbox.tsx b/src/components/Checkbox/Checkbox.tsx
index 5972dd49c..d286a5b3b 100644
--- a/src/components/Checkbox/Checkbox.tsx
+++ b/src/components/Checkbox/Checkbox.tsx
@@ -71,14 +71,14 @@ export const SortItem = ({ label, status, onPress, theme }: SortItemProps) => (
     style={[styles.pressable, { paddingVertical: 16, paddingLeft: 64 }]}
     onPress={onPress}
   >
-    {status && (
+    {status ? (
       <MaterialCommunityIcons
         name={status === 'asc' ? 'arrow-up' : 'arrow-down'}
         color={theme.primary}
         size={21}
         style={styles.icon}
       />
-    )}
+    ) : null}
     <Text style={{ color: theme.onSurface }}>{label}</Text>
   </Pressable>
 );
diff --git a/src/components/NovelCover.tsx b/src/components/NovelCover.tsx
index 63a68f0e2..e4ab132ed 100644
--- a/src/components/NovelCover.tsx
+++ b/src/components/NovelCover.tsx
@@ -103,22 +103,22 @@ function NovelCover<TNovel extends NovelItem | NovelInfo | LibraryNovelInfo>({
       >
         <View style={styles.badgeContainer}>
           {libraryStatus && <InLibraryBadge theme={theme} />}
-          {showDownloadBadges && item.chaptersDownloaded > 0 && (
+          {showDownloadBadges && item.chaptersDownloaded > 0 ? (
             <DownloadBadge
               showUnreadBadges={showUnreadBadges}
               chaptersDownloaded={item.chaptersDownloaded}
               chaptersUnread={item.chaptersUnread}
               theme={theme}
             />
-          )}
-          {showUnreadBadges && item.chaptersUnread > 0 && (
+          ) : null}
+          {showUnreadBadges && item.chaptersUnread > 0 ? (
             <UnreadBadge
               theme={theme}
               chaptersDownloaded={item.chaptersDownloaded}
               chaptersUnread={item.chaptersUnread}
               showDownloadBadges={showDownloadBadges}
             />
-          )}
+          ) : null}
         </View>
         <Image
           source={{ uri, headers: { 'User-Agent': getUserAgent() } }}
@@ -132,39 +132,37 @@ function NovelCover<TNovel extends NovelItem | NovelInfo | LibraryNovelInfo>({
           ]}
         />
         <View style={styles.compactTitleContainer}>
-          {displayMode === DisplayModes.Compact && (
+          {displayMode === DisplayModes.Compact ? (
             <CompactTitle novelName={item.name} />
-          )}
+          ) : null}
         </View>
-        {displayMode === DisplayModes.Comfortable && (
+        {displayMode === DisplayModes.Comfortable ? (
           <ComfortableTitle novelName={item.name} theme={theme} />
-        )}
+        ) : null}
       </Pressable>
     </View>
   ) : (
     <ListView
       item={item}
       downloadBadge={
-        showDownloadBadges &&
-        item.chaptersDownloaded && (
+        showDownloadBadges && item.chaptersDownloaded ? (
           <DownloadBadge
             theme={theme}
             showUnreadBadges={showUnreadBadges}
             chaptersDownloaded={item.chaptersDownloaded}
             chaptersUnread={item.chaptersUnread}
           />
-        )
+        ) : null
       }
       unreadBadge={
-        showUnreadBadges &&
-        item.chaptersUnread && (
+        showUnreadBadges && item.chaptersUnread ? (
           <UnreadBadge
             theme={theme}
             chaptersDownloaded={item.chaptersDownloaded}
             chaptersUnread={item.chaptersUnread}
             showDownloadBadges={showDownloadBadges}
           />
-        )
+        ) : null
       }
       inLibraryBadge={libraryStatus && <InLibraryBadge theme={theme} />}
       theme={theme}
diff --git a/src/components/ThemePicker/ThemePicker.tsx b/src/components/ThemePicker/ThemePicker.tsx
index 73fb15b3f..fc0518585 100644
--- a/src/components/ThemePicker/ThemePicker.tsx
+++ b/src/components/ThemePicker/ThemePicker.tsx
@@ -39,7 +39,7 @@ export const ThemePicker = ({
       }}
     >
       <Pressable style={{ flex: 1 }} onPress={onPress}>
-        {currentTheme.id === theme.id && (
+        {currentTheme.id === theme.id ? (
           <MaterialCommunityIcons
             name="check"
             color={theme.onPrimary}
@@ -54,7 +54,7 @@ export const ThemePicker = ({
               padding: 1.6,
             }}
           />
-        )}
+        ) : null}
         <View
           style={{
             height: 20,
diff --git a/src/navigators/BottomNavigator.tsx b/src/navigators/BottomNavigator.tsx
index f113b8568..5e0e82516 100644
--- a/src/navigators/BottomNavigator.tsx
+++ b/src/navigators/BottomNavigator.tsx
@@ -37,7 +37,7 @@ const BottomNavigator = () => {
           tabBarIcon: 'book-variant-multiple',
         }}
       />
-      {showUpdatesTab && (
+      {showUpdatesTab ? (
         <Tab.Screen
           name="Updates"
           component={Updates}
@@ -46,8 +46,8 @@ const BottomNavigator = () => {
             tabBarIcon: 'alert-decagram-outline',
           }}
         />
-      )}
-      {showHistoryTab && (
+      ) : null}
+      {showHistoryTab ? (
         <Tab.Screen
           name="History"
           component={History}
@@ -56,7 +56,7 @@ const BottomNavigator = () => {
             tabBarIcon: 'history',
           }}
         />
-      )}
+      ) : null}
       <Tab.Screen
         name="Browse"
         component={Browse}
diff --git a/src/screens/Categories/components/CategoryCard.tsx b/src/screens/Categories/components/CategoryCard.tsx
index 4bccd615c..1e092a6b7 100644
--- a/src/screens/Categories/components/CategoryCard.tsx
+++ b/src/screens/Categories/components/CategoryCard.tsx
@@ -101,7 +101,7 @@ const CategoryCard: React.FC<CategoryCardProps> = ({
             onPress={showCategoryModal}
             theme={theme}
           />
-          {categoryIndex !== 0 && category.id !== 2 && (
+          {categoryIndex !== 0 && category.id !== 2 ? (
             <IconButton
               name="delete-outline"
               color={theme.onSurface}
@@ -109,7 +109,7 @@ const CategoryCard: React.FC<CategoryCardProps> = ({
               onPress={showDeleteCategoryModal}
               theme={theme}
             />
-          )}
+          ) : null}
         </View>
       </View>
       <Portal>
diff --git a/src/screens/browse/migration/MigrationNovels.tsx b/src/screens/browse/migration/MigrationNovels.tsx
index 2fbb59d93..9f601b051 100644
--- a/src/screens/browse/migration/MigrationNovels.tsx
+++ b/src/screens/browse/migration/MigrationNovels.tsx
@@ -130,9 +130,9 @@ const MigrationNovels = ({ navigation, route }: MigrateNovelScreenProps) => {
         handleGoBack={navigation.goBack}
         theme={theme}
       />
-      {progress > 0 && (
+      {progress > 0 ? (
         <ProgressBar color={theme.primary} progress={progress} />
-      )}
+      ) : null}
       <FlatList
         contentContainerStyle={{ flexGrow: 1, padding: 4 }}
         data={searchResults}
diff --git a/src/screens/library/LibraryScreen.tsx b/src/screens/library/LibraryScreen.tsx
index 0fb8bfa74..98f82ca58 100644
--- a/src/screens/library/LibraryScreen.tsx
+++ b/src/screens/library/LibraryScreen.tsx
@@ -106,7 +106,7 @@ const LibraryScreen = ({ navigation }: LibraryScreenProps) => {
         renderLabel={({ route, color }) => (
           <Row>
             <Text style={{ color, fontWeight: '600' }}>{route.title}</Text>
-            {showNumberOfNovels && (
+            {showNumberOfNovels ? (
               <View
                 style={[
                   styles.badgeCtn,
@@ -119,7 +119,7 @@ const LibraryScreen = ({ navigation }: LibraryScreenProps) => {
                   {(route as any)?.novels.length}
                 </Text>
               </View>
-            )}
+            ) : null}
           </Row>
         )}
         inactiveColor={theme.secondary}
@@ -176,14 +176,14 @@ const LibraryScreen = ({ navigation }: LibraryScreenProps) => {
         }
         theme={theme}
       />
-      {downloadedOnlyMode && (
+      {downloadedOnlyMode ? (
         <Banner
           icon="cloud-off-outline"
           label={getString('moreScreen.downloadOnly')}
           theme={theme}
         />
-      )}
-      {incognitoMode && (
+      ) : null}
+      {incognitoMode ? (
         <Banner
           icon="incognito"
           label={getString('moreScreen.incognitoMode')}
@@ -191,7 +191,7 @@ const LibraryScreen = ({ navigation }: LibraryScreenProps) => {
           backgroundColor={theme.tertiary}
           textColor={theme.onTertiary}
         />
-      )}
+      ) : null}
       <TabView
         lazy
         navigationState={{
@@ -235,31 +235,31 @@ const LibraryScreen = ({ navigation }: LibraryScreenProps) => {
         initialLayout={{ width: layout.width }}
       />
       {useLibraryFAB &&
-        !isHistoryLoading &&
-        history &&
-        history.length !== 0 &&
-        !error && (
-          <FAB
-            style={[
-              styles.fab,
-              { backgroundColor: theme.primary, marginRight: rightInset + 16 },
-            ]}
-            color={theme.onPrimary}
-            uppercase={false}
-            label={getString('common.resume')}
-            icon="play"
-            onPress={() => {
-              navigation.navigate('Chapter', {
-                novel: {
-                  path: history[0].novelPath,
-                  pluginId: history[0].pluginId,
-                  name: history[0].novelName,
-                } as NovelInfo,
-                chapter: history[0],
-              });
-            }}
-          />
-        )}
+      !isHistoryLoading &&
+      history &&
+      history.length !== 0 &&
+      !error ? (
+        <FAB
+          style={[
+            styles.fab,
+            { backgroundColor: theme.primary, marginRight: rightInset + 16 },
+          ]}
+          color={theme.onPrimary}
+          uppercase={false}
+          label={getString('common.resume')}
+          icon="play"
+          onPress={() => {
+            navigation.navigate('Chapter', {
+              novel: {
+                path: history[0].novelPath,
+                pluginId: history[0].pluginId,
+                name: history[0].novelName,
+              } as NovelInfo,
+              chapter: history[0],
+            });
+          }}
+        />
+      ) : null}
       <SetCategoryModal
         novelIds={selectedNovelIds}
         closeModal={closeSetCategoryModal}
diff --git a/src/screens/more/DownloadQueueScreen.tsx b/src/screens/more/DownloadQueueScreen.tsx
index 6ae9d5e53..ca035caf2 100644
--- a/src/screens/more/DownloadQueueScreen.tsx
+++ b/src/screens/more/DownloadQueueScreen.tsx
@@ -89,7 +89,7 @@ const DownloadQueue = ({ navigation }: DownloadQueueScreenProps) => {
           />
         }
       />
-      {queue.length > 0 && (
+      {queue.length > 0 ? (
         <FAB
           style={[styles.fab, { backgroundColor: theme.primary }]}
           color={theme.onPrimary}
@@ -104,7 +104,7 @@ const DownloadQueue = ({ navigation }: DownloadQueueScreenProps) => {
             isDownloading ? pauseDownload() : resumeDowndload();
           }}
         />
-      )}
+      ) : null}
     </>
   );
 };
diff --git a/src/screens/more/DownloadsScreen.tsx b/src/screens/more/DownloadsScreen.tsx
index eea15f906..655183b01 100644
--- a/src/screens/more/DownloadsScreen.tsx
+++ b/src/screens/more/DownloadsScreen.tsx
@@ -91,13 +91,13 @@ const Downloads = ({ navigation }: DownloadsScreenProps) => {
         handleGoBack={navigation.goBack}
         theme={theme}
       >
-        {chapters.length > 0 && (
+        {chapters.length > 0 ? (
           <MaterialAppbar.Action
             icon="delete-sweep"
             iconColor={theme.onSurface}
             onPress={showDialog}
           />
-        )}
+        ) : null}
       </Appbar>
       <List.InfoItem title={getString('downloadScreen.dbInfo')} theme={theme} />
       {loading ? (
diff --git a/src/screens/novel/NovelScreen.tsx b/src/screens/novel/NovelScreen.tsx
index f78653461..28dd05fb7 100644
--- a/src/screens/novel/NovelScreen.tsx
+++ b/src/screens/novel/NovelScreen.tsx
@@ -349,7 +349,7 @@ const Novel = ({ route, navigation }: NovelScreenProps) => {
                   onPress={() => navigation.goBack()}
                 />
                 <Row>
-                  {!novel.isLocal && (
+                  {!novel.isLocal ? (
                     <IconButton
                       icon="share-variant"
                       iconColor={theme.onBackground}
@@ -363,7 +363,7 @@ const Novel = ({ route, navigation }: NovelScreenProps) => {
                         })
                       }
                     />
-                  )}
+                  ) : null}
                   <IconButton
                     icon="text-box-search-outline"
                     iconColor={theme.onBackground}
@@ -373,7 +373,7 @@ const Novel = ({ route, navigation }: NovelScreenProps) => {
                     }}
                     onPress={() => showJumpToChapterModal(true)}
                   />
-                  {!novel.isLocal && (
+                  {!novel.isLocal ? (
                     <Menu
                       visible={downloadMenu}
                       onDismiss={() => showDownloadMenu(false)}
@@ -502,7 +502,7 @@ const Novel = ({ route, navigation }: NovelScreenProps) => {
                         }}
                       />
                     </Menu>
-                  )}
+                  ) : null}
 
                   <Menu
                     visible={extraMenu}
@@ -628,7 +628,7 @@ const Novel = ({ route, navigation }: NovelScreenProps) => {
               onScroll={onPageScroll}
             />
           </View>
-          {useFabForContinueReading && lastRead && (
+          {useFabForContinueReading && lastRead ? (
             <AnimatedFAB
               style={[
                 styles.fab,
@@ -648,7 +648,7 @@ const Novel = ({ route, navigation }: NovelScreenProps) => {
                 }
               }}
             />
-          )}
+          ) : null}
           <Portal>
             <Actionbar active={selected.length > 0} actions={actions} />
             <Snackbar
diff --git a/src/screens/novel/components/ChapterItem.tsx b/src/screens/novel/components/ChapterItem.tsx
index 6f00e4ee9..4e3c268ee 100644
--- a/src/screens/novel/components/ChapterItem.tsx
+++ b/src/screens/novel/components/ChapterItem.tsx
@@ -70,7 +70,7 @@ const ChapterItem: React.FC<ChapterItemProps> = ({
         {left}
         {bookmark ? <ChapterBookmarkButton theme={theme} /> : null}
         <View style={{ flex: 1 }}>
-          {isUpdateCard && (
+          {isUpdateCard ? (
             <Text
               style={[
                 {
@@ -82,7 +82,7 @@ const ChapterItem: React.FC<ChapterItemProps> = ({
             >
               {novelName}
             </Text>
-          )}
+          ) : null}
           <View style={styles.row}>
             {unread ? (
               <MaterialCommunityIcons
@@ -147,7 +147,7 @@ const ChapterItem: React.FC<ChapterItemProps> = ({
           </View>
         </View>
       </View>
-      {!isLocal && (
+      {!isLocal ? (
         <DownloadButton
           isDownloading={isDownloading}
           isDownloaded={chapter.isDownloaded}
@@ -158,7 +158,7 @@ const ChapterItem: React.FC<ChapterItemProps> = ({
           showDeleteChapterMenu={showMenu}
           deleteChapterMenuVisible={isMenuVisible}
         />
-      )}
+      ) : null}
     </Pressable>
   );
 };
diff --git a/src/screens/novel/components/EditInfoModal.tsx b/src/screens/novel/components/EditInfoModal.tsx
index 75d7b637b..b348f9e5a 100644
--- a/src/screens/novel/components/EditInfoModal.tsx
+++ b/src/screens/novel/components/EditInfoModal.tsx
@@ -156,7 +156,7 @@ const EditInfoModal = ({
           dense
         />
 
-        {novel.genres !== undefined && novel.genres !== '' && (
+        {novel.genres !== undefined && novel.genres !== '' ? (
           <FlatList
             contentContainerStyle={{ marginVertical: 8 }}
             horizontal
@@ -169,7 +169,7 @@ const EditInfoModal = ({
             )}
             showsHorizontalScrollIndicator={false}
           />
-        )}
+        ) : null}
         <View style={{ flexDirection: 'row-reverse' }}>
           <Button
             onPress={() => {
diff --git a/src/screens/novel/components/Info/NovelInfoHeader.tsx b/src/screens/novel/components/Info/NovelInfoHeader.tsx
index a474ffa51..7e9a2d103 100644
--- a/src/screens/novel/components/Info/NovelInfoHeader.tsx
+++ b/src/screens/novel/components/Info/NovelInfoHeader.tsx
@@ -111,7 +111,7 @@ const NovelInfoHeader = ({
                 {novel.name}
               </NovelTitle>
             </Row>
-            {novel.author && (
+            {novel.author ? (
               <Row>
                 <MaterialCommunityIcons
                   name="fountain-pen-tip"
@@ -121,8 +121,8 @@ const NovelInfoHeader = ({
                 />
                 <NovelInfo theme={theme}>{novel.author}</NovelInfo>
               </Row>
-            )}
-            {novel.artist && (
+            ) : null}
+            {novel.artist ? (
               <Row>
                 <MaterialCommunityIcons
                   name="palette-outline"
@@ -132,7 +132,7 @@ const NovelInfoHeader = ({
                 />
                 <NovelInfo theme={theme}>{novel.artist}</NovelInfo>
               </Row>
-            )}
+            ) : null}
             <Row>
               <MaterialCommunityIcons
                 name={getStatusIcon(novel.status)}
diff --git a/src/screens/novel/components/Tracker/TrackSearchDialog.js b/src/screens/novel/components/Tracker/TrackSearchDialog.js
index 4bd253d4d..babbe8d0a 100644
--- a/src/screens/novel/components/Tracker/TrackSearchDialog.js
+++ b/src/screens/novel/components/Tracker/TrackSearchDialog.js
@@ -53,7 +53,7 @@ const TrackSearchDialog = ({
       borderless
     >
       <>
-        {selectedNovel && selectedNovel.id === item.id && (
+        {selectedNovel && selectedNovel.id === item.id ? (
           <MaterialCommunityIcons
             name="check-circle"
             color={theme.primary}
@@ -65,7 +65,7 @@ const TrackSearchDialog = ({
               zIndex: 1,
             }}
           />
-        )}
+        ) : null}
         <Image
           source={{ uri: item.coverImage }}
           style={{ height: 150, width: 100, borderRadius: 4 }}
diff --git a/src/screens/reader/ReaderScreen.tsx b/src/screens/reader/ReaderScreen.tsx
index b6e57cbd5..bb3dabea5 100644
--- a/src/screens/reader/ReaderScreen.tsx
+++ b/src/screens/reader/ReaderScreen.tsx
@@ -355,7 +355,7 @@ export const ChapterContent = ({
         onWebViewNavigationStateChange={onWebViewNavigationStateChange}
       />
       <ReaderBottomSheetV2 bottomSheetRef={readerSheetRef} />
-      {!hidden && (
+      {!hidden ? (
         <>
           <ReaderAppbar
             novelName={novel.name}
@@ -377,7 +377,7 @@ export const ChapterContent = ({
             openDrawer={openDrawer}
           />
         </>
-      )}
+      ) : null}
     </>
   );
 };
diff --git a/src/screens/reader/components/ReaderFooter.tsx b/src/screens/reader/components/ReaderFooter.tsx
index de136602f..d1cdd0d16 100644
--- a/src/screens/reader/components/ReaderFooter.tsx
+++ b/src/screens/reader/components/ReaderFooter.tsx
@@ -69,7 +69,7 @@ const ChapterFooter = ({
             iconColor={theme.onSurface}
           />
         </Pressable>
-        {!novel.isLocal && (
+        {!novel.isLocal ? (
           <Pressable
             android_ripple={rippleConfig}
             style={styles.buttonStyles}
@@ -83,7 +83,7 @@ const ChapterFooter = ({
           >
             <IconButton icon="earth" size={26} iconColor={theme.onSurface} />
           </Pressable>
-        )}
+        ) : null}
         <Pressable
           android_ripple={rippleConfig}
           style={styles.buttonStyles}
diff --git a/src/screens/settings/SettingsAppearanceScreen.tsx b/src/screens/settings/SettingsAppearanceScreen.tsx
index 01c96e904..d15174298 100644
--- a/src/screens/settings/SettingsAppearanceScreen.tsx
+++ b/src/screens/settings/SettingsAppearanceScreen.tsx
@@ -142,14 +142,14 @@ const AppearanceSettings = ({ navigation }: AppearanceSettingsScreenProps) => {
               />
             ))}
           </ScrollView>
-          {theme.isDark && (
+          {theme.isDark ? (
             <SettingSwitch
               label={getString('appearanceScreen.pureBlackDarkMode')}
               value={isAmoledBlack}
               onPress={() => setAmoledBlack(prevVal => !prevVal)}
               theme={theme}
             />
-          )}
+          ) : null}
           <List.ColorItem
             title={getString('appearanceScreen.accentColor')}
             description={theme.primary.toUpperCase()}
diff --git a/src/screens/settings/SettingsBackupScreen/Components/GoogleDriveModal.tsx b/src/screens/settings/SettingsBackupScreen/Components/GoogleDriveModal.tsx
index beafa16e1..16cd2089c 100644
--- a/src/screens/settings/SettingsBackupScreen/Components/GoogleDriveModal.tsx
+++ b/src/screens/settings/SettingsBackupScreen/Components/GoogleDriveModal.tsx
@@ -303,12 +303,12 @@ export default function GoogleDriveModal({
               }
             }}
           >
-            {user && (
+            {user ? (
               <Image
                 source={{ uri: user?.user.photo || '' }}
                 style={styles.avatar}
               />
-            )}
+            ) : null}
           </TouchableOpacity>
         </View>
         {renderModal()}
diff --git a/src/screens/settings/SettingsTrackerScreen.tsx b/src/screens/settings/SettingsTrackerScreen.tsx
index b6068f067..e2484122b 100644
--- a/src/screens/settings/SettingsTrackerScreen.tsx
+++ b/src/screens/settings/SettingsTrackerScreen.tsx
@@ -65,27 +65,25 @@ const TrackerScreen = ({ navigation }: TrackerSettingsScreenProps) => {
             theme={theme}
           />
           {tracker?.name === 'MyAnimeList' &&
-            tracker?.auth.expiresAt < new Date(Date.now()) && (
-              <>
-                <List.Divider theme={theme} />
-                <List.SubHeader theme={theme}>
-                  {getString('common.settings')}
-                </List.SubHeader>
-                <List.Item
-                  title={
-                    getString('trackingScreen.revalidate') + ' Myanimelist'
+          tracker?.auth.expiresAt < new Date(Date.now()) ? (
+            <>
+              <List.Divider theme={theme} />
+              <List.SubHeader theme={theme}>
+                {getString('common.settings')}
+              </List.SubHeader>
+              <List.Item
+                title={getString('trackingScreen.revalidate') + ' Myanimelist'}
+                onPress={async () => {
+                  const revalidate = getTracker('MyAnimeList')?.revalidate;
+                  if (revalidate) {
+                    const auth = await revalidate(tracker.auth);
+                    setTracker('MyAnimeList', auth);
                   }
-                  onPress={async () => {
-                    const revalidate = getTracker('MyAnimeList')?.revalidate;
-                    if (revalidate) {
-                      const auth = await revalidate(tracker.auth);
-                      setTracker('MyAnimeList', auth);
-                    }
-                  }}
-                  theme={theme}
-                />
-              </>
-            )}
+                }}
+                theme={theme}
+              />
+            </>
+          ) : null}
         </List.Section>
 
         <Portal>