Aidan
d613b58dd6
- redesign NowPlaying widget with iPod Nano 7th generation-inspired UI - content updates (home, about) - general code cleanup - bump deps, clean up - update README for self hosting - remove old workflows
37 lines
856 B
TypeScript
37 lines
856 B
TypeScript
"use client"
|
|
|
|
import type React from "react"
|
|
|
|
interface ScrollTxtProps {
|
|
text: string
|
|
className?: string
|
|
type?: 'artist' | 'track' | 'release'
|
|
}
|
|
|
|
const ScrollTxt: React.FC<ScrollTxtProps> = ({ text, className = "", type }) => {
|
|
const getTypeClass = (type?: string) => {
|
|
switch(type) {
|
|
case 'artist':
|
|
return 'text-white text-xs opacity-90 font-medium text-[8px]'
|
|
case 'track':
|
|
return 'text-white text-xs font-bold'
|
|
case 'release':
|
|
return 'text-white text-xs opacity-90 font-medium text-[8px]'
|
|
default:
|
|
return ''
|
|
}
|
|
}
|
|
|
|
const textClass = getTypeClass(type)
|
|
|
|
return (
|
|
<div className={`overflow-hidden ${className}`}>
|
|
<div className="whitespace-nowrap inline-block">
|
|
<span className={textClass}>{text}</span>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default ScrollTxt
|
|
|