From a852939247e242ec74655c10179d6b2003b75404 Mon Sep 17 00:00:00 2001
From: Hassan_Wari <thebigstormtech@gmail.com>
Date: Mon, 29 Jan 2024 12:45:20 +0300
Subject: [PATCH] fix warnings on Activity

---
 packages/webapp/src/pages/Activity.tsx | 48 +++++++++++++-------------
 1 file changed, 24 insertions(+), 24 deletions(-)

diff --git a/packages/webapp/src/pages/Activity.tsx b/packages/webapp/src/pages/Activity.tsx
index e658e2c3482..c39fbf60cc9 100644
--- a/packages/webapp/src/pages/Activity.tsx
+++ b/packages/webapp/src/pages/Activity.tsx
@@ -424,7 +424,7 @@ export default function Activity() {
                                     onChange={handleStatusChange}
                                     value={status}
                                 >
-                                    <option key="" value="" disabled selected>Status</option>
+                                    <option key="" value="" disabled>Status</option>
                                     <option key="success" value="success">Success</option>
                                     <option key="progress" value="in_progress">In Progress</option>
                                     <option key="failure" value="failure">Failure</option>
@@ -442,7 +442,7 @@ export default function Activity() {
                                         onChange={handleScriptChange}
                                         value={selectedScript}
                                     >
-                                        <option key="" value="" disabled selected>Script</option>
+                                        <option key="" value="" disabled>Script</option>
                                         {scripts.map((script: string) => (
                                             <option key={script} value={script}>{script}</option>
                                         ))}
@@ -452,25 +452,6 @@ export default function Activity() {
                                     )}
                                 </div>
                             )}
-                            {integrations.length > 0 && (
-                                <div className="flex w-full items-center">
-                                    <select
-                                        id="integration"
-                                        name="integration"
-                                        className="bg-bg-black border-none text-text-light-gray block w-full appearance-none py-2 text-base shadow-sm"
-                                        onChange={handleIntegrationChange}
-                                        value={selectedIntegration}
-                                    >
-                                        <option key="" value="" disabled selected>Integration</option>
-                                        {integrations.map((integration: string) => (
-                                            <option key={integration} value={integration}>{integration}</option>
-                                        ))}
-                                    </select>
-                                    {selectedIntegration && (
-                                        <XCircleIcon onClick={() => onRemoveFilter(setSelectedIntegration, 'integration')} className="flex h-7 h-7 cursor-pointer text-blue-400" />
-                                    )}
-                                </div>
-                            )}
                             {connections.length > 0 && (
                                 <div className="flex w-full items-center">
                                     <select
@@ -480,7 +461,7 @@ export default function Activity() {
                                         onChange={handleConnectionChange}
                                         value={selectedConnection}
                                     >
-                                        <option key="" value="" disabled selected>Connection</option>
+                                        <option key="" value="" disabled>Connection</option>
                                         {connections.map((connection: string) => (
                                             <option key={connection} value={connection}>{connection}</option>
                                         ))}
@@ -490,6 +471,25 @@ export default function Activity() {
                                     )}
                                 </div>
                             )}
+                            {integrations.length > 0 && (
+                                <div className="flex w-full items-center">
+                                    <select
+                                        id="integration"
+                                        name="integration"
+                                        className="bg-bg-black border-none text-text-light-gray block w-full appearance-none py-2 text-base shadow-sm"
+                                        onChange={handleIntegrationChange}
+                                        value={selectedIntegration}
+                                    >
+                                        <option key="" value="" disabled>Integration</option>
+                                        {integrations.map((integration: string) => (
+                                            <option key={integration} value={integration}>{integration}</option>
+                                        ))}
+                                    </select>
+                                    {selectedIntegration && (
+                                        <XCircleIcon onClick={() => onRemoveFilter(setSelectedIntegration, 'integration')} className="flex h-7 h-7 cursor-pointer text-blue-400" />
+                                    )}
+                                </div>
+                            )}
                             <div className="flex w-full items-center">
                                   <input
                                     type="date"
@@ -512,10 +512,10 @@ export default function Activity() {
                                 <ChevronsLeft onClick={resetOffset} className="flex stroke-white cursor-pointer mr-3" size="16" />
                             )}
                             <span onClick={decrementPage} className={`flex ${offset - limit >= 0 ? 'cursor-pointer hover:bg-gray-700' : ''} h-8 mr-2 rounded-md px-3 pt-1.5 text-sm text-white bg-gray-800`}>
-                              <svg aria-hidden="true" className="w-5 h-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M7.707 14.707a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 1.414L5.414 9H17a1 1 0 110 2H5.414l2.293 2.293a1 1 0 010 1.414z" clip-rule="evenodd"></path></svg>
+                              <svg aria-hidden="true" className="w-5 h-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fillRule="evenodd" d="M7.707 14.707a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 1.414L5.414 9H17a1 1 0 110 2H5.414l2.293 2.293a1 1 0 010 1.414z" clipRule="evenodd"></path></svg>
                             </span>
                             <span onClick={incrementPage} className={`flex ${activities.length < limit ? '' : 'cursor-pointer hover:bg-gray-700'} h-8 rounded-md px-3 pt-1.5 text-sm text-white bg-gray-800`}>
-                              <svg aria-hidden="true" className="w-5 h-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M12.293 5.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-2.293-2.293a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg>
+                              <svg aria-hidden="true" className="w-5 h-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fillRule="evenodd" d="M12.293 5.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-2.293-2.293a1 1 0 010-1.414z" clipRule="evenodd"></path></svg>
                             </span>
                         </div>
                     </div>