Update Lucide icons imports

This commit is contained in:
n4ze3m
2024-02-25 18:55:29 +05:30
parent 43f3727369
commit 86d4d53693
11 changed files with 30 additions and 49 deletions

View File

@@ -19,8 +19,7 @@ import { useDarkMode } from "~hooks/useDarkmode"
import { SaveButton } from "~components/Common/SaveButton"
import { SUPPORTED_LANGUAGES } from "~utils/supporetd-languages"
import { useMessage } from "~hooks/useMessage"
import { Sun } from "~icons/Sun"
import { Moon } from "~icons/Moon"
import { MoonIcon, SunIcon } from "lucide-react"
export const SettingsBody = () => {
const [ollamaURL, setOllamaURL] = React.useState<string>("")
@@ -281,14 +280,14 @@ export const SettingsBody = () => {
<button
onClick={toggleDarkMode}
className="select-none inline-flex w-full rounded-lg border border-gray-900 py-3 px-6 text-center align-middle font-sans text-xs font-bold uppercase text-gray-900 transition-all hover:opacity-75 focus:ring focus:ring-gray-300 active:opacity-[0.85] disabled:pointer-events-none disabled:opacity-50 disabled:shadow-none dark:border-gray-100 dark:text-white dark:hover:opacity-75 dark:focus:ring-dark dark:active:opacity-75 dark:disabled:pointer-events-none dark:disabled:opacity-50 dark:disabled:shadow-none">
<Sun className="h-4 w-4 mr-2" />
<SunIcon className="h-4 w-4 mr-2" />
Light
</button>
) : (
<button
onClick={toggleDarkMode}
className="select-none inline-flex w-full rounded-lg border border-gray-900 py-3 px-6 text-center align-middle font-sans text-xs font-bold uppercase text-gray-900 transition-all hover:opacity-75 focus:ring focus:ring-gray-300 active:opacity-[0.85] disabled:pointer-events-none disabled:opacity-50 disabled:shadow-none dark:border-gray-100 dark:text-white dark:hover:opacity-75 dark:focus:ring-dark dark:active:opacity-75 dark:disabled:pointer-events-none dark:disabled:opacity-50 dark:disabled:shadow-none">
<Moon className="h-4 w-4 mr-2" />
<MoonIcon className="h-4 w-4 mr-2" />
Dark
</button>
)}

View File

@@ -1,6 +1,6 @@
import logoImage from "data-base64:~assets/icon.png"
import { ChevronLeft } from "lucide-react"
import { Link } from "react-router-dom"
import { ChevronLeft } from "~icons/ChevronLeft"
export const SidepanelSettingsHeader = () => {
return (
<div className="flex px-3 justify-start gap-3 bg-white dark:bg-[#171717] border-b border-gray-300 dark:border-gray-700 py-4 items-center">