|
@@ -1,4 +1,4 @@
|
|
|
-import { useMatches, useNavigate, useParams } from "react-router";
|
|
|
|
|
|
|
+import { useMatches, useNavigate, useParams, useSearchParams } from "react-router";
|
|
|
import { useIntl } from "react-intl";
|
|
import { useIntl } from "react-intl";
|
|
|
|
|
|
|
|
import TermEditor from "../../../features/editor/Term";
|
|
import TermEditor from "../../../features/editor/Term";
|
|
@@ -6,6 +6,7 @@ import TermEditor from "../../../features/editor/Term";
|
|
|
const Widget = () => {
|
|
const Widget = () => {
|
|
|
const { id } = useParams();
|
|
const { id } = useParams();
|
|
|
const navigate = useNavigate();
|
|
const navigate = useNavigate();
|
|
|
|
|
+ const [searchParams, setSearchParams] = useSearchParams();
|
|
|
const intl = useIntl();
|
|
const intl = useIntl();
|
|
|
const matches = useMatches() as {
|
|
const matches = useMatches() as {
|
|
|
data?: { title?: string; name?: string; word?: string };
|
|
data?: { title?: string; name?: string; word?: string };
|
|
@@ -13,12 +14,20 @@ const Widget = () => {
|
|
|
const data = [...matches].reverse().find((m) => m.data)?.data;
|
|
const data = [...matches].reverse().find((m) => m.data)?.data;
|
|
|
const name = data?.title ?? data?.name ?? data?.word;
|
|
const name = data?.title ?? data?.name ?? data?.word;
|
|
|
const prefix = intl.formatMessage({ id: "columns.studio.term.title" });
|
|
const prefix = intl.formatMessage({ id: "columns.studio.term.title" });
|
|
|
|
|
+ const channelId = searchParams.get("channel");
|
|
|
|
|
|
|
|
return (
|
|
return (
|
|
|
<>
|
|
<>
|
|
|
<title>{name ? `${prefix}-${name}` : prefix}</title>
|
|
<title>{name ? `${prefix}-${name}` : prefix}</title>
|
|
|
<TermEditor
|
|
<TermEditor
|
|
|
termId={id}
|
|
termId={id}
|
|
|
|
|
+ channelId={channelId}
|
|
|
|
|
+ onChannelSelect={(selected) => {
|
|
|
|
|
+ const channelsParams = selected.map((item) => item.id).join("_");
|
|
|
|
|
+ const newParams = new URLSearchParams(searchParams);
|
|
|
|
|
+ newParams.set("channel", channelsParams);
|
|
|
|
|
+ setSearchParams(newParams);
|
|
|
|
|
+ }}
|
|
|
onEdit={() => {
|
|
onEdit={() => {
|
|
|
navigate(`/workspace/term/${id}/edit`);
|
|
navigate(`/workspace/term/${id}/edit`);
|
|
|
}}
|
|
}}
|