IlyaSobolev/DocSpace-buildtools
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

columns are updated with proper translations when translations are ready

Browse Source
This commit is contained in:
Vladimir Khvan 2023-06-05 17:05:54 +05:00
parent e661ea9787
commit 8246466f7d
1 changed files with 9 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
packages/client/src/pages/PortalSettings/categories/developer-tools/Webhooks/WebhookHistory/sub-components/WebhookHistoryTable/HistoryTableView/HistoryTableHeader.js
View File

@ -1,4 +1,4 @@
import React, { useState, useRef } from "react";
import React, { useState, useEffect } from "react";
import TableHeader from "@docspace/components/table-container/TableHeader";
import { inject, observer } from "mobx-react";
import { useTranslation } from "react-i18next";
@ -28,9 +28,9 @@ const getColumns = (defaultColumns, userId) => {
const HistoryTableHeader = (props) => {
const { userId, sectionWidth, tableRef } = props;
const { t } = useTranslation(["Webhooks", "People"]);
const { t, ready } = useTranslation(["Webhooks", "People"]);
const defaultColumns = useRef([
const defaultColumns = [
{
key: "Event ID",
title: t("EventID"),
@ -55,9 +55,13 @@ const HistoryTableHeader = (props) => {
resizable: true,
onChange: onColumnChange,
},
]);
];
const [columns, setColumns] = useState(getColumns(defaultColumns.current, userId));
const [columns, setColumns] = useState(getColumns(defaultColumns, userId));
useEffect(() => {
ready && setColumns(getColumns(defaultColumns, userId));
}, [ready]);
const onColumnChange = (key, e, userId) => {
const columnIndex = columns.findIndex((c) => c.key === key);