From 08145f68440ad9f1b3de88c3f20b4d8cc643c7d8 Mon Sep 17 00:00:00 2001
From: John Wu <76966357+jwu-fisker@users.noreply.github.com>
Date: Sat, 6 Aug 2022 15:20:00 -0700
Subject: [PATCH] CEC-2211 Change link to button (#185)

---
 src/components/VehicleMap/popup.jsx | 11 ++++-------
 1 file changed, 4 insertions(+), 7 deletions(-)

diff --git a/src/components/VehicleMap/popup.jsx b/src/components/VehicleMap/popup.jsx
index 8cf387b..671e4ed 100644
--- a/src/components/VehicleMap/popup.jsx
+++ b/src/components/VehicleMap/popup.jsx
@@ -3,11 +3,11 @@ import Dialog from "@material-ui/core/Dialog";
 import MuiDialogTitle from "@material-ui/core/DialogTitle";
 import IconButton from "@material-ui/core/IconButton";
 import CloseIcon from "@material-ui/icons/Close";
+import VisibilityIcon from "@material-ui/icons/Visibility";
 import Typography from "@material-ui/core/Typography";
 
 import useStyles from "../useStyles";
 import DigitalTwin from "../DigitalTwin";
-import clsx from "clsx";
 import CANSignals from "../Cars/CANSignals";
 
 const VehiclePopUp = (props) => {
@@ -35,12 +35,9 @@ const VehiclePopUp = (props) => {
       <DialogTitle align="center" onClose={onClose}>
         {vin}
         {"  "}
-        <span
-          className={clsx(classes.pseudoLink, classes.breadcrumbs)}
-          onClick={toggleView}
-        >
-          {viewCAN ? "View Digital Twin" : "View CAN Signals"}
-        </span>
+        <IconButton>
+          <VisibilityIcon fontSize="inherit" onClick={toggleView} />
+        </IconButton>
       </DialogTitle>
       <div align="center" className={classes.popUpContent}>
         <p>