build gang in mui

src/ui/React/CopyableText.tsx

@@ -4,6 +4,7 @@ import Tooltip from "@mui/material/Tooltip";
 
 type IProps = {
   value: string;
+  color?: string;
   variant?:
     | "button"
     | "caption"
@@ -39,7 +40,7 @@ export function CopyableText(props: IProps): React.ReactElement {
 
   return (
     <Tooltip open={open} title={<Typography>Copied!</Typography>}>
-      <Typography variant={props.variant} onClick={copy}>
+      <Typography variant={props.variant} color={props.color} onClick={copy}>
         {props.value}
       </Typography>
     </Tooltip>

src/ui/React/DialogBox.tsx

@@ -1,7 +1,6 @@
 import { AlertEvents } from "./AlertManager";
 
 import React from "react";
-import { jsx } from "@emotion/react";
 
 export function dialogBoxCreate(txt: string | JSX.Element): void {
   if (typeof txt !== "string") {