self-hosted/joplin
1
0
Fork 0
mirror of https://github.com/laurent22/joplin.git synced 2025-07-16 00:14:34 +02:00
Code Issues Releases Activity

Mobile: Implement plugin screen redesign (#10465)

Browse Source
This commit is contained in:
Henry Heino
2024-06-04 01:57:52 -07:00
committed by GitHub
parent 19f0b667b1
commit 06f42e8246
39 changed files with 1460 additions and 633 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
packages/app-mobile/components/screens/ConfigScreen/plugins/PluginUploadButton.tsx
View File

@ -3,18 +3,20 @@ import { _ } from '@joplin/lib/locale';
import PluginService, { PluginSettings, SerializedPluginSettings, defaultPluginSetting } from '@joplin/lib/services/plugins/PluginService';
import * as React from 'react';
import { useCallback, useState } from 'react';
import { Button } from 'react-native-paper';
import pickDocument from '../../../../utils/pickDocument';
import shim from '@joplin/lib/shim';
import Logger from '@joplin/utils/Logger';
import { Platform } from 'react-native';
import { Platform, View, ViewStyle } from 'react-native';
import { join, extname } from 'path';
import uuid from '@joplin/lib/uuid';
import Setting from '@joplin/lib/models/Setting';
import TextButton, { ButtonType } from '../../../buttons/TextButton';
import { ConfigScreenStyles } from '../configScreenStyles';
interface Props {
updatePluginStates: (settingValue: PluginSettings)=> void;
pluginSettings: SerializedPluginSettings;
styles: ConfigScreenStyles;
}
const logger = Logger.create('PluginUploadButton');
@ -26,6 +28,8 @@ export const canInstallPluginsFromFile = () => {
return shim.mobilePlatform() !== 'ios' || Setting.value('env') === 'dev';
};
const buttonStyle: ViewStyle = { flexGrow: 1 };
const PluginUploadButton: React.FC<Props> = props => {
const [showLoadingAnimation, setShowLoadingAnimation] = useState(false);
@ -85,13 +89,17 @@ const PluginUploadButton: React.FC<Props> = props => {
}, [props.pluginSettings, props.updatePluginStates]);
return (
<Button
onPress={onInstallFromFile}
disabled={showLoadingAnimation || !canInstallPluginsFromFile()}
loading={showLoadingAnimation}
>
{buttonLabel()}
</Button>
<View style={props.styles.getContainerStyle(false)}>
<TextButton
type={ButtonType.Primary}
onPress={onInstallFromFile}
style={buttonStyle}
disabled={showLoadingAnimation || !canInstallPluginsFromFile()}
loading={showLoadingAnimation}
>
{buttonLabel()}
</TextButton>
</View>
);
};