fix: cond + new version of @types/ramda

Author: yurtaev

src/Components/Nav.tsx

@@ -5,13 +5,13 @@ import { useUserSettings, isSystemTheme, isLightTheme, isDarkTheme } from '@/use
 import type { THEME } from '@/useUserSettings'
 import { styled } from '@/styles'
 
-const getThemeIcon = R.cond<THEME, string>([
+const getThemeIcon = R.cond<[THEME], string>([
   [isSystemTheme, R.always('🌗')],
   [isLightTheme, R.always('🔆')],
   [isDarkTheme, R.always('🌙')],
 ])
 
-const getThemeTitle = R.cond<THEME, string>([
+const getThemeTitle = R.cond<[THEME], string>([
   [isSystemTheme, R.always('System theme')],
   [isLightTheme, R.always('Light')],
   [isDarkTheme, R.always('Dark')],
@@ -43,6 +43,7 @@ export const Nav = () => {
       {' – '}
       {/* <Link href="/">Contacts</Link>
       {' – '} */}
+      {/* eslint-disable-next-line @next/next/no-html-link-for-pages */}
       <a href="/atom.xml" target="_blank">
         RSS
       </a>

src/useUserSettings.tsx

@@ -24,7 +24,7 @@ export const isSystemTheme = R.equals(THEME.SYSTEM)
 // auto 🌗 => 🌙
 // light 🔆 => auto 🌗
 // dark 🌙 => light 🔆
-export const getNextTheme = R.cond<THEME, THEME>([
+export const getNextTheme = R.cond<[THEME], THEME>([
   [isDarkTheme, R.always(THEME.LIGHT)],
   [isSystemTheme, R.always(THEME.DARK)],
   [isLightTheme, R.always(THEME.SYSTEM)],
@@ -46,7 +46,7 @@ export const useUserSettings = () => useContext(UserSettingsContext)
 export const UserSettingsProvider: React.FC = ({ children }) => {
   const { theme, setTheme, systemTheme } = useTheme() as UseThemeProps
 
-  const isDark = R.cond<THEME, boolean>([
+  const isDark = R.cond<[THEME], boolean>([
     [isSystemTheme, R.always(isDarkTheme(systemTheme))],
     [isDarkTheme, R.always(true)],
     [isLightTheme, R.always(false)],