-
- 하수도정보시스템
+
+ 유역하수도통합플랫폼
- CMS 통합관리시스템
+ 하수도플랫폼 통합관리(CMS)시스템
-
하수도정보시스템 CMS 통합관리시스템에 오신 것을 환영합니다.
+
유역하수도통합플랫폼 통합관리(CMS)시스템에 오신 것을 환영합니다.
diff --git a/apps/cs/src/pages/ntftalk-temp/model/ntftalk-var-additional-schema.ts b/apps/cs/src/pages/ntftalk-temp/model/ntftalk-var-additional-schema.ts
new file mode 100644
index 000000000..e2368fe77
--- /dev/null
+++ b/apps/cs/src/pages/ntftalk-temp/model/ntftalk-var-additional-schema.ts
@@ -0,0 +1,17 @@
+import { z } from "zod";
+
+export const ntftalkVarAdditionalSchema = z.object({
+ draftVars: z.array(
+ z.object({
+ varCd: z.string().min(1, "변수코드를 입력하세요."),
+ varNm: z.string().min(1, "변수명을 입력하세요."),
+ varDesc: z.string().default(""),
+ sender: z.string().default(""),
+ regr: z.string().default(""),
+ }),
+ ),
+});
+
+export type NtftalkVarAdditionalFormData = z.infer<
+ typeof ntftalkVarAdditionalSchema
+>;
diff --git a/apps/cs/src/pages/ntftalk-temp/model/ntftalk-var-batch-payload.ts b/apps/cs/src/pages/ntftalk-temp/model/ntftalk-var-batch-payload.ts
new file mode 100644
index 000000000..91d715188
--- /dev/null
+++ b/apps/cs/src/pages/ntftalk-temp/model/ntftalk-var-batch-payload.ts
@@ -0,0 +1,52 @@
+import { z } from "zod";
+
+import type { NtftalkVarSavePayload } from "@/entities/ntftalk";
+
+import type { NtftalkVarGridRow } from "./ntftalk-var-grid";
+
+export const varDraftRowSchema = z.object({
+ varCd: z.string().min(1),
+ varNm: z.string().min(1),
+ varDesc: z.string().optional(),
+ sender: z.string().optional(),
+});
+
+export function buildNtftalkVarBatchPayload(input: {
+ pendingDeleteVarCds: ReadonlySet;
+ draftVars?: NtftalkVarGridRow[];
+ regr?: string;
+}): NtftalkVarSavePayload[] {
+ const { draftVars, pendingDeleteVarCds, regr } = input;
+ const payloads: NtftalkVarSavePayload[] = [];
+
+ if (!draftVars) {
+ for (const varCd of pendingDeleteVarCds) {
+ payloads.push({ mode: "D", varCd });
+ }
+ return payloads;
+ }
+
+ for (const d of draftVars) {
+ const parsed = varDraftRowSchema.safeParse({
+ varCd: d.varCd,
+ varNm: d.varNm,
+ varDesc: d.varDesc || undefined,
+ sender: d.sender || undefined,
+ });
+ if (!parsed.success) {
+ throw new Error(
+ parsed.error.issues[0]?.message ?? "유효하지 않은 입력입니다.",
+ );
+ }
+ payloads.push({
+ mode: "C",
+ varCd: parsed.data.varCd,
+ varNm: parsed.data.varNm,
+ varDesc: parsed.data.varDesc,
+ sender: parsed.data.sender,
+ regr,
+ });
+ }
+
+ return payloads;
+}
diff --git a/apps/cs/src/pages/ntftalk-temp/model/ntftalk-var-grid.ts b/apps/cs/src/pages/ntftalk-temp/model/ntftalk-var-grid.ts
index aa4892b1f..914130e09 100644
--- a/apps/cs/src/pages/ntftalk-temp/model/ntftalk-var-grid.ts
+++ b/apps/cs/src/pages/ntftalk-temp/model/ntftalk-var-grid.ts
@@ -2,13 +2,11 @@ import type { NtftalkVar } from "@/entities/ntftalk";
export interface NtftalkVarGridRow extends NtftalkVar {
clientId?: string;
- isDraft?: boolean;
}
export function createEmptyVarDraft(clientId: string): NtftalkVarGridRow {
return {
clientId,
- isDraft: true,
varCd: "",
varNm: "",
varDesc: "",
diff --git a/apps/cs/src/pages/ntftalk-temp/model/template-table-columns.tsx b/apps/cs/src/pages/ntftalk-temp/model/template-table-columns.tsx
index 29df948ad..e5d8a00fe 100644
--- a/apps/cs/src/pages/ntftalk-temp/model/template-table-columns.tsx
+++ b/apps/cs/src/pages/ntftalk-temp/model/template-table-columns.tsx
@@ -1,13 +1,18 @@
+import { TooltipContent } from "@radix-ui/react-tooltip";
import type { ColumnDef, Row, Table } from "@tanstack/react-table";
-import { Checkbox } from "@common/components";
-import type { NtftalkTemp } from "@/entities/ntftalk";
+
+import { InfoTooltip } from "@/shared/ui/info-tooltip";
+import type { NtftalkBiztalkSender, NtftalkTemp } from "@/entities/ntftalk";
+import { Checkbox, Tooltip, TooltipTrigger } from "@common/components";
function formatButtons(row: NtftalkTemp): string {
if (!row.buttons?.length) return "—";
return row.buttons.map((b) => b.name).join(", ");
}
-export function createTemplateColumns(): ColumnDef[] {
+export function createTemplateColumns(
+ senderData: NtftalkBiztalkSender[],
+): ColumnDef[] {
return [
{
id: "select",
@@ -23,7 +28,9 @@ export function createTemplateColumns(): ColumnDef[] {
table.getIsAllPageRowsSelected() ||
(table.getIsSomePageRowsSelected() && "indeterminate")
}
- onCheckedChange={(value) => table.toggleAllPageRowsSelected(!!value)}
+ onCheckedChange={(value) =>
+ table.toggleAllPageRowsSelected(!!value)
+ }
aria-label="전체 선택"
/>
@@ -48,6 +55,12 @@ export function createTemplateColumns(): ColumnDef
[] {
{
accessorKey: "senderKey",
header: "@채널",
+ cell: ({ row }) => {
+ const sender = senderData.find(
+ (s) => s.senderKey === row.original.senderKey,
+ );
+ return sender ? sender.name : "—";
+ },
},
{
accessorKey: "templateCode",
@@ -58,7 +71,7 @@ export function createTemplateColumns(): ColumnDef[] {
header: "템플릿명",
},
{
- accessorKey: "templateMessageType",
+ accessorKey: "templateMessageTypeNm",
header: "메시지유형",
},
{
@@ -68,14 +81,30 @@ export function createTemplateColumns(): ColumnDef[] {
const v = getValue() as string;
if (!v) return "—";
return (
-
- {v}
-
+
+
+
+
+ {v}
+
+
+
+
+ {v.split("\n").map((line, idx) => (
+
+ {line}
+ {idx !== v.split("\n").length - 1 &&
}
+
+ ))}
+
+
+
+
@@ -61,62 +63,14 @@ export function createVarColumns(
{
accessorKey: "varCd",
header: "변수코드",
- cell: ({ row }) => {
- const r = row.original;
- if (r.isDraft && r.clientId) {
- return (
-
- handlers.onDraftFieldChange(r.clientId!, "varCd", e.target.value)
- }
- onClick={(e) => e.stopPropagation()}
- />
- );
- }
- return r.varCd;
- },
},
{
accessorKey: "varNm",
header: "변수명",
- cell: ({ row }) => {
- const r = row.original;
- if (r.isDraft && r.clientId) {
- return (
-
- handlers.onDraftFieldChange(r.clientId!, "varNm", e.target.value)
- }
- onClick={(e) => e.stopPropagation()}
- />
- );
- }
- return r.varNm;
- },
},
{
accessorKey: "varDesc",
header: "설명",
- cell: ({ row }) => {
- const r = row.original;
- if (r.isDraft && r.clientId) {
- return (
-
- handlers.onDraftFieldChange(r.clientId!, "varDesc", e.target.value)
- }
- onClick={(e) => e.stopPropagation()}
- />
- );
- }
- return r.varDesc ?? "—";
- },
},
{
accessorKey: "regDt",
diff --git a/apps/cs/src/pages/ntftalk-temp/ui/ntftalk-temp-page.tsx b/apps/cs/src/pages/ntftalk-temp/ui/ntftalk-temp-page.tsx
index 787f33f93..ac2cbfc6f 100644
--- a/apps/cs/src/pages/ntftalk-temp/ui/ntftalk-temp-page.tsx
+++ b/apps/cs/src/pages/ntftalk-temp/ui/ntftalk-temp-page.tsx
@@ -1,676 +1,13 @@
"use client";
-import { useCallback, useMemo, useState } from "react";
-import { useFieldArray, useForm, useWatch } from "react-hook-form";
-
-import { useConfirm } from "@frontend-opensource/use-react-hooks";
-import {
- keepPreviousData,
- useQuery,
- useQueryClient,
-} from "@tanstack/react-query";
-import {
- getCoreRowModel,
- type PaginationState,
- type RowSelectionState,
- useReactTable,
-} from "@tanstack/react-table";
-import { z } from "zod";
-
-import { AUTH_USER_ID, ENDPOINT } from "@/shared/config";
-import {
- getCookie,
- useAlertStore,
- useDataTable,
- useMutationWrapper,
-} from "@/shared/lib";
-import { NoData } from "@/shared/ui/no-data";
-import {
- NtftalkBiztalkApi,
- type NtftalkBiztalkInspectionRequestItem,
- type NtftalkTemp,
- NtftalkTempApi,
- type NtftalkTempSearchParams,
- NtftalkVarApi,
- type NtftalkVarSearchParams,
-} from "@/entities/ntftalk";
-import {
- Button,
- DataTable,
- Input,
- Label,
- LoadingWithAnimation,
- Select,
- SelectContent,
- SelectItem,
- SelectTrigger,
- SelectValue,
-} from "@common/components";
-
-import {
- createEmptyVarDraft,
- type NtftalkVarGridRow,
-} from "../model/ntftalk-var-grid";
-import { createTemplateColumns } from "../model/template-table-columns";
-import { createVarColumns } from "../model/var-table-columns";
-
-import { NtftalkTempDetailDialog } from "./ntftalk-temp-detail-dialog";
-import { NtftalkTempRegistDialog } from "./ntftalk-temp-regist-dialog";
-
-const ALL = "__ALL__";
-
-const varDraftSaveSchema = z.object({
- varCd: z.string().min(1),
- varNm: z.string().min(1),
- varDesc: z.string().optional(),
- sender: z.string().optional(),
-});
-
-interface VarDraftFormValues {
- draftVars: NtftalkVarGridRow[];
-}
+import { NtftalkTempTemplateSection } from "./ntftalk-temp-template-section";
+import { NtftalkVarSection } from "./ntftalk-temp-var-section";
function NtftalkTempPage() {
- const queryClient = useQueryClient();
- const alert = useAlertStore((s) => s.setMessage);
- const { confirm } = useConfirm();
-
- const [templateCodeInput, setTemplateCodeInput] = useState("");
- const [templateNameInput, setTemplateNameInput] = useState("");
- const [templateContentInput, setTemplateContentInput] = useState("");
- const [senderKeyFilter, setSenderKeyFilter] = useState(ALL);
- const [inspectionFilter, setInspectionFilter] = useState(ALL);
- const [messageTypeFilter, setMessageTypeFilter] = useState(ALL);
-
- const [searchParams, setSearchParams] = useState
({
- sort: "createdAt,desc",
- });
- const [pagination, setPagination] = useState({
- pageIndex: 0,
- pageSize: 10,
- });
- const [rowSelection, setRowSelection] = useState({});
-
- const [varPagination, setVarPagination] = useState({
- pageIndex: 0,
- pageSize: 10,
- });
- const [varSearchParams] = useState({
- sort: "regDt,desc",
- });
- const [varRowSelection, setVarRowSelection] = useState({});
- const varDraftForm = useForm({
- defaultValues: { draftVars: [] },
- });
- const { control, setValue } = varDraftForm;
- const { append, remove, replace } = useFieldArray({
- control,
- name: "draftVars",
- });
- const draftVars = useWatch({ control, name: "draftVars" }) ?? [];
-
- const [detailCode, setDetailCode] = useState(null);
- const [detailOpen, setDetailOpen] = useState(false);
- const [registOpen, setRegistOpen] = useState(false);
-
- const tempQuery = useQuery({
- queryKey: [ENDPOINT.NTFTALK_SERVICE.NTFTALK_TEMP, searchParams, pagination],
- queryFn: () =>
- NtftalkTempApi.getNtftalkTempPage({
- ...searchParams,
- page: pagination.pageIndex,
- size: pagination.pageSize,
- }),
- placeholderData: keepPreviousData,
- });
-
- const varQuery = useQuery({
- queryKey: [
- ENDPOINT.NTFTALK_SERVICE.NTFTALK_VAR,
- varSearchParams,
- varPagination,
- ],
- queryFn: () =>
- NtftalkVarApi.getNtftalkVarPage({
- ...varSearchParams,
- page: varPagination.pageIndex,
- size: varPagination.pageSize,
- }),
- placeholderData: keepPreviousData,
- });
-
- const senderQuery = useQuery({
- queryKey: [ENDPOINT.NTFTALK_SERVICE.NTFTALK_BIZTALK, "sender"],
- queryFn: () => NtftalkBiztalkApi.getSender(),
- });
-
- const senderKeyOptions = useMemo(() => {
- if (senderQuery.data) return [senderQuery.data];
- return [];
- }, [senderQuery.data]);
-
- const inspectionOptions = useMemo(() => {
- const set = new Set();
- (tempQuery.data?.content ?? []).forEach((r) => {
- if (r.inspectionStatus) set.add(r.inspectionStatus);
- });
- return Array.from(set).sort();
- }, [tempQuery.data]);
-
- const messageTypeOptions = useMemo(() => {
- const set = new Set();
- (tempQuery.data?.content ?? []).forEach((r) => {
- if (r.templateMessageType) set.add(r.templateMessageType);
- });
- return Array.from(set).sort();
- }, [tempQuery.data]);
-
- const templateColumns = useMemo(() => createTemplateColumns(), []);
-
- const {
- tableComponent: templateTableComponent,
- tableInstance: templateTable,
- } = useDataTable({
- query: tempQuery,
- tableOptions: {
- columns: templateColumns,
- state: { pagination, rowSelection },
- manualPagination: true,
- enableRowSelection: true,
- enableMultiRowSelection: true,
- getCoreRowModel: getCoreRowModel(),
- onPaginationChange: setPagination,
- onRowSelectionChange: setRowSelection,
- },
- dataTableOptions: {
- viewPagination: true,
- onRowClick: (row: NtftalkTemp) => {
- setDetailCode(row.templateCode);
- setDetailOpen(true);
- },
- },
- });
-
- const draftIndexByClientId = useMemo(() => {
- const indexByClientId = new Map();
- draftVars.forEach((row, index) => {
- if (row.clientId) indexByClientId.set(row.clientId, index);
- });
- return indexByClientId;
- }, [draftVars]);
-
- const onDraftFieldChange = useCallback(
- (
- clientId: string,
- field: "varCd" | "varNm" | "varDesc" | "sender",
- value: string,
- ) => {
- const draftIndex = draftIndexByClientId.get(clientId);
- if (draftIndex === undefined) return;
- setValue(`draftVars.${draftIndex}.${field}`, value, {
- shouldDirty: true,
- });
- },
- [draftIndexByClientId, setValue],
- );
-
- const varColumns = useMemo(
- () => createVarColumns({ onDraftFieldChange }),
- [onDraftFieldChange],
- );
-
- const varTableRows = useMemo((): NtftalkVarGridRow[] => {
- const server = varQuery.data?.content ?? [];
- if (varPagination.pageIndex === 0) return [...server, ...draftVars];
- return server;
- }, [varQuery.data, draftVars, varPagination.pageIndex]);
-
- const varTable = useReactTable({
- data: varTableRows,
- columns: varColumns,
- state: { pagination: varPagination, rowSelection: varRowSelection },
- manualPagination: true,
- rowCount: varQuery.data?.totalElements ?? 0,
- pageCount: varQuery.data?.totalPages ?? 0,
- enableRowSelection: true,
- enableMultiRowSelection: true,
- getCoreRowModel: getCoreRowModel(),
- onPaginationChange: setVarPagination,
- onRowSelectionChange: setVarRowSelection,
- getRowId: (row) =>
- row.isDraft && row.clientId
- ? `draft:${row.clientId}`
- : `srv:${row.varCd}`,
- });
-
- const buildSearchParamsFromInputs = (): NtftalkTempSearchParams => ({
- sort: searchParams.sort ?? "createdAt,desc",
- templateCode: templateCodeInput.trim() || undefined,
- templateName: templateNameInput.trim() || undefined,
- templateContent: templateContentInput.trim() || undefined,
- senderKey: senderKeyFilter === ALL ? undefined : senderKeyFilter,
- inspectionStatus: inspectionFilter === ALL ? undefined : inspectionFilter,
- templateMessageType:
- messageTypeFilter === ALL ? undefined : messageTypeFilter,
- });
-
- const handleSearch = (e: React.SubmitEvent) => {
- e.preventDefault();
- setPagination((p) => ({ ...p, pageIndex: 0 }));
- setSearchParams(buildSearchParamsFromInputs());
- };
-
- const handleReset = () => {
- setTemplateCodeInput("");
- setTemplateNameInput("");
- setTemplateContentInput("");
- setSenderKeyFilter(ALL);
- setInspectionFilter(ALL);
- setMessageTypeFilter(ALL);
- setPagination((p) => ({ ...p, pageIndex: 0 }));
- setSearchParams({ sort: "createdAt,desc" });
- };
-
- const syncTemplatesMutation = useMutationWrapper({
- mutationFn: () => NtftalkBiztalkApi.syncTemplates({ senderKeyType: "S" }),
- onSuccess: async (data) => {
- await Promise.all([
- queryClient.invalidateQueries({
- queryKey: [ENDPOINT.NTFTALK_SERVICE.NTFTALK_TEMP],
- }),
- queryClient.invalidateQueries({
- queryKey: [ENDPOINT.NTFTALK_SERVICE.NTFTALK_BIZTALK, "sender"],
- }),
- ]);
- alert(data.message);
- },
- });
-
- const handleRefreshTemplates = () => {
- syncTemplatesMutation.mutate();
- };
-
- const deleteTemplatesMutation = useMutationWrapper({
- mutationFn: async (codes: string[]) => {
- for (const code of codes) {
- await NtftalkTempApi.deleteNtftalkTemp(code);
- }
- },
- onSuccess: async () => {
- await queryClient.invalidateQueries({
- queryKey: [ENDPOINT.NTFTALK_SERVICE.NTFTALK_TEMP],
- });
- setRowSelection({});
- alert("삭제되었습니다.");
- },
- });
-
- const handleDeleteSelectedTemplates = async () => {
- const rows = templateTable.getSelectedRowModel().rows;
- if (rows.length === 0) {
- alert("삭제할 템플릿을 선택해 주세요.");
- return;
- }
- if (
- !(await confirm(
- `선택한 ${rows.length}건의 템플릿을 삭제(비표시) 처리하시겠습니까?`,
- ))
- )
- return;
- deleteTemplatesMutation.mutate(rows.map((r) => r.original.templateCode));
- };
-
- const inspectionRequestMutation = useMutationWrapper({
- mutationFn: (requestList: NtftalkBiztalkInspectionRequestItem[]) =>
- NtftalkBiztalkApi.requestInspection(requestList),
- onSuccess: async (data) => {
- await queryClient.invalidateQueries({
- queryKey: [ENDPOINT.NTFTALK_SERVICE.NTFTALK_TEMP],
- });
- setRowSelection({});
- alert(data.message);
- },
- });
-
- const handleInspectionRequest = async () => {
- const rows = templateTable.getSelectedRowModel().rows;
- if (rows.length === 0) {
- alert("검수요청할 템플릿을 선택해 주세요.");
- return;
- }
-
- const requestList: NtftalkBiztalkInspectionRequestItem[] = [];
- for (const row of rows) {
- const { senderKey, templateCode, senderKeyType } = row.original;
- if (!senderKey || !templateCode) {
- alert("선택 항목에 발신키 또는 템플릿코드가 없습니다.");
- return;
- }
- requestList.push({
- senderKey,
- templateCode,
- senderKeyType: senderKeyType || "S",
- });
- }
-
- if (
- !(await confirm(`선택한 ${requestList.length}건을 검수요청하시겠습니까?`))
- )
- return;
- inspectionRequestMutation.mutate(requestList);
- };
-
- const handleSaveTemplateGrid = () => {
- alert("템플릿 그리드 셀 편집·일괄 저장은 별도 구현 시 연동합니다.");
- };
-
- const handleAddVarRow = () => {
- append(createEmptyVarDraft(crypto.randomUUID()));
- setVarPagination((p) => ({ ...p, pageIndex: 0 }));
- };
-
- const deleteVarsMutation = useMutationWrapper({
- mutationFn: async (codes: string[]) => {
- for (const code of codes) {
- await NtftalkVarApi.deleteNtftalkVar(code);
- }
- },
- onSuccess: async () => {
- await queryClient.invalidateQueries({
- queryKey: [ENDPOINT.NTFTALK_SERVICE.NTFTALK_VAR],
- });
- setVarRowSelection({});
- alert("삭제되었습니다.");
- },
- });
-
- const handleDeleteSelectedVars = async () => {
- const selected = varTable.getSelectedRowModel().rows;
- if (selected.length === 0) {
- alert("삭제할 변수를 선택해 주세요.");
- return;
- }
- if (!(await confirm(`선택한 ${selected.length}건을 삭제하시겠습니까?`)))
- return;
-
- const serverCodes: string[] = [];
- const draftIndexes: number[] = [];
- selected.forEach((r) => {
- const o = r.original;
- if (o.isDraft && o.clientId) {
- const draftIndex = draftIndexByClientId.get(o.clientId);
- if (draftIndex !== undefined) draftIndexes.push(draftIndex);
- } else if (o.varCd) serverCodes.push(o.varCd);
- });
-
- if (draftIndexes.length)
- remove([...new Set(draftIndexes)].sort((a, b) => b - a));
-
- if (serverCodes.length) deleteVarsMutation.mutate(serverCodes);
- };
-
- const saveVarsMutation = useMutationWrapper({
- mutationFn: async (drafts: NtftalkVarGridRow[]) => {
- const regr = getCookie(AUTH_USER_ID) ?? undefined;
- for (const d of drafts) {
- const parsed = varDraftSaveSchema.safeParse({
- varCd: d.varCd,
- varNm: d.varNm,
- varDesc: d.varDesc || undefined,
- sender: d.sender || undefined,
- });
- if (!parsed.success)
- throw new Error(
- parsed.error.issues[0]?.message ?? "유효하지 않은 입력입니다.",
- );
- await NtftalkVarApi.saveNtftalkVar({
- varCd: parsed.data.varCd,
- varNm: parsed.data.varNm,
- varDesc: parsed.data.varDesc,
- sender: parsed.data.sender,
- regr,
- });
- }
- },
- onSuccess: async () => {
- await queryClient.invalidateQueries({
- queryKey: [ENDPOINT.NTFTALK_SERVICE.NTFTALK_VAR],
- });
- replace([]);
- setVarRowSelection({});
- alert("저장되었습니다.");
- },
- });
-
- const handleSaveVars = () => {
- if (draftVars.length === 0) {
- alert("저장할 신규 변수 행이 없습니다. 변수추가로 행을 추가하세요.");
- return;
- }
- saveVarsMutation.mutate(draftVars);
- };
-
- const varTableComponent = (() => {
- if (varQuery.isLoading)
- return (
-
-
-
- );
- if (varQuery.isError) return ;
- return ;
- })();
-
return (
-
-
-
-
-
- 알림톡 템플릿 관리
-
-
-
-
-
-
-
-
-
-
{templateTableComponent}
-
-
-
-
-
변수 관리
-
-
-
-
-
-
-
{varTableComponent}
-
-
-
{
- setDetailOpen(o);
- if (!o) setDetailCode(null);
- }}
- />
-
+
+
+
+
+ 알림톡 템플릿 관리
+
+
+
+
+
+
+
+
+
+
+ {
+ setDetailCode(row.templateCode);
+ setDetailOpen(true);
+ }}
+ />
+
+
+
+
변수 관리
+
+
+
+
+
+
+
+
+
+
+
{
+ if (!next) setEditTargetVarCd(null);
+ }}
+ />
+
{text.split("\n").map((line, idx) => (
diff --git a/packages/common/components/src/ui/lnb/index.tsx b/packages/common/components/src/ui/lnb/index.tsx
index 3339a6f26..1c7722a36 100644
--- a/packages/common/components/src/ui/lnb/index.tsx
+++ b/packages/common/components/src/ui/lnb/index.tsx
@@ -94,7 +94,7 @@ export function LNB({
enabled: !isLoggedIn,
});
- const menuList = isLoggedIn
+ const menuList: MenuItem[] | undefined = isLoggedIn
? previewMode
? previewTreeMenuListData
: menuListData