fix cliamp panel header, home dir lookup, and go install path
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -1,34 +1,20 @@
|
||||
import { useCallback } from 'react';
|
||||
import { useSearchParams } from 'react-router';
|
||||
import { X } from 'lucide-react';
|
||||
import { Music } from 'lucide-react';
|
||||
import { TerminalView } from '../Terminal/Terminal';
|
||||
import { AudioStreamPlayer } from './AudioStreamPlayer';
|
||||
|
||||
export const CliampPanelHeader = () => {
|
||||
const [searchParams, setSearchParams] = useSearchParams();
|
||||
const [searchParams] = useSearchParams();
|
||||
const playPath = searchParams.get('play') ?? '';
|
||||
const fileName = playPath.split('/').pop() ?? 'cliamp';
|
||||
|
||||
const handleClose = useCallback(() => {
|
||||
setSearchParams((prev) => {
|
||||
const next = new URLSearchParams(prev);
|
||||
next.delete('play');
|
||||
return next;
|
||||
});
|
||||
}, [setSearchParams]);
|
||||
|
||||
return (
|
||||
<div className="flex items-center gap-2 px-3 py-1.5 border-b border-duck-dark/10 bg-background/95">
|
||||
<span className="text-sm font-medium text-duck-dark truncate flex-1">{fileName}</span>
|
||||
<>
|
||||
<Music className="h-4 w-4 shrink-0 opacity-60" />
|
||||
<span className="text-xs font-medium truncate flex-1">{fileName}</span>
|
||||
<AudioStreamPlayer wsUrl="/api/cliamp/audio/ws" />
|
||||
<button
|
||||
onClick={handleClose}
|
||||
className="p-1 rounded hover:bg-duck-dark/10 transition-colors cursor-pointer"
|
||||
title="Close player"
|
||||
>
|
||||
<X className="h-4 w-4 text-duck-dark/60" />
|
||||
</button>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
||||
|
||||
Reference in New Issue
Block a user