Split options

This commit is contained in:
Manav Rathi
2024-09-26 14:17:35 +05:30
parent 840ba2803e
commit 7634ba0dea

View File

@@ -58,6 +58,11 @@ export const PersonListHeader: React.FC<PeopleListHeaderProps> = ({
}) => {
// TODO-Cluster
const hasOptions = process.env.NEXT_PUBLIC_ENTE_WIP_CL;
const addPerson = () => {
console.log("add person");
};
return (
<GalleryItemsHeaderAdapter>
<SpaceBetweenFlex>
@@ -73,21 +78,27 @@ export const PersonListHeader: React.FC<PeopleListHeaderProps> = ({
ariaControls={"person-options"}
triggerButtonIcon={<MoreHoriz />}
>
<OverflowMenuOption
startIcon={<AddIcon />}
centerAlign
onClick={() => console.log("test")}
>
{pt("Add a name")}
</OverflowMenuOption>
<OverflowMenuOption
startIcon={<EditIcon />}
centerAlign
onClick={() => console.log("test")}
>
{pt("rename")}
</OverflowMenuOption>
{person.type == "cgroup" ? (
<>
<OverflowMenuOption
startIcon={<EditIcon />}
centerAlign
onClick={() => console.log("test")}
>
{t("rename")}
</OverflowMenuOption>
</>
) : (
<>
<OverflowMenuOption
startIcon={<AddIcon />}
centerAlign
onClick={addPerson}
>
{pt("Add a name")}
</OverflowMenuOption>
</>
)}
</OverflowMenu>
)}
</SpaceBetweenFlex>