self-hosted/joplin
1
0
Fork 0
mirror of https://github.com/laurent22/joplin.git synced 2024-12-24 10:27:10 +02:00
Code Issues Releases Activity

Mobile: Resolves #10207: display recommended plugin alert (#10281)

Browse Source
This commit is contained in:
Pratyay Roy 2024-04-08 19:22:07 +05:30 committed by GitHub
parent a2071bfed2
commit ce672915da
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 25 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
packages/app-mobile/components/screens/ConfigScreen/plugins/PluginBox/index.tsx
View File

@ -1,7 +1,7 @@
import * as React from 'react'; import * as React from 'react';
import { Icon, Card, Chip } from 'react-native-paper'; import { Icon, Card, Chip } from 'react-native-paper';
import { _ } from '@joplin/lib/locale'; import { _ } from '@joplin/lib/locale';
import { View } from 'react-native'; import { Alert, Linking, View } from 'react-native';
import { PluginItem } from '@joplin/lib/components/shared/config/plugins/types'; import { PluginItem } from '@joplin/lib/components/shared/config/plugins/types';
import shim from '@joplin/lib/shim'; import shim from '@joplin/lib/shim';
import PluginService from '@joplin/lib/services/plugins/PluginService'; import PluginService from '@joplin/lib/services/plugins/PluginService';
@ -36,6 +36,23 @@ interface Props {
onShowPluginLog?: PluginCallback; onShowPluginLog?: PluginCallback;
} }
const onRecommendedPress = () => {
Alert.alert(
'',
_('The Joplin team has vetted this plugin and it meets our standards for security and performance.'),
[
{
text: _('Learn more'),
onPress: () => Linking.openURL('https://github.com/joplin/plugins/blob/master/readme/recommended.md'),
},
{
text: _('OK'),
},
],
{ cancelable: true },
);
};
// eslint-disable-next-line @typescript-eslint/no-explicit-any -- Old code before rule was applied // eslint-disable-next-line @typescript-eslint/no-explicit-any -- Old code before rule was applied
const PluginIcon = (props: any) => <Icon {...props} source='puzzle'/>; const PluginIcon = (props: any) => <Icon {...props} source='puzzle'/>;
@ -106,7 +123,13 @@ const PluginBox: React.FC<Props> = props => {
if (!props.item.manifest._recommended || !props.isCompatible) { if (!props.item.manifest._recommended || !props.isCompatible) {
return null; return null;
} }
return <Chip icon='crown' mode='outlined'>{_('Recommended')}</Chip>; return <Chip
icon='crown'
mode='outlined'
onPress={onRecommendedPress}
>
{_('Recommended')}
</Chip>;
}; };
const renderBuiltInChip = () => { const renderBuiltInChip = () => {