Run format & lint

Author: Filip-L

src/components/Countdown.tsx

@@ -1,65 +1,78 @@
-import React, { useState, useEffect } from 'react';
+import React, { useState, useEffect } from 'react'
+
+interface TimeLeft {
+  days?: string
+  hours?: string
+  minutes?: string
+  seconds?: string
+}
 
 const Countdown: React.FC = () => {
-    const calculateTimeLeft = () => {
-        const targetDate = new Date(new Date().getFullYear(), 5, 1); // June 1st
-        const now = new Date();
-        const difference = targetDate.getTime() - now.getTime();
-        
-        let timeLeft: { days?: string; hours?: string; minutes?: string; seconds?: string } = {};
-        
-        if (difference > 0) {
-            timeLeft = {
-                days: Math.floor(difference / (1000 * 60 * 60 * 24)).toString().padStart(2, '0'),
-                hours: Math.floor((difference % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60))
-                    .toString()
-                    .padStart(2, '0'),
-                minutes: Math.floor((difference % (1000 * 60 * 60)) / (1000 * 60))
-                    .toString()
-                    .padStart(2, '0'),
-                seconds: Math.floor((difference % (1000 * 60)) / 1000)
-                    .toString()
-                    .padStart(2, '0'),
-            };
-        }
-        
-        return timeLeft;
-    };
+  const calculateTimeLeft = (): TimeLeft => {
+    const targetDate = new Date(new Date().getFullYear(), 5, 1) // June 1st
+    const now = new Date()
+    const difference = targetDate.getTime() - now.getTime()
 
-    const [timeLeft, setTimeLeft] = useState(calculateTimeLeft());
-    const [isMounted, setIsMounted] = useState(false);
+    let timeLeft: TimeLeft = {}
 
-    useEffect(() => {
-        setIsMounted(true);
-        const timer = setInterval(() => {
-            setTimeLeft(calculateTimeLeft());
-        }, 1000);
+    if (difference > 0) {
+      timeLeft = {
+        days: Math.floor(difference / (1000 * 60 * 60 * 24))
+          .toString()
+          .padStart(2, '0'),
+        hours: Math.floor(
+          (difference % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60),
+        )
+          .toString()
+          .padStart(2, '0'),
+        minutes: Math.floor((difference % (1000 * 60 * 60)) / (1000 * 60))
+          .toString()
+          .padStart(2, '0'),
+        seconds: Math.floor((difference % (1000 * 60)) / 1000)
+          .toString()
+          .padStart(2, '0'),
+      }
+    }
 
-        return () => clearInterval(timer);
-    }, []);
+    return timeLeft
+  }
 
-    if (!isMounted) {
-        return null;
-    }
+  const [timeLeft, setTimeLeft] = useState<TimeLeft>(calculateTimeLeft())
+  const [isMounted, setIsMounted] = useState(false)
 
-    if (timeLeft.seconds === undefined) {
-        return null;
+  useEffect(() => {
+    setIsMounted(true)
+    const timer = setInterval(() => {
+      setTimeLeft(calculateTimeLeft())
+    }, 1000)
+
+    return () => {
+      clearInterval(timer)
     }
+  }, [])
+
+  if (!isMounted) {
+    return null
+  }
+
+  if (timeLeft.seconds === undefined) {
+    return null
+  }
 
-    return (
-        <div className='px-6 pb-6'>
-            <p
-                className='cursor-default'
-                title="Using Client smart contract is available only for new applications. Select Contract as allocation type to start using it"
-            >
-                Direct client allocation will be deprecated in{' '}
-                <span className="inline-block text-center" style={{width: '90px'}}>
-                  {timeLeft.days}:{timeLeft.hours}:{timeLeft.minutes}:{timeLeft.seconds}
-                </span>
-                . Start using the Client smart contract today.
-            </p>
-        </div>
-    );
-};
+  return (
+    <div className="px-6 pb-6">
+      <p
+        className="cursor-default"
+        title="Using Client smart contract is available only for new applications. Select Contract as allocation type to start using it"
+      >
+        Direct client allocation will be deprecated in{' '}
+        <span className="inline-block text-center" style={{ width: '90px' }}>
+          {timeLeft.days}:{timeLeft.hours}:{timeLeft.minutes}:{timeLeft.seconds}
+        </span>
+        . Start using the Client smart contract today.
+      </p>
+    </div>
+  )
+}
 
-export default Countdown;
+export default Countdown

src/components/cards/AppInfoCard.tsx

@@ -1046,7 +1046,7 @@ const AppInfoCard: React.FC<ComponentProps> = ({
             />
           )}
         </CardContent>
-        <Countdown/>
+        <Countdown />
         <div>
           <CardFooter className="flex flex-row items-center border-t pt-4 pb-2 mt-4 justify-between gap-3">
             <div className="flex gap-2 pb-4">

src/components/cards/dialogs/allowedSps/AllowedSps.tsx

@@ -222,7 +222,7 @@ export const AllowedSPs: React.FC<ComponentProps> = ({
               <Spinner />
             </div>
           ) : null}
-            <FormControl fullWidth>
+          <FormControl fullWidth>
             <InputLabel>Max Deviation</InputLabel>
             <OutlinedInput
               id="outlined-controlled"
@@ -232,10 +232,10 @@ export const AllowedSPs: React.FC<ComponentProps> = ({
               label="Max Deviation"
               value={maxDeviationInPercentage ?? ''}
               onChange={(event: React.ChangeEvent<HTMLInputElement>) => {
-              setMaxDeviationInPercentage(event.target.value)
+                setMaxDeviationInPercentage(event.target.value)
               }}
             />
-            </FormControl>
+          </FormControl>
           <div className="flex flex-col space-y-4 my-8">
             <div>SP count: {data.length}</div>
             {data.map((item, index) => (