Labyricorn/voicebox
1
0
Fork 0
mirror of https://github.com/jamiepine/voicebox.git synced 2026-09-19 14:50:38 -07:00
Code Issues Packages Projects Releases Wiki Activity

Add framer-motion dependency and update HistoryTable and ProfileCard components

Browse Source 
- Added framer-motion version 12.29.0 to enhance animation capabilities.
- Updated HistoryTable component headers for improved clarity and consistency.
- Enhanced ProfileCard component styling for better visual integration.
This commit is contained in:
Jamie Pine
2026-01-25 17:19:46 -08:00
parent a1b0f268c9
commit a0302c095e
4 changed files with 19 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/src/components/History/HistoryTable.tsx
+10 -17
View File
@@ -84,12 +84,12 @@ export function HistoryTable() {
<Table className="w-full table-fixed">
<TableHeader className="sticky top-0 bg-background z-10">
<TableRow>
<TableHead className="w-[38%]">Text</TableHead>
<TableHead className="w-[13%]">Profile</TableHead>
<TableHead className="w-[9%]">Language</TableHead>
<TableHead className="w-[9%]">Duration</TableHead>
<TableHead className="w-[13%]">Created</TableHead>
<TableHead className="w-[8%] text-right">Actions</TableHead>
<TableHead className="w-[38%]">Input</TableHead>
<TableHead className="w-[13%]">Voice</TableHead>
<TableHead className="w-[9%]">Lang</TableHead>
<TableHead className="w-[9%]">Length</TableHead>
<TableHead className="w-[13%]">Date</TableHead>
<TableHead className="w-[8%] text-right"></TableHead>
</TableRow>
</TableHeader>
<TableBody>
@@ -104,7 +104,7 @@ export function HistoryTable() {
<TableCell className="truncate">{gen.text}</TableCell>
<TableCell className="truncate">{gen.profile_name}</TableCell>
<TableCell>
<Badge variant="outline" className="text-xs">
<Badge variant="outline" className="text-xs text-muted-foreground">
{gen.language}
</Badge>
</TableCell>
@@ -113,10 +113,7 @@ export function HistoryTable() {
{formatDate(gen.created_at)}
</TableCell>
<TableCell className="text-right">
<div
className="flex justify-end"
onClick={(e) => e.stopPropagation()}
>
<div className="flex justify-end" onClick={(e) => e.stopPropagation()}>
<DropdownMenu>
<DropdownMenuTrigger asChild>
<Button
@@ -129,15 +126,11 @@ export function HistoryTable() {
</Button>
</DropdownMenuTrigger>
<DropdownMenuContent align="end">
<DropdownMenuItem
onClick={() => handlePlay(gen.id, gen.text)}
>
<DropdownMenuItem onClick={() => handlePlay(gen.id, gen.text)}>
<Play className="mr-2 h-4 w-4" />
Play
</DropdownMenuItem>
<DropdownMenuItem
onClick={() => handleDownload(gen.id, gen.text)}
>
<DropdownMenuItem onClick={() => handleDownload(gen.id, gen.text)}>
<Download className="mr-2 h-4 w-4" />
Download
</DropdownMenuItem>
app/src/components/VoiceProfiles/ProfileCard.tsx
+1 -1
View File
@@ -74,7 +74,7 @@ export function ProfileCard({ profile }: ProfileCardProps) {
{profile.description || 'No description'}
</p>
<div className="mb-2">
<Badge variant="outline" className="text-xs h-5 px-1.5">
<Badge variant="outline" className="text-xs h-5 px-1.5 text-muted-foreground">
{profile.language}
</Badge>
</div>