From e85fed63ec0ffda36c963e51e3cc9e3ec2ea8d1c Mon Sep 17 00:00:00 2001
From: Maxwell Lin <28914712+maxwellmlin@users.noreply.github.com>
Date: Sat, 21 Oct 2023 15:49:56 -0400
Subject: [PATCH] Lint

---
 .../call-service-panel/src/CallServicePanel.tsx      |  7 +++++--
 .../publish-topic-panel/src/PublishTopicPanel.tsx    |  4 +---
 .../src/SubscribeTopicPanel.tsx                      | 12 ++----------
 3 files changed, 8 insertions(+), 15 deletions(-)

diff --git a/foxglove/extensions/call-service-panel/src/CallServicePanel.tsx b/foxglove/extensions/call-service-panel/src/CallServicePanel.tsx
index 352e070bd..bf22c0350 100644
--- a/foxglove/extensions/call-service-panel/src/CallServicePanel.tsx
+++ b/foxglove/extensions/call-service-panel/src/CallServicePanel.tsx
@@ -2,6 +2,7 @@ import { Immutable, PanelExtensionContext, RenderState } from "@foxglove/studio"
 import Alert from "@mui/material/Alert";
 import { JsonViewer } from "@textea/json-viewer";
 import { useCallback, useEffect, useLayoutEffect, useState } from "react";
+import { JSX } from "react/jsx-runtime";
 import { createRoot } from "react-dom/client";
 
 type State = {
@@ -86,8 +87,10 @@ function CallServicePanel({ context }: { context: PanelExtensionContext }): JSX.
         <button
           disabled={context.callService == undefined || state.serviceName === ""}
           style={{ width: "100%", minHeight: "2rem" }}
-          onClick={async () => {
-            await callService(state.serviceName, state.request);
+          onClick={() => {
+            void (async () => {
+              await callService(state.serviceName, state.request);
+            })();
           }}
         >
           {`Call ${state.serviceName}`}
diff --git a/foxglove/extensions/publish-topic-panel/src/PublishTopicPanel.tsx b/foxglove/extensions/publish-topic-panel/src/PublishTopicPanel.tsx
index fd5bf3b9e..2b5c767bd 100644
--- a/foxglove/extensions/publish-topic-panel/src/PublishTopicPanel.tsx
+++ b/foxglove/extensions/publish-topic-panel/src/PublishTopicPanel.tsx
@@ -82,9 +82,7 @@ function PublishTopicPanel({ context }: { context: PanelExtensionContext }): JSX
       </div>
       <div>
         <button
-          disabled={
-            context.advertise == undefined || context.publish == undefined || state.topicName === ""
-          }
+          disabled={context.advertise == undefined || context.publish == undefined || state.topicName === ""}
           style={{ width: "100%", minHeight: "2rem" }}
           onClick={() => {
             publishTopic(state.topicName, state.request);
diff --git a/foxglove/extensions/subscribe-topic-panel/src/SubscribeTopicPanel.tsx b/foxglove/extensions/subscribe-topic-panel/src/SubscribeTopicPanel.tsx
index d77d1756f..10ce89d58 100644
--- a/foxglove/extensions/subscribe-topic-panel/src/SubscribeTopicPanel.tsx
+++ b/foxglove/extensions/subscribe-topic-panel/src/SubscribeTopicPanel.tsx
@@ -1,10 +1,4 @@
-import {
-  PanelExtensionContext,
-  RenderState,
-  Topic,
-  MessageEvent,
-  Immutable,
-} from "@foxglove/studio";
+import { PanelExtensionContext, RenderState, Topic, MessageEvent, Immutable } from "@foxglove/studio";
 import { JsonViewer } from "@textea/json-viewer";
 import { useLayoutEffect, useEffect, useState, useMemo } from "react";
 import { createRoot } from "react-dom/client";
@@ -56,9 +50,7 @@ function SubscribeTopicPanel({ context }: { context: PanelExtensionContext }): J
 
       // Save the most recent message on our topic.
       if (renderState.currentFrame && renderState.currentFrame.length > 0) {
-        const lastFrame = renderState.currentFrame[
-          renderState.currentFrame.length - 1
-        ] as MessageEvent;
+        const lastFrame = renderState.currentFrame[renderState.currentFrame.length - 1] as MessageEvent;
 
         setState((oldState) => ({ ...oldState, message: lastFrame }));
       }