summaryrefslogtreecommitdiffstats
path: root/src/components/Details/Details.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/Details/Details.tsx')
-rw-r--r--src/components/Details/Details.tsx8
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 @@
1import * as React from "react"; 1import * as React from "react";
2import {useCallback, useMemo, useState} from "react"; 2import {useCallback, useMemo, useState} from "react";
3import {RequestResponse} from "~hooks/useRequests"; 3import {RequestResponse, Headers} from "~hooks/useRequests";
4import styles from "./Details.module.scss"; 4import styles from "./Details.module.scss";
5import RequestSummary from "../RequestSummary/RequestSummary"; 5import RequestSummary from "../RequestSummary/RequestSummary";
6import Content from "../Content/Content"; 6import Content from "../Content/Content";
@@ -28,9 +28,7 @@ function Timing({ timing }: TimingProps) {
28 28
29interface HeadersProps { 29interface HeadersProps {
30 title: string 30 title: string
31 headers: { 31 headers: Headers
32 [key: string]: string
33 }
34} 32}
35 33
36function Headers({ title, headers }: HeadersProps) { 34function 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>