From c8537ee711a61e1953c16f4115f8aea14d4413b1 Mon Sep 17 00:00:00 2001 From: Pinapelz Date: Sun, 11 Feb 2024 00:18:45 -0800 Subject: chore: bump dependencies --- src/app/components/KaraokePlayer.tsx | 58 ------------------------------------ 1 file changed, 58 deletions(-) delete mode 100644 src/app/components/KaraokePlayer.tsx (limited to 'src/app/components/KaraokePlayer.tsx') 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 = ({ currentMillisecond, lrc }) => { - const lineRenderer = useCallback( - ({ active, line: { content } }: { active: boolean; line: LrcLine }) => { - const next = active && content === ''; - return {content}; - }, - [] - ); - - return ( - - ); -}; - -export default KaraokePlayer; -- cgit v1.2.3