chore: bump dependencies

1 files changed, 0 insertions, 58 deletions

diff --git a/src/app/components/KaraokePlayer.tsx b/src/app/components/KaraokePlayer.tsx
deleted file mode 100644
index 5160226..0000000
--- a/src/app/components/KaraokePlayer.tsx
+++ /dev/null
@@ -1,58 +0,0 @@
-import React, { CSSProperties, useCallback } from 'react';
-import styled, { css } from 'styled-components';
-import { Lrc, LrcLine } from 'react-lrc';
-
-const Line = styled.div<{ $active: boolean; $next: boolean }>`
-    min-height: 10px;
-    padding: 14px 30px;
-
-    font-size: 40px;
-    font-family: "Roboto", sans-serif;
-    font-weight: 500;
-    text-align: center;
-    color: rgb(72,72,72);
-
-    background: linear-gradient(to right, rgba(0,0,0,0) 50%, rgb(200, 190, 190) 50%);
-    background-size: 200% 100%;
-    background-position: right bottom;
-    transition: color 1s ease-out, background-position 1s ease-out;
-
-    ${({ $active }) => $active && css`
-        color: black;
-        font-weight: 700;
-        background-position: left bottom;
-        color: rgb(50, 50, 50);
-    `}
-`;
-const lrcStyle: CSSProperties = {
-  flex: 1,
-  minHeight: 0,
-  overflow: 'hidden !important'
-};
-
-interface KaraokePlayerProps {
-  currentMillisecond: number;
-  lrc: string;
-}
-
-const KaraokePlayer: React.FC<KaraokePlayerProps> = ({ currentMillisecond, lrc }) => {
-  const lineRenderer = useCallback(
-    ({ active, line: { content } }: { active: boolean; line: LrcLine }) => {
-      const next = active && content === '';
-      return <Line $active={active} $next={next}>{content}</Line>;
-    },
-    []
-  );
-
-  return (
-    <Lrc
-      lrc={lrc}
-      lineRenderer={lineRenderer}
-      currentMillisecond={currentMillisecond}
-      style={lrcStyle}
-      recoverAutoScrollInterval={0}
-    />
-  );
-};
-
-export default KaraokePlayer;