From 90f8db9b4599512f3403e789f96bf721a6c8775f Mon Sep 17 00:00:00 2001
From: Henry Heino <personalizedrefrigerator@gmail.com>
Date: Thu, 19 Dec 2024 17:58:39 -0800
Subject: [PATCH] Change how the file path clear button is rendered

---
 .../screens/ConfigScreen/FileSystemPathSelector.tsx | 10 +++-------
 .../screens/ConfigScreen/configScreenStyles.ts      | 13 -------------
 2 files changed, 3 insertions(+), 20 deletions(-)

diff --git a/packages/app-mobile/components/screens/ConfigScreen/FileSystemPathSelector.tsx b/packages/app-mobile/components/screens/ConfigScreen/FileSystemPathSelector.tsx
index 4adecd53e..963bf56d5 100644
--- a/packages/app-mobile/components/screens/ConfigScreen/FileSystemPathSelector.tsx
+++ b/packages/app-mobile/components/screens/ConfigScreen/FileSystemPathSelector.tsx
@@ -9,9 +9,8 @@ import { openDocumentTree } from '@joplin/react-native-saf-x';
 import { UpdateSettingValueCallback } from './types';
 import { reg } from '@joplin/lib/registry';
 import type FsDriverWeb from '../../../utils/fs-driver/fs-driver-rn.web';
-import { TouchableRipple } from 'react-native-paper';
+import { IconButton, TouchableRipple } from 'react-native-paper';
 import { _ } from '@joplin/lib/locale';
-import IconButton from '../../IconButton';
 
 interface Props {
 	themeId: number;
@@ -92,11 +91,8 @@ const FileSystemPathSelector: FunctionComponent<Props> = props => {
 
 	const clearButton = (
 		<IconButton
-			iconName='material delete'
-			description={_('Clear')}
-			iconStyle={styleSheet.iconButtonText}
-			contentWrapperStyle={styleSheet.iconButton}
-			themeId={props.themeId}
+			icon='delete'
+			accessibilityLabel={_('Clear')}
 			onPress={clearPathButtonPress}
 		/>
 	);
diff --git a/packages/app-mobile/components/screens/ConfigScreen/configScreenStyles.ts b/packages/app-mobile/components/screens/ConfigScreen/configScreenStyles.ts
index b678ef222..2ddff9b9b 100644
--- a/packages/app-mobile/components/screens/ConfigScreen/configScreenStyles.ts
+++ b/packages/app-mobile/components/screens/ConfigScreen/configScreenStyles.ts
@@ -27,9 +27,6 @@ export interface ConfigScreenStyleSheet {
 	switchSettingContainer: ViewStyle;
 	switchSettingControl: TextStyle;
 
-	iconButton: ViewStyle;
-	iconButtonText: TextStyle;
-
 	sidebarButton: SidebarButtonStyle;
 	sidebarIcon: TextStyle;
 	selectedSidebarButton: SidebarButtonStyle;
@@ -167,16 +164,6 @@ const configScreenStyles = (themeId: number): ConfigScreenStyles => {
 		textInput: {
 			color: theme.color,
 		},
-		iconButton: {
-			paddingTop: theme.marginTop,
-			paddingBottom: theme.marginBottom,
-			paddingLeft: theme.marginLeft,
-			paddingRight: theme.marginRight,
-		},
-		iconButtonText: {
-			fontSize: theme.fontSizeLarge,
-			color: theme.color,
-		},
 
 		switchSettingText: {
 			...settingTextStyle,