feat: add alignRight prop to IntegrationFilter and update HomePageClient

- Introduced alignRight prop in IntegrationFilter for dropdown alignment control.
- Updated HomePageClient to pass alignRight as true, ensuring consistent dropdown positioning.
This commit is contained in:
Julien Froidefond
2025-10-03 09:21:20 +02:00
parent 943d14cfc1
commit aae35aa811
2 changed files with 8 additions and 3 deletions

View File

@@ -73,6 +73,7 @@ function HomePageContent({ productivityMetrics, deadlineMetrics, tagMetrics }: {
onSourcesChange={setSelectedSources}
hiddenSources={hiddenSources}
onHiddenSourcesChange={setHiddenSources}
alignRight={true}
/>
</div>

View File

@@ -15,6 +15,9 @@ interface IntegrationFilterProps {
onSourcesChange?: (sources: string[]) => void;
hiddenSources?: string[];
onHiddenSourcesChange?: (sources: string[]) => void;
// Alignement du dropdown
alignRight?: boolean;
}
interface SourceOption {
@@ -32,7 +35,8 @@ export function IntegrationFilter({
selectedSources,
onSourcesChange,
hiddenSources,
onHiddenSourcesChange
onHiddenSourcesChange,
alignRight = false
}: IntegrationFilterProps) {
const { regularTasks, pinnedTasks } = useTasksContext();
const [isOpen, setIsOpen] = useState(false);
@@ -263,8 +267,8 @@ export function IntegrationFilter({
trigger={`🔗 ${getMainButtonText()}`}
variant={getMainButtonVariant()}
content={dropdownContent}
placement="bottom-start"
className="min-w-[240px]"
placement={alignRight ? "bottom-end" : "bottom-start"}
className={`min-w-[240px] ${alignRight ? "transform -translate-x-full" : ""}`}
/>
);
}