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 +++-----
 src/hooks/useRequests.tsx          | 10 +++-------
 2 files changed, 6 insertions(+), 12 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 @@
 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>
diff --git a/src/hooks/useRequests.tsx b/src/hooks/useRequests.tsx
index cb85162..204877a 100644
--- a/src/hooks/useRequests.tsx
+++ b/src/hooks/useRequests.tsx
@@ -1,15 +1,12 @@
 import {useCallback, useEffect, useMemo, useState} from "react";
 import {getHost} from "../utils";
 
-type Dict = {
-  [key: string]: string
-}
+export type Headers = [string, string][]
 
 export interface RequestPayload {
   id: string
   body: string
-  cookies: Dict
-  headers: Dict
+  headers: Headers
   method: 'GET' | 'POST' | 'PUT' | 'DELETE' | 'PATCH'
   path: string
 }
@@ -23,8 +20,7 @@ export interface ResponsePayload {
   id: string
   timing: number
   body: string
-  cookies: Dict
-  headers: Dict
+  headers: Headers
   status: number
 }
 
-- 
cgit v1.2.3