From da480b9835ad934d5813351fd33125e323255432 Mon Sep 17 00:00:00 2001
From: sageTheDM <info@photofuel.tech>
Date: Fri, 11 Oct 2024 09:31:42 +0200
Subject: [PATCH] PrivacySetting comments

---
 app/components/settings/PrivacySettings.tsx | 24 ++++++++++-----------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/app/components/settings/PrivacySettings.tsx b/app/components/settings/PrivacySettings.tsx
index e9cab20..3683430 100644
--- a/app/components/settings/PrivacySettings.tsx
+++ b/app/components/settings/PrivacySettings.tsx
@@ -14,28 +14,28 @@ const PrivacySettings: React.FC<PrivacySettingsProps> = ({ selectedOption, handl
       <div className="settings-option">
         <p>Disable Options:</p>
         <div className="slider">
-          {/* Offline */}
+          {/* Offline Option */}
           <div
-            className={`slider-option ${selectedOption === 'Offline' ? 'active' : ''}`}
-            onClick={() => handleRadioChange('Offline')} // Allow selection only if not in open-source mode
+            className={`slider-option ${selectedOption === 'Offline' ? 'active' : ''}`} // Active class based on selection
+            onClick={() => handleRadioChange('Offline')} // Handle selection change
           >
-            Offline tools{openSourceMode ? ' (FOSS)' : ''}
+            Offline tools{openSourceMode ? ' (FOSS)' : ''} {/* Display FOSS label if applicable */}
           </div>
 
-          {/* Online */}
+          {/* Online Option */}
           <div
-            className={`slider-option ${selectedOption === 'Online' ? 'active' : ''}`}
-            onClick={() => handleRadioChange('Online')}
+            className={`slider-option ${selectedOption === 'Online' ? 'active' : ''}`} // Active class based on selection
+            onClick={() => handleRadioChange('Online')} // Handle selection change
           >
-            Online tools{openSourceMode ? ' (FOSS)' : ''}
+            Online tools{openSourceMode ? ' (FOSS)' : ''} {/* Display FOSS label if applicable */}
           </div>
 
-          {/* None */}
+          {/* None Option */}
           <div
-            className={`slider-option ${selectedOption === 'None' ? 'active' : ''}`}
-            onClick={() => handleRadioChange('None')}
+            className={`slider-option ${selectedOption === 'None' ? 'active' : ''}`} // Active class based on selection
+            onClick={() => handleRadioChange('None')} // Handle selection change
           >
-            None{openSourceMode ? ' (FOSS)' : ''}
+            None{openSourceMode ? ' (FOSS)' : ''} {/* Display FOSS label if applicable */}
           </div>
         </div>
         <br />