fix: remove redundant breadcrumb from destination modal

This commit is contained in:
Philipinho
2026-05-28 16:13:25 +01:00
parent d5db7fea2d
commit b97bbba77d
3 changed files with 4 additions and 18 deletions
@@ -1,5 +1,5 @@
import { useState, useEffect } from "react"; import { useState, useEffect } from "react";
import { Modal, Button, Group } from "@mantine/core"; import { Modal, Button, Group, Divider } from "@mantine/core";
import { useTranslation } from "react-i18next"; import { useTranslation } from "react-i18next";
import { DestinationPicker } from "./destination-picker"; import { DestinationPicker } from "./destination-picker";
import { import {
@@ -52,7 +52,9 @@ export function DestinationPickerModal({
searchSpacesOnly={searchSpacesOnly} searchSpacesOnly={searchSpacesOnly}
/> />
<Group justify="flex-end" mt="md"> <Divider my="md" />
<Group justify="flex-end">
<Button variant="default" onClick={onClose}> <Button variant="default" onClick={onClose}>
{t("Close")} {t("Close")}
</Button> </Button>
@@ -89,14 +89,6 @@
} }
} }
.selectedIndicator {
padding: 8px 12px;
font-size: var(--mantine-font-size-sm);
color: light-dark(var(--mantine-color-gray-6), var(--mantine-color-dark-2));
border-top: 1px solid light-dark(var(--mantine-color-gray-2), var(--mantine-color-dark-4));
margin-top: var(--mantine-spacing-xs);
}
.emptyState { .emptyState {
padding: 12px; padding: 12px;
text-align: center; text-align: center;
@@ -221,14 +221,6 @@ export function DestinationPicker({
)) ))
)} )}
</ScrollArea> </ScrollArea>
{selection && (
<div className={classes.selectedIndicator}>
{selection.type === "space"
? selection.space.name
: `${selection.space.name} / ${selection.page.title || t("Untitled")}`}
</div>
)}
</> </>
); );
} }