diff --git a/packages/dashboard/src/components/DashboardProvider/DashboardProvider.tsx b/packages/dashboard/src/components/DashboardProvider/DashboardProvider.tsx
index 8010322deff..26f479557cf 100644
--- a/packages/dashboard/src/components/DashboardProvider/DashboardProvider.tsx
+++ b/packages/dashboard/src/components/DashboardProvider/DashboardProvider.tsx
@@ -1,5 +1,5 @@
import WebSocket from "isomorphic-ws";
-import {useEffect} from "react";
+import { useEffect } from "react";
import {
handleDashboardProviderRequest,
isInteractiveRequest,
@@ -8,8 +8,8 @@ import {
} from "../../utils/utils";
import Card from "../common/Card";
import IncomingRequest from "./IncomingRequest";
-import type {DashboardProviderMessage} from "@truffle/dashboard-message-bus";
-import {useConnect} from "wagmi";
+import type { DashboardProviderMessage } from "@truffle/dashboard-message-bus";
+import { useConnect } from "wagmi";
interface Props {
paused: boolean;
@@ -22,8 +22,8 @@ interface Props {
socket: WebSocket;
}
-function DashboardProvider({paused, socket, requests, setRequests}: Props) {
- const [{data: connectData}] = useConnect();
+function DashboardProvider({ paused, socket, requests, setRequests }: Props) {
+ const [{ data: connectData }] = useConnect();
const provider = connectData.connector?.getProvider();
const connector = connectData.connector;
@@ -58,23 +58,23 @@ function DashboardProvider({paused, socket, requests, setRequests}: Props) {
const incomingRequests =
connectData.connected && provider && socket
? requests
- .filter(isInteractiveRequest)
- .map(request => (
-
- ))
+ .filter(isInteractiveRequest)
+ .map(request => (
+
+ ))
: [];
return (
);
diff --git a/packages/dashboard/src/components/DashboardProvider/IncomingRequest.tsx b/packages/dashboard/src/components/DashboardProvider/IncomingRequest.tsx
index 845c0144f20..5803b7b6308 100644
--- a/packages/dashboard/src/components/DashboardProvider/IncomingRequest.tsx
+++ b/packages/dashboard/src/components/DashboardProvider/IncomingRequest.tsx
@@ -17,7 +17,13 @@ interface Props {
socket: WebSocket;
}
-function IncomingRequest({ provider, connector, socket, request, setRequests }: Props) {
+function IncomingRequest({
+ provider,
+ connector,
+ socket,
+ request,
+ setRequests
+}: Props) {
const removeFromRequests = () => {
setRequests(previousRequests =>
previousRequests.filter(other => other.id !== request.id)
diff --git a/packages/dashboard/src/components/Header/Header.tsx b/packages/dashboard/src/components/Header/Header.tsx
index a4018c515e0..b7774dda38d 100644
--- a/packages/dashboard/src/components/Header/Header.tsx
+++ b/packages/dashboard/src/components/Header/Header.tsx
@@ -2,19 +2,19 @@ import { providers } from "ethers";
import { useEffect, useState } from "react";
import { getDisplayName } from "../../utils/utils";
import NetworkIndicator from "../common/NetworkIndicator";
-import {useAccount, useConnect, useNetwork} from "wagmi";
+import { useAccount, useConnect, useNetwork } from "wagmi";
import Button from "../common/Button";
interface Props {
disconnect: () => void;
}
-function Header({disconnect}: Props) {
+function Header({ disconnect }: Props) {
const [displayName, setDisplayName] = useState
();
- const [{ data: accountData}] = useAccount();
+ const [{ data: accountData }] = useAccount();
const [{ data: networkData }] = useNetwork();
- const [{data: connectData}] = useConnect();
+ const [{ data: connectData }] = useConnect();
useEffect(() => {
const updateAccountDisplay = async (
@@ -24,26 +24,32 @@ function Header({disconnect}: Props) {
setDisplayName(await getDisplayName(provider, address));
};
- if(!connectData.connected) {
+ if (!connectData.connected) {
setDisplayName(undefined);
}
if (!connectData || !accountData) return;
- updateAccountDisplay(connectData.connector?.getProvider(), accountData.address);
+ updateAccountDisplay(
+ connectData.connector?.getProvider(),
+ accountData.address
+ );
}, [connectData, accountData]);
-
return (
diff --git a/packages/dashboard/src/components/common/NetworkIndicator.tsx b/packages/dashboard/src/components/common/NetworkIndicator.tsx
index 9af8b7e3627..6cf827157dc 100644
--- a/packages/dashboard/src/components/common/NetworkIndicator.tsx
+++ b/packages/dashboard/src/components/common/NetworkIndicator.tsx
@@ -1,11 +1,11 @@
-import {useEffect, useState} from "react";
-import {getNetworkName} from "src/utils/utils";
+import { useEffect, useState } from "react";
+import { getNetworkName } from "src/utils/utils";
interface Props {
chainId: number;
}
-function NetworkIndicator({chainId}: Props) {
+function NetworkIndicator({ chainId }: Props) {
const [networkName, setNetworkName] = useState(`Chain ID ${chainId}`);
const textColor = chainId === 1 ? "text-truffle-red" : "";
From 15c4c9fc5c3e9ea16ef78e99b8cceea33f97e2e3 Mon Sep 17 00:00:00 2001
From: MB <951378+michaeljohnbennett@users.noreply.github.com>
Date: Thu, 31 Mar 2022 12:42:36 +1100
Subject: [PATCH 10/10] reverted button change.
---
packages/dashboard/src/components/common/Button.tsx | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/packages/dashboard/src/components/common/Button.tsx b/packages/dashboard/src/components/common/Button.tsx
index d27cfae5aa5..6bf943453d2 100644
--- a/packages/dashboard/src/components/common/Button.tsx
+++ b/packages/dashboard/src/components/common/Button.tsx
@@ -8,7 +8,7 @@ interface Props {
function Button({ onClick, text }: Props) {
return (