From 56685a0a66695ea7d2c0b34881ee444d16455c1b Mon Sep 17 00:00:00 2001
From: shanejonas <jonas.shane@gmail.com>
Date: Sun, 21 Mar 2021 10:48:59 -0700
Subject: [PATCH] fix: allow custom transport as option

---
 src/containers/Inspector.tsx | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/containers/Inspector.tsx b/src/containers/Inspector.tsx
index 35380b4..7517b67 100644
--- a/src/containers/Inspector.tsx
+++ b/src/containers/Inspector.tsx
@@ -125,6 +125,7 @@ interface IProps {
   hideToggleTheme?: boolean;
   openrpcDocument?: OpenrpcDocument;
   transport?: TTransport;
+  customTransport?: ITransport;
   onToggleDarkMode?: () => void;
 }
 
@@ -166,16 +167,21 @@ const Inspector: React.FC<IProps> = (props) => {
     params: [],
     id: 0,
   });
-  const [transportList, setTransportList] = useState(defaultTransports);
+  const [transportList, setTransportList] = useState(() => {
+    if (props.customTransport) {
+      return [...defaultTransports, props.customTransport];
+    }
+    return defaultTransports;
+  });
   const [url, setUrl] = useState(props.url || "");
   const [debouncedUrl] = useDebounce(url, 1000);
-  const [selectedTransport, setSelectedTransport] = useState(defaultTransports[0]);
+  const [selectedTransport, setSelectedTransport] = useState(props.customTransport || defaultTransports[0]);
   const [transportOptions, setTransportOptions] = useState<any>();
   const [debouncedtransportOptions] = useDebounce(transportOptions, 1000);
   const [transport, setTransport, , connected] = useTransport(
     transportList,
     debouncedUrl,
-    defaultTransports[0],
+    props.customTransport || defaultTransports[0],
     debouncedtransportOptions,
   );
   const [historyOpen, setHistoryOpen] = useState(false);