fix(ui): hide 'show details' button if there are no additional details (#1254)

This commit is contained in:
Danshil Kokil Mungur
2021-03-22 02:33:36 +04:00
committed by GitHub
parent 0de2b63903
commit 6210f12e8e

View File

@@ -1,22 +1,22 @@
import copy from 'copy-to-clipboard';
import { useRouter } from 'next/router';
import React, { useEffect, useState } from 'react'; import React, { useEffect, useState } from 'react';
import { defineMessages, useIntl } from 'react-intl'; import { defineMessages, useIntl } from 'react-intl';
import copy from 'copy-to-clipboard'; import { useToasts } from 'react-toast-notifications';
import useSWR from 'swr'; import useSWR from 'swr';
import { import {
LogMessage, LogMessage,
LogsResultsResponse, LogsResultsResponse,
} from '../../../../server/interfaces/api/settingsInterfaces'; } from '../../../../server/interfaces/api/settingsInterfaces';
import globalMessages from '../../../i18n/globalMessages';
import Error from '../../../pages/_error'; import Error from '../../../pages/_error';
import Badge from '../../Common/Badge'; import Badge from '../../Common/Badge';
import Button from '../../Common/Button'; import Button from '../../Common/Button';
import LoadingSpinner from '../../Common/LoadingSpinner'; import LoadingSpinner from '../../Common/LoadingSpinner';
import Modal from '../../Common/Modal';
import PageTitle from '../../Common/PageTitle'; import PageTitle from '../../Common/PageTitle';
import Table from '../../Common/Table'; import Table from '../../Common/Table';
import globalMessages from '../../../i18n/globalMessages';
import { useRouter } from 'next/router';
import Modal from '../../Common/Modal';
import Transition from '../../Transition'; import Transition from '../../Transition';
import { useToasts } from 'react-toast-notifications';
const messages = defineMessages({ const messages = defineMessages({
logs: 'Logs', logs: 'Logs',
@@ -358,14 +358,16 @@ const SettingsLogs: React.FC = () => {
<Table.TD className="text-gray-300">{row.label}</Table.TD> <Table.TD className="text-gray-300">{row.label}</Table.TD>
<Table.TD className="text-gray-300">{row.message}</Table.TD> <Table.TD className="text-gray-300">{row.message}</Table.TD>
<Table.TD className="flex items-center justify-end"> <Table.TD className="flex items-center justify-end">
<Button {row.data && (
buttonType="primary" <Button
buttonSize="sm" buttonType="primary"
onClick={() => setActiveLog(row)} buttonSize="sm"
className="mr-2" onClick={() => setActiveLog(row)}
> className="mr-2"
{intl.formatMessage(messages.viewDetails)} >
</Button> {intl.formatMessage(messages.viewDetails)}
</Button>
)}
<Button <Button
buttonType="primary" buttonType="primary"
buttonSize="sm" buttonSize="sm"