open-lab/lnreader
2
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Move Update Icon Outside of Swipe Actions

Browse Source
This commit is contained in:
Rajarshee Chatterjee
2024-04-28 09:29:42 +05:30
parent 7e7a8866ca
commit 42570d29f3
1 changed files with 21 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/screens/browse/components/BrowseTabs.tsx
+21 -26
View File
@@ -87,22 +87,6 @@ export const InstalledTab = memo(
{ backgroundColor: theme.inverseSurface },
]}
>
<IconButtonV2
name="update"
size={22}
color={theme.inverseOnSurface}
onPress={() => {
ref.close();
updatePlugin(item)
.then(version =>
showToast(
getString('browseScreen.updatedTo', { version }),
),
)
.catch((error: Error) => showToast(error.message));
}}
theme={theme}
/>
<IconButtonV2
name="earth"
size={22}
@@ -148,19 +132,12 @@ export const InstalledTab = memo(
android_ripple={{ color: theme.rippleColor }}
onPress={() => navigateToSource(item)}
>
<View style={{ flexDirection: 'row' }}>
<View style={{ flexDirection: 'row', alignItems: 'center' }}>
<Image source={{ uri: item.iconUrl }} style={styles.icon} />
<View style={styles.details}>
<Text
numberOfLines={1}
style={[
{
color: item.hasUpdate
? theme.onSurfaceDisabled
: theme.onSurface,
},
styles.name,
]}
style={[{ color: theme.onSurface }, styles.name]}
>
{item.name}
</Text>
@@ -172,6 +149,24 @@ export const InstalledTab = memo(
</Text>
</View>
</View>
<View style={{ flex: 1 }} />
{item.hasUpdate ? (
<IconButtonV2
name="download-outline"
size={22}
color={theme.primary}
onPress={() => {
updatePlugin(item)
.then(version =>
showToast(
getString('browseScreen.updatedTo', { version }),
),
)
.catch((error: Error) => showToast(error.message));
}}
theme={theme}
/>
) : null}
<Button
title={getString('browseScreen.latest')}
textColor={theme.primary}
@@ -302,7 +297,7 @@ const AvailablePluginCard = ({
</Animated.View>
</Animated.View>
<IconButtonV2
name="download"
name="download-outline"
color={theme.primary}
onPress={() => {
ratio.value = withTiming(0, { duration: 500 });