From efb3fae035c7773a233d2bb3ecc455a956c80eff Mon Sep 17 00:00:00 2001
From: Tom van der Lee <tom@vanderlee.io>
Date: Mon, 7 Feb 2022 22:05:04 +0100
Subject: Updated ui

---
 src/components/Details/Details.tsx | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

(limited to 'src/components/Details/Details.tsx')

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 @@
 import * as React from "react";
 import {useCallback, useMemo, useState} from "react";
-import {RequestResponse} from "~hooks/useRequests";
+import {RequestResponse, Headers} from "~hooks/useRequests";
 import styles from "./Details.module.scss";
 import RequestSummary from "../RequestSummary/RequestSummary";
 import Content from "../Content/Content";
@@ -28,9 +28,7 @@ function Timing({ timing }: TimingProps) {
 
 interface HeadersProps {
   title: string
-  headers: {
-    [key: string]: string
-  }
+  headers: Headers
 }
 
 function Headers({ title, headers }: HeadersProps) {
@@ -50,7 +48,7 @@ function Headers({ title, headers }: HeadersProps) {
           </thead>
           <tbody>
           {
-            Object.entries(headers).map(([key, value]) => (
+            headers.map(([key, value]) => (
               <tr>
                 <td>{key}</td>
                 <td>{value}</td>
-- 
cgit v1.2.3

