diff --git a/frontend/src/components/settings/arrs/ArrModal.jsx b/frontend/src/components/settings/arrs/ArrModal.jsx index a0752da..7c79ed2 100644 --- a/frontend/src/components/settings/arrs/ArrModal.jsx +++ b/frontend/src/components/settings/arrs/ArrModal.jsx @@ -119,7 +119,7 @@ const ArrModal = ({isOpen, onClose, onSubmit, editingArr}) => { !formData.apiKey } className='flex items-center px-3 py-2 text-sm rounded-lg bg-emerald-600 hover:bg-emerald-700 - disabled:opacity-50 disabled:cursor-not-allowed text-white font-medium transition-colors'> + disabled:opacity-50 disabled:cursor-not-allowed text-white font-medium transition-colors'> {isTestingConnection ? ( <> @@ -142,7 +142,7 @@ const ArrModal = ({isOpen, onClose, onSubmit, editingArr}) => { type='submit' form='arrForm' className='flex items-center px-3 py-2 text-sm rounded-lg bg-blue-600 hover:bg-blue-700 - text-white font-medium transition-colors'> + text-white font-medium transition-colors'> {saveConfirm ? ( <> @@ -236,8 +236,8 @@ const ArrModal = ({isOpen, onClose, onSubmit, editingArr}) => { type='button' onClick={handleAddTag} className='px-3 py-2 text-sm rounded-lg bg-blue-100 text-blue-600 hover:bg-blue-200 - dark:bg-blue-900 dark:text-blue-300 dark:hover:bg-blue-800 - font-medium transition-colors'> + dark:bg-blue-900 dark:text-blue-300 dark:hover:bg-blue-800 + font-medium transition-colors'> Add @@ -329,6 +329,35 @@ const ArrModal = ({isOpen, onClose, onSubmit, editingArr}) => { )} + {/* Import as Unique - Now always visible */} +
+
+ + + Creates a unique hash from the data and target + instance name, allowing the same profile/format to + be imported multiple times + +
+
+ {/* Conditional Fields for Sync Method */} {formData.sync_method === 'schedule' && (
@@ -362,9 +391,9 @@ const ArrModal = ({isOpen, onClose, onSubmit, editingArr}) => { type='button' onClick={() => setIsDataDrawerOpen(true)} className='w-full px-4 py-2 text-sm font-medium text-gray-700 dark:text-gray-200 - bg-white dark:bg-gray-800 hover:bg-gray-50 dark:hover:bg-gray-700 - rounded-lg transition-colors - border border-gray-200 dark:border-gray-700'> + bg-white dark:bg-gray-800 hover:bg-gray-50 dark:hover:bg-gray-700 + rounded-lg transition-colors + border border-gray-200 dark:border-gray-700'>
Select Data to Sync @@ -400,36 +429,6 @@ const ArrModal = ({isOpen, onClose, onSubmit, editingArr}) => {
-
-
- - - Creates a unique hash from the data and - target instance name, allowing the same - profile/format to be imported multiple times - -
-
- {errors.data_to_sync && (

{errors.data_to_sync}