antebudimir/feishin
1
0
Fork 0
mirror of https://github.com/antebudimir/feishin.git synced 2026-01-03 19:21:39 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

restructure files onto electron-vite boilerplate

Browse source
This commit is contained in:
jeffvli 2025-05-18 14:03:18 -07:00
parent 91ce2cd8a1
commit 1cf587bc8f
457 changed files with 9927 additions and 11705 deletions
Download patch file Download diff file Expand all files Collapse all files

33
src/renderer/features/search/components/command-palette.tsx
View file

@ -1,22 +1,23 @@
/* eslint-disable react/no-unknown-property */
import { useCallback, useState, Fragment, useRef } from 'react';
import { ActionIcon, Group, Kbd, ScrollArea } from '@mantine/core';
import { useDisclosure, useDebouncedValue } from '@mantine/hooks';
import { useDebouncedValue, useDisclosure } from '@mantine/hooks';
import { Fragment, useCallback, useRef, useState } from 'react';
import { useTranslation } from 'react-i18next';
import { RiSearchLine, RiCloseFill } from 'react-icons/ri';
import { RiCloseFill, RiSearchLine } from 'react-icons/ri';
import { generatePath, useNavigate } from 'react-router';
import styled from 'styled-components';
import { GoToCommands } from './go-to-commands';
import { Command, CommandPalettePages } from '/@/renderer/features/search/components/command';
import { Button, Modal, Paper, Spinner, TextInput } from '/@/renderer/components';
import { HomeCommands } from './home-commands';
import { LibraryItem } from '/@/renderer/api/types';
import { Button, Modal, Paper, Spinner, TextInput } from '/@/renderer/components';
import { usePlayQueueAdd } from '/@/renderer/features/player';
import { Command, CommandPalettePages } from '/@/renderer/features/search/components/command';
import { LibraryCommandItem } from '/@/renderer/features/search/components/library-command-item';
import { ServerCommands } from '/@/renderer/features/search/components/server-commands';
import { useSearch } from '/@/renderer/features/search/queries/search-query';
import { useCurrentServer } from '/@/renderer/store';
import { AppRoute } from '/@/renderer/router/routes';
import { LibraryCommandItem } from '/@/renderer/features/search/components/library-command-item';
import { LibraryItem } from '/@/renderer/api/types';
import { usePlayQueueAdd } from '/@/renderer/features/player';
import { useCurrentServer } from '/@/renderer/store';
interface CommandPaletteProps {
modalProps: (typeof useDisclosure)['arguments'];
@ -118,13 +119,14 @@ export const CommandPalette = ({ modalProps }: CommandPaletteProps) => {
return 0;
}}
label="Global Command Menu"
value={value}
onValueChange={setValue}
value={value}
>
<TextInput
ref={searchInputRef}
data-autofocus
icon={<RiSearchLine />}
onChange={(e) => setQuery(e.currentTarget.value)}
ref={searchInputRef}
rightSection={
<ActionIcon
onClick={() => {
@ -137,7 +139,6 @@ export const CommandPalette = ({ modalProps }: CommandPaletteProps) => {
}
size="lg"
value={query}
onChange={(e) => setQuery(e.currentTarget.value)}
/>
<Command.Separator />
<Command.List>
@ -147,7 +148,6 @@ export const CommandPalette = ({ modalProps }: CommandPaletteProps) => {
{data?.albums?.map((album) => (
<Command.Item
key={`search-album-${album.id}`}
value={`search-${album.id}`}
onSelect={() => {
navigate(
generatePath(AppRoute.LIBRARY_ALBUMS_DETAIL, {
@ -157,6 +157,7 @@ export const CommandPalette = ({ modalProps }: CommandPaletteProps) => {
modalProps.handlers.close();
setQuery('');
}}
value={`search-${album.id}`}
>
<LibraryCommandItem
handlePlayQueueAdd={handlePlayQueueAdd}
@ -177,7 +178,6 @@ export const CommandPalette = ({ modalProps }: CommandPaletteProps) => {
{data?.albumArtists.map((artist) => (
<Command.Item
key={`artist-${artist.id}`}
value={`search-${artist.id}`}
onSelect={() => {
navigate(
generatePath(AppRoute.LIBRARY_ALBUM_ARTISTS_DETAIL, {
@ -187,6 +187,7 @@ export const CommandPalette = ({ modalProps }: CommandPaletteProps) => {
modalProps.handlers.close();
setQuery('');
}}
value={`search-${artist.id}`}
>
<LibraryCommandItem
disabled={artist?.albumCount === 0}
@ -213,7 +214,6 @@ export const CommandPalette = ({ modalProps }: CommandPaletteProps) => {
{data?.songs.map((song) => (
<Command.Item
key={`artist-${song.id}`}
value={`search-${song.id}`}
onSelect={() => {
navigate(
generatePath(AppRoute.LIBRARY_ALBUMS_DETAIL, {
@ -223,6 +223,7 @@ export const CommandPalette = ({ modalProps }: CommandPaletteProps) => {
modalProps.handlers.close();
setQuery('');
}}
value={`search-${song.id}`}
>
<LibraryCommandItem
handlePlayQueueAdd={handlePlayQueueAdd}