Add LrcLib Fetcher (#136)

* lrclib, do not show search/clear buttons if no fetchers configured

src/renderer/api/types.ts

@@ -1064,7 +1064,9 @@ export const instanceOfCancellationError = (error: any) => {
 };
 
 export type LyricSearchQuery = {
+  album?: string;
   artist?: string;
+  duration?: number;
   name?: string;
 };
 
@@ -1075,6 +1077,7 @@ export type LyricGetQuery = {
 
 export enum LyricSource {
   GENIUS = 'Genius',
+  LRCLIB = 'lrclib.net',
   NETEASE = 'NetEase',
 }
 

src/renderer/features/lyrics/lyrics-actions.tsx

@@ -18,7 +18,7 @@ interface LyricsActionsProps {
 export const LyricsActions = ({ onRemoveLyric, onSearchOverride }: LyricsActionsProps) => {
   const currentSong = useCurrentSong();
   const { setSettings } = useSettingsStoreActions();
-  const { delayMs } = useLyricsSettings();
+  const { delayMs, sources } = useLyricsSettings();
 
   const handleLyricOffset = (e: number) => {
     setSettings({
@@ -34,7 +34,7 @@ export const LyricsActions = ({ onRemoveLyric, onSearchOverride }: LyricsActions
 
   return (
     <>
-      {isDesktop ? (
+      {isDesktop && sources.length ? (
         <Button
           uppercase
           disabled={isActionsDisabled}
@@ -76,7 +76,7 @@ export const LyricsActions = ({ onRemoveLyric, onSearchOverride }: LyricsActions
       >
         <RiAddFill />
       </Button>
-      {isDesktop ? (
+      {isDesktop && sources.length ? (
         <Button
           uppercase
           disabled={isActionsDisabled}