lee/Recordly
1
0
Fork 0
mirror of https://github.com/webadderallorg/Recordly.git synced 2026-09-24 23:05:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

SourceSelector aria copilot comment

Browse Source
This commit is contained in:
Alan Trebugeais
2026-05-07 11:36:12 +02:00
parent 281a9144f8
commit 8234bfed71
1 changed files with 37 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/launch/SourceSelector.tsx
+37 -28
View File
@@ -314,36 +314,45 @@ export const SourceSelector = React.memo(function SourceSelector({
}
}, [isAutonomous, internalOpen]);
const trigger = children ? (
React.isValidElement(children) ? (
React.cloneElement(children as React.ReactElement<any>, {
onPointerEnter: prefetchSources,
onFocusCapture: prefetchSources,
})
) : (
children
)
) : (
<Button
variant="outline"
size="lg"
onPointerEnter={prefetchSources}
onFocusCapture={prefetchSources}
className={cn(
"group gap-2 px-3 min-w-0 max-w-[180px] rounded-[11px] font-medium text-[12px] [ -webkit-app-region:no-drag ] shrink-0",
"border-[#2a2a34] bg-[#1a1a22] text-[#eeeef2] hover:border-[#3e3e4c] hover:bg-[#20202a] transition-all",
"data-[state=open]:border-[#3e3e4c] data-[state=open]:bg-[#20202a]",
)}
title={selectedSource}
>
<MonitorIcon size={16} className="shrink-0" />
<div className="flex-1 min-w-0">
<MarqueeText text={selectedSource} />
</div>
<CaretUpIcon
size={10}
className={cn(
"text-[#6b6b78] ml-0.5 shrink-0 transition-transform duration-200",
open ? "" : "rotate-180",
)}
/>
</Button>
);
return (
<Popover open={open} onOpenChange={onOpenChange}>
<PopoverTrigger asChild>
<div onPointerEnter={prefetchSources} onFocusCapture={prefetchSources}>
{children || (
<Button
variant="outline"
size="lg"
className={cn(
"group gap-2 px-3 min-w-0 max-w-[180px] rounded-[11px] font-medium text-[12px] [ -webkit-app-region:no-drag ] shrink-0",
"border-[#2a2a34] bg-[#1a1a22] text-[#eeeef2] hover:border-[#3e3e4c] hover:bg-[#20202a] transition-all",
"data-[state=open]:border-[#3e3e4c] data-[state=open]:bg-[#20202a]",
)}
title={selectedSource}
>
<MonitorIcon size={16} className="shrink-0" />
<div className="flex-1 min-w-0">
<MarqueeText text={selectedSource} />
</div>
<CaretUpIcon
size={10}
className={cn(
"text-[#6b6b78] ml-0.5 shrink-0 transition-transform duration-200",
open ? "" : "rotate-180",
)}
/>
</Button>
)}
</div>
</PopoverTrigger>
<PopoverTrigger asChild>{trigger}</PopoverTrigger>
<PopoverContent
className="launch-theme w-80 p-0 source-selector-popover"
unstyled