iod/page-assist
10
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update Lucide icons imports

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Sidepanel/Chat/empty.tsx
View File

@@ -1,8 +1,8 @@
import { useQuery } from "@tanstack/react-query"
import { Select } from "antd"
import { RotateCcw } from "lucide-react"
import { useEffect, useState } from "react"
import { useMessage } from "~hooks/useMessage"
import { RotateCcw } from "~icons/RotateCcw"
import {
fetchChatModels,
getOllamaURL,

6
src/components/Sidepanel/Chat/header.tsx
View File

@@ -2,9 +2,7 @@ import logoImage from "data-base64:~assets/icon.png"
import { useMessage } from "~hooks/useMessage"
import { Link } from "react-router-dom"
import { Tooltip } from "antd"
import { CogIcon } from "~icons/CogIcon"
import { BoxesIcon } from "~icons/BoxesIcon"
import { ArrowPathIcon } from "~icons/ArrowPathIcon"
import { BoxesIcon, CogIcon, RefreshCcw } from "lucide-react"
export const SidepanelHeader = () => {
const { clearChat, isEmbedding } = useMessage()
return (
@@ -25,7 +23,7 @@ export const SidepanelHeader = () => {
clearChat()
}}
className="flex items-center space-x-1 focus:outline-none focus-visible:ring-2 focus-visible:ring-pink-700">
<ArrowPathIcon className="h-5 w-5 text-gray-500 dark:text-gray-400" />
<RefreshCcw className="h-5 w-5 text-gray-500 dark:text-gray-400" />
</button>
<Link to="/settings">
<CogIcon className="h-5 w-5 text-gray-500 dark:text-gray-400" />

7
src/components/Sidepanel/Settings/body.tsx
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>
)}

2
src/components/Sidepanel/Settings/header.tsx
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">