-
+
{translate('ipAddress')}
diff --git a/src/entrypoints/components/dropdown/Dropdown.tsx b/src/entrypoints/components/dropdown/Dropdown.tsx
index 020cff0..2063caf 100644
--- a/src/entrypoints/components/dropdown/Dropdown.tsx
+++ b/src/entrypoints/components/dropdown/Dropdown.tsx
@@ -1,4 +1,4 @@
-import { CaretDown, CaretUp } from '@phosphor-icons/react'
+import { CaretDownIcon, CaretUpIcon } from '@phosphor-icons/react'
import React, { useState, useRef, useEffect } from 'react'
import { DropdownSection } from './components/DropdownSection'
import { VPNLocation } from '@/entrypoints/popup/App'
@@ -67,11 +67,11 @@ export const Dropdown: React.FC
= ({
aria-expanded={isOpen}
>
{buttonLabel}
- {isOpen ? : }
+ {isOpen ? : }
{isOpen && (
-
+
{sections.map((section) => (
{isLocked ? (
-
+
) : (
-
+
)}
{item.label}
- {isSelectedItem && }
+ {isSelectedItem && }
)
}
diff --git a/src/entrypoints/popup/App.tsx b/src/entrypoints/popup/App.tsx
index 872db43..de10f3a 100644
--- a/src/entrypoints/popup/App.tsx
+++ b/src/entrypoints/popup/App.tsx
@@ -56,7 +56,7 @@ export const App = () => {
'userData',
'userToken',
'connection',
- ])) as StorageData
+ ])) satisfies StorageData
setUserData(storageData.userData ?? defaultUserDataInfo)
setStatus(storageData.vpnStatus ?? 'OFF')
@@ -204,7 +204,7 @@ export const App = () => {
},
].map((section) => {
const allItemsUnavailable = section.items.every(
- (item) => !availableLocations.includes(item.value)
+ (item) => !availableLocations.includes(item.value),
)
return {