Nicholai/jan
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add shortcut app logs on system monitor (#3150)

Browse Source
This commit is contained in:
Faisal Amir 2024-07-12 09:06:53 +07:00 committed by Louis
parent e12549b9b8
commit 34ad977c26
No known key found for this signature in database
GPG Key ID: 44FA9F4D33C37DE2
1 changed files with 18 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
web/containers/Layout/BottomPanel/SystemMonitor/index.tsx
View File

@ -1,14 +1,22 @@
import { Fragment, useEffect, useState } from 'react' import { Fragment, useEffect, useState } from 'react'
import { Progress } from '@janhq/joi' import { Button, Progress } from '@janhq/joi'
import { useClickOutside } from '@janhq/joi' import { useClickOutside } from '@janhq/joi'
import { useAtom, useAtomValue } from 'jotai' import { useAtom, useAtomValue } from 'jotai'
import { MonitorIcon, XIcon, ChevronDown, ChevronUp } from 'lucide-react' import {
MonitorIcon,
XIcon,
ChevronDown,
ChevronUp,
FolderOpenIcon,
} from 'lucide-react'
import { twMerge } from 'tailwind-merge' import { twMerge } from 'tailwind-merge'
import useGetSystemResources from '@/hooks/useGetSystemResources' import useGetSystemResources from '@/hooks/useGetSystemResources'
import { usePath } from '@/hooks/usePath'
import { toGibibytes } from '@/utils/converter' import { toGibibytes } from '@/utils/converter'
import TableActiveModel from './TableActiveModel' import TableActiveModel from './TableActiveModel'
@ -28,6 +36,7 @@ const SystemMonitor = () => {
const usedRam = useAtomValue(usedRamAtom) const usedRam = useAtomValue(usedRamAtom)
const cpuUsage = useAtomValue(cpuUsageAtom) const cpuUsage = useAtomValue(cpuUsageAtom)
const gpus = useAtomValue(gpusAtom) const gpus = useAtomValue(gpusAtom)
const { onRevealInFinder } = usePath()
const [showFullScreen, setShowFullScreen] = useState(false) const [showFullScreen, setShowFullScreen] = useState(false)
const ramUtilitized = useAtomValue(ramUtilitizedAtom) const ramUtilitized = useAtomValue(ramUtilitizedAtom)
const [showSystemMonitorPanel, setShowSystemMonitorPanel] = useAtom( const [showSystemMonitorPanel, setShowSystemMonitorPanel] = useAtom(
@ -64,7 +73,7 @@ const SystemMonitor = () => {
<div <div
ref={setControl} ref={setControl}
className={twMerge( className={twMerge(
'flex cursor-pointer items-center gap-x-1 rounded-l px-1 py-0.5 hover:bg-[hsla(var(--secondary-bg))]', 'flex cursor-pointer items-center gap-x-1 rounded px-1 py-0.5 hover:bg-[hsla(var(--secondary-bg))]',
showSystemMonitorPanel && 'bg-[hsla(var(--secondary-bg))]' showSystemMonitorPanel && 'bg-[hsla(var(--secondary-bg))]'
)} )}
onClick={() => { onClick={() => {
@ -89,6 +98,12 @@ const SystemMonitor = () => {
Running Models Running Models
</h6> </h6>
<div className="unset-drag flex cursor-pointer items-center gap-x-2"> <div className="unset-drag flex cursor-pointer items-center gap-x-2">
<div
className="flex cursor-pointer items-center gap-x-1 rounded px-1 py-0.5 hover:bg-[hsla(var(--secondary-bg))]"
onClick={() => onRevealInFinder('Logs')}
>
<FolderOpenIcon size={12} /> App Log
</div>
{showFullScreen ? ( {showFullScreen ? (
<ChevronDown <ChevronDown
size={20} size={20}