diff options
| author | 2022-02-07 22:05:04 +0100 | |
|---|---|---|
| committer | 2022-02-07 22:05:04 +0100 | |
| commit | efb3fae035c7773a233d2bb3ecc455a956c80eff (patch) | |
| tree | 3f13a35c721f652ebdf8b8e4d5d7aaabf3a9add9 /src/components | |
| parent | 9cc204b0613a677bb3fec0b7bd357eb2968144ae (diff) | |
| download | client-1.2.2.tar.gz client-1.2.2.tar.bz2 client-1.2.2.zip | |
Updated uiv1.2.2
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/Details/Details.tsx | 8 |
1 files changed, 3 insertions, 5 deletions
diff --git a/src/components/Details/Details.tsx b/src/components/Details/Details.tsx index d4bb07a..96f0790 100644 --- a/src/components/Details/Details.tsx +++ b/src/components/Details/Details.tsx | |||
| @@ -1,6 +1,6 @@ | |||
| 1 | import * as React from "react"; | 1 | import * as React from "react"; |
| 2 | import {useCallback, useMemo, useState} from "react"; | 2 | import {useCallback, useMemo, useState} from "react"; |
| 3 | import {RequestResponse} from "~hooks/useRequests"; | 3 | import {RequestResponse, Headers} from "~hooks/useRequests"; |
| 4 | import styles from "./Details.module.scss"; | 4 | import styles from "./Details.module.scss"; |
| 5 | import RequestSummary from "../RequestSummary/RequestSummary"; | 5 | import RequestSummary from "../RequestSummary/RequestSummary"; |
| 6 | import Content from "../Content/Content"; | 6 | import Content from "../Content/Content"; |
| @@ -28,9 +28,7 @@ function Timing({ timing }: TimingProps) { | |||
| 28 | 28 | ||
| 29 | interface HeadersProps { | 29 | interface HeadersProps { |
| 30 | title: string | 30 | title: string |
| 31 | headers: { | 31 | headers: Headers |
| 32 | [key: string]: string | ||
| 33 | } | ||
| 34 | } | 32 | } |
| 35 | 33 | ||
| 36 | function Headers({ title, headers }: HeadersProps) { | 34 | function Headers({ title, headers }: HeadersProps) { |
| @@ -50,7 +48,7 @@ function Headers({ title, headers }: HeadersProps) { | |||
| 50 | </thead> | 48 | </thead> |
| 51 | <tbody> | 49 | <tbody> |
| 52 | { | 50 | { |
| 53 | Object.entries(headers).map(([key, value]) => ( | 51 | headers.map(([key, value]) => ( |
| 54 | <tr> | 52 | <tr> |
| 55 | <td>{key}</td> | 53 | <td>{key}</td> |
| 56 | <td>{value}</td> | 54 | <td>{value}</td> |
