lint fix

Author: dev-dist

src/components/ChainSelector/ChainSelector.tsx

@@ -23,7 +23,7 @@ export function ChainSelector({
   onNetworkTypeChange,
   dataFeedType = "default",
   availableNetworkTypes = { mainnet: true, testnet: true },
-  selectedNetworkType: externalSelectedNetworkType
+  selectedNetworkType: externalSelectedNetworkType,
 }: ChainSelectorProps) {
   const [isOpen, setIsOpen] = useState(false)
   const [selectedNetworkType, setSelectedNetworkType] = useState<"mainnet" | "testnet">(
@@ -43,13 +43,14 @@ export function ChainSelector({
       if (dataFeedType.includes("streams")) return chain.tags?.includes("streams") ?? false
       if (dataFeedType === "smartdata") return chain.tags?.includes("smartData") ?? false
       if (dataFeedType === "rates") return chain.tags?.includes("rates") ?? false
-      if (dataFeedType === "usGovernmentMacroeconomicData") return chain.tags?.includes("usGovernmentMacroeconomicData") ?? false
+      if (dataFeedType === "usGovernmentMacroeconomicData")
+        return chain.tags?.includes("usGovernmentMacroeconomicData") ?? false
       return chain.tags?.includes("default") ?? false
     })()
-    
+
     // Filter by search term
     const matchesSearch = !searchTerm || chain.label.toLowerCase().includes(searchTerm.toLowerCase())
-    
+
     return matchesDataFeedType && matchesSearch
   })
 
@@ -71,20 +72,16 @@ export function ChainSelector({
     }
   }, [isOpen, focusedIndex, filteredChains])
 
-
-
   // Scroll focused item into view
   useEffect(() => {
     if (focusedIndex >= 0 && chainOptionsRef.current[focusedIndex]) {
       chainOptionsRef.current[focusedIndex]?.scrollIntoView({
-        behavior: 'smooth',
-        block: 'nearest'
+        behavior: "smooth",
+        block: "nearest",
       })
     }
   }, [focusedIndex])
 
-
-
   const toggleDropdown = () => {
     setIsOpen(!isOpen)
     if (!isOpen) {
@@ -111,19 +108,19 @@ export function ChainSelector({
     switch (e.key) {
       case "ArrowDown":
         e.preventDefault()
-        setFocusedIndex(prev => (prev < filteredChains.length - 1 ? prev + 1 : prev))
+        setFocusedIndex((prev) => (prev < filteredChains.length - 1 ? prev + 1 : prev))
         break
       case "ArrowUp":
         e.preventDefault()
-        setFocusedIndex(prev => (prev > 0 ? prev - 1 : prev))
+        setFocusedIndex((prev) => (prev > 0 ? prev - 1 : prev))
         break
       case "PageDown":
         e.preventDefault()
-        setFocusedIndex(prev => Math.min(prev + 5, filteredChains.length - 1))
+        setFocusedIndex((prev) => Math.min(prev + 5, filteredChains.length - 1))
         break
       case "PageUp":
         e.preventDefault()
-        setFocusedIndex(prev => Math.max(prev - 5, 0))
+        setFocusedIndex((prev) => Math.max(prev - 5, 0))
         break
       case "Enter":
         e.preventDefault()
@@ -142,7 +139,7 @@ export function ChainSelector({
 
   const handleNetworkTypeToggle = (networkType: "mainnet" | "testnet") => {
     setSelectedNetworkType(networkType)
-    
+
     // Notify parent component about the network type change
     if (onNetworkTypeChange) {
       onNetworkTypeChange(networkType, selectedChain)
@@ -160,13 +157,13 @@ export function ChainSelector({
           type="button"
         >
           <div className={styles.selectedChain}>
-                      <img 
-            src={selectedChain.img} 
-            alt={`${selectedChain.label} icon`}
-            className={styles.chainIcon}
-            width={28}
-            height={28}
-          />
+            <img
+              src={selectedChain.img}
+              alt={`${selectedChain.label} icon`}
+              className={styles.chainIcon}
+              width={28}
+              height={28}
+            />
             <span className={styles.chainLabel}>{selectedChain.label}</span>
           </div>
           <div className={clsx(styles.caret, isOpen && styles.caretOpen)}>
@@ -184,7 +181,9 @@ export function ChainSelector({
             )}
             onClick={() => availableNetworkTypes.mainnet && handleNetworkTypeToggle("mainnet")}
             disabled={!availableNetworkTypes.mainnet}
-            title={!availableNetworkTypes.mainnet ? `${selectedChain.label} feeds are not available on mainnet` : undefined}
+            title={
+              !availableNetworkTypes.mainnet ? `${selectedChain.label} feeds are not available on mainnet` : undefined
+            }
           >
             Mainnet
           </button>
@@ -197,7 +196,9 @@ export function ChainSelector({
             )}
             onClick={() => availableNetworkTypes.testnet && handleNetworkTypeToggle("testnet")}
             disabled={!availableNetworkTypes.testnet}
-            title={!availableNetworkTypes.testnet ? `${selectedChain.label} feeds are not available on testnet` : undefined}
+            title={
+              !availableNetworkTypes.testnet ? `${selectedChain.label} feeds are not available on testnet` : undefined
+            }
           >
             Testnet
           </button>
@@ -269,14 +270,12 @@ export function ChainSelector({
                 </button>
               ))}
               {filteredChains.length === 0 && (
-                <div className={styles.noResults}>
-                  No chains found matching "{searchTerm}"
-                </div>
+                <div className={styles.noResults}>No chains found matching "{searchTerm}"</div>
               )}
             </div>
           </div>
         </div>
       )}
     </div>
   )
-}
+}

src/features/feeds/components/FeedList.tsx

@@ -62,7 +62,7 @@ export const FeedList = ({
 
   // Initialize state with the URL value
   const [currentNetwork, setCurrentNetwork] = useState(effectiveInitialNetwork)
-  
+
   // Get network directly from URL or fall back to initialNetwork
   const getNetworkFromURL = () => {
     if (typeof window === "undefined") return initialNetwork
@@ -115,7 +115,7 @@ export const FeedList = ({
       }
 
       // If window is already loaded, run immediately
-      if (document.readyState === 'complete') {
+      if (document.readyState === "complete") {
         handleLoad()
       } else {
         window.addEventListener("load", handleLoad)
@@ -126,10 +126,10 @@ export const FeedList = ({
 
   // Track the selected network type (mainnet/testnet)
   const [selectedNetworkType, setSelectedNetworkType] = useState<"mainnet" | "testnet">("mainnet")
-  
+
   // Track hydration to prevent SSR mismatch
   const [isHydrated, setIsHydrated] = useState(false)
-  
+
   useEffect(() => {
     setIsHydrated(true)
   }, [])
@@ -188,7 +188,7 @@ export const FeedList = ({
   ]
   const [streamsChain] = useState(initialNetwork)
   const activeChain = isStreams ? streamsChain : currentNetwork
-  
+
   // More robust chain finding - ensure we have a valid chain
   const chain = useMemo(() => {
     // During SSR, if we don't have an activeChain but we have a network param in the URL,
@@ -207,7 +207,7 @@ export const FeedList = ({
       }
       return chains[0] // fallback only if no activeChain
     }
-    
+
     const foundChain = chains.find((c) => c.page === activeChain)
     if (!foundChain) {
       return chains[0]
@@ -220,28 +220,28 @@ export const FeedList = ({
   // Determine available network types for the current chain
   const availableNetworkTypes = useMemo(() => {
     if (!chainMetadata.processedData?.networks) return { mainnet: false, testnet: false }
-    
+
     const networkTypes = {
       mainnet: false,
-      testnet: false
+      testnet: false,
     }
-    
+
     chainMetadata.processedData.networks.forEach((network) => {
       if (network.networkType === "mainnet") {
         networkTypes.mainnet = true
       } else if (network.networkType === "testnet") {
         networkTypes.testnet = true
       }
     })
-    
+
     return networkTypes
   }, [chainMetadata.processedData?.networks])
 
   // Auto-adjust selectedNetworkType based on what's available
   useEffect(() => {
     if (!chainMetadata.loading && chainMetadata.processedData) {
       const { mainnet, testnet } = availableNetworkTypes
-      
+
       // If current selection is not available, switch to what's available
       if (selectedNetworkType === "mainnet" && !mainnet && testnet) {
         setSelectedNetworkType("testnet")
@@ -388,7 +388,7 @@ export const FeedList = ({
   function handleNetworkTypeChange(networkType: "mainnet" | "testnet", chain: Chain) {
     // Update the selected network type
     setSelectedNetworkType(networkType)
-    
+
     // Reset filters and pagination when switching network types
     setSearchValue("")
     setTestnetSearchValue("")
@@ -413,8 +413,6 @@ export const FeedList = ({
     }
   }
 
-
-
   useEffect(() => {
     if (searchValue === "") {
       const searchParams = new URLSearchParams(window.location.search)
@@ -488,8 +486,6 @@ export const FeedList = ({
     }
   }, [searchValue, testnetSearchValue, chainMetadata.loading])
 
-
-
   if (
     dataFeedType === "streamsCrypto" ||
     dataFeedType === "streamsRwa" ||
@@ -682,16 +678,14 @@ export const FeedList = ({
 
   return (
     <SectionWrapper title="Networks" depth={2} updateTOC={false}>
-
-
       {!isDeprecating && (
         <>
-          <div 
-            className={feedList.clChainnavProduct} 
-            style={{ 
+          <div
+            className={feedList.clChainnavProduct}
+            style={{
               marginBottom: "var(--space-4x)",
               justifyContent: "flex-start",
-              flexWrap: "nowrap"
+              flexWrap: "nowrap",
             }}
           >
             {isHydrated && (