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}