fix(downloads): correct extension metadata and list UI

This commit is contained in:
NimBold
2026-07-03 03:55:59 +03:30
parent 63abf23622
commit 4026e5bc86
4 changed files with 172 additions and 67 deletions
+1 -1
View File
@@ -451,7 +451,7 @@ export const DownloadTable: React.FC<DownloadTableProps> = ({ filter }) => {
className={`${index === 5 ? 'download-cell-right' : ''} ${filter.startsWith('queue:') ? 'opacity-70 cursor-default' : 'cursor-pointer hover:text-text-primary transition-colors'} flex items-center justify-between`}
onClick={() => handleSort(label)}
>
<div className={`flex items-center gap-1 w-full h-full select-none ${index > 0 ? 'justify-center' : ''}`}>
<div className="flex items-center gap-1 w-full h-full select-none">
<span>{label}</span>
{sortConfig?.column === label && (
sortConfig.direction === 'asc' ? <ChevronUp size={14} /> : <ChevronDown size={14} />
+4 -23
View File
@@ -60,11 +60,6 @@ const browserCookieSourceOptions = [
{ value: 'whale', label: 'Whale' },
] as const;
const normalizeBrowserCookieSource = (source: string) => {
const trimmed = source.trim();
return trimmed.length > 0 ? trimmed : 'none';
};
type EngineCheck = typeof engineChecks[number];
const engineStatusCache = new Map<string, EngineStatusItem>();
@@ -1121,32 +1116,18 @@ className="app-button px-3 py-1.5 text-[12px] flex items-center gap-1.5 disabled
</div>
))}
<div className="grid grid-cols-[180px_1fr] items-start gap-4 text-[13px] border-t border-border-modal/50 pt-3 mt-2">
<label className="text-text-secondary font-semibold pt-1.5">Browser Cookies Source:</label>
<div className="space-y-2">
<div className="grid grid-cols-[180px_1fr] items-center gap-4 text-[13px] border-t border-border-modal/50 pt-3 mt-2">
<label className="text-text-secondary font-semibold pt-1.5">Browser Cookies Source:</label>
<select
value={browserCookieSourceOptions.some(option => option.value === settings.mediaCookieSource) ? settings.mediaCookieSource : 'custom'}
onChange={(e) => {
if (e.target.value !== 'custom') {
settings.setMediaCookieSource(e.target.value);
}
}}
value={browserCookieSourceOptions.some(option => option.value === settings.mediaCookieSource) ? settings.mediaCookieSource : 'none'}
onChange={(e) => settings.setMediaCookieSource(e.target.value)}
className="bg-bg-input border border-border-modal rounded-lg p-1.5 text-[13px] text-text-primary focus:outline-none focus:border-accent w-full"
>
{browserCookieSourceOptions.map(option => (
<option key={option.value} value={option.value}>{option.label}</option>
))}
<option value="custom">Custom yt-dlp source</option>
</select>
<input
value={settings.mediaCookieSource === 'none' ? '' : settings.mediaCookieSource}
onChange={(e) => settings.setMediaCookieSource(normalizeBrowserCookieSource(e.target.value))}
placeholder="firefox:/path/to/profile or chrome:Profile 1"
className="app-control w-full px-3 py-1.5 bg-surface-overlay/50 border-border-color/50 focus:border-accent-color focus:bg-surface-overlay text-[13px]"
aria-label="Custom yt-dlp browser cookie source"
/>
</div>
</div>
<p className="text-text-muted text-xs mt-1">yt-dlp reads browser cookies to bypass video download limits or access restricted media. Firelink does not save browser cookies.</p>
</div>
</div>