faa09bd2bf
* feat: desktop revamp * feat: refactor system monitor * fix linter CI * remove unused import component * added responsive and resizeable component * responsive and resizeable local server page * finalize responsive and resizeable component * fix scroll custom ui * remove react scroll to bottom from modal troubleshoot * fix modal troubleshoot ui * fix setting gpu list * text area custom scroll bar * fix padding message input * cleanup classname * update inference engine model dropdown * update loader style * update quick ask ui * prepare theme provider * update dark theme * remove update hotkey list model and navigation * fix: cleanup hardcode classname * fix: update feedback * Set native theme electron * update destop ui revamp from feedback * update button icon component insider icon chat input message * update model dropdown ui * update tranaparent baclground * update logo model provider * fix: set background material acrylic support to blur background windows * fix: update tranparent left and right panel * fix: linter CI * update app using frameless window * styling custom style minimize, maximize and close app * temporary hidden maximize window * fix: responsive left and right panel * fix: enable click outside when leftpanel responsive * fix: remove unused import * update transparent variable css windows * fix: ui import model * feat: Support Theme system (#2946) * feat: update support theme system * update select component * feat: add theme folder in root project * fix: padding left and right center panel * fix: update padding left and right * chore: migrate themes * fix: rmdirsync error * chore: update gitignore * fix: cp recursive * fix: files electron package json * fix: migration * fix: update fgit ignore --------- Co-authored-by: Louis <louis@jan.ai> * fix: update feedback missing state when refrash app * fix: error test CI * chore: refactor useLoadThemes * chore: cleanup unused vars * fix: revert back menubar windows * fix minor ui * fix: minor ui --------- Co-authored-by: Louis <louis@jan.ai>
78 lines
2.3 KiB
TypeScript
78 lines
2.3 KiB
TypeScript
import { ScrollArea, Badge } from '@janhq/joi'
|
|
|
|
const availableHotkeys = [
|
|
{
|
|
combination: 'N',
|
|
modifierKeys: [isMac ? '⌘' : 'Ctrl'],
|
|
description: 'Create a new thread',
|
|
},
|
|
{
|
|
combination: 'B',
|
|
modifierKeys: [isMac ? '⌘' : 'Ctrl'],
|
|
description: 'Toggle collapsible left panel',
|
|
},
|
|
{
|
|
combination: ',',
|
|
modifierKeys: [isMac ? '⌘' : 'Ctrl'],
|
|
description: 'Navigate to setting page',
|
|
},
|
|
{
|
|
combination: 'Enter',
|
|
description: 'Send a message',
|
|
},
|
|
{
|
|
combination: 'Shift + Enter',
|
|
description: 'Insert new line in input box',
|
|
},
|
|
{
|
|
combination: 'Arrow Up',
|
|
description: 'Navigate to previous option (within search dialog)',
|
|
},
|
|
{
|
|
combination: 'Arrow Down',
|
|
description: 'Navigate to next option (within search dialog)',
|
|
},
|
|
]
|
|
|
|
const Hotkeys = () => {
|
|
return (
|
|
<ScrollArea className="h-full w-full p-4">
|
|
<div className="mb-2 flex flex-col items-center justify-center gap-2">
|
|
<div className="hidden w-full gap-x-4 border-b border-[hsla(var(--app-border))] pb-2 sm:flex">
|
|
<div className="w-1/2 pb-2">
|
|
<h6 className="font-semibold">Combination</h6>
|
|
</div>
|
|
<div className="w-full pb-2">
|
|
<h6 className="font-semibold">Description</h6>
|
|
</div>
|
|
</div>
|
|
{availableHotkeys.map((shortcut, index) => {
|
|
return (
|
|
<div
|
|
key={shortcut.combination}
|
|
className={
|
|
index === availableHotkeys.length - 1
|
|
? 'flex w-full flex-col gap-x-4 pb-2 sm:flex-row'
|
|
: 'flex w-full flex-col gap-x-4 border-b border-[hsla(var(--app-border))] pb-2 sm:flex-row'
|
|
}
|
|
>
|
|
<div className="flex w-full py-2 sm:w-1/2">
|
|
<div className="bg-secondary inline-flex items-center justify-center rounded-full px-1 py-0.5 text-xs font-bold">
|
|
<Badge theme="secondary">{`${shortcut.modifierKeys?.[0] ?? ''} ${
|
|
shortcut.combination
|
|
}`}</Badge>
|
|
</div>
|
|
</div>
|
|
<div className="w-full py-2">
|
|
<p>{shortcut.description}</p>
|
|
</div>
|
|
</div>
|
|
)
|
|
})}
|
|
</div>
|
|
</ScrollArea>
|
|
)
|
|
}
|
|
|
|
export default Hotkeys
|