feat: use MUI button
This commit is contained in:
@@ -1,5 +1,6 @@
|
|||||||
import React, { useCallback, useEffect, useState } from 'react';
|
import React, { useCallback, useEffect, useState } from 'react';
|
||||||
import { useSocketStore } from '../../context/socket';
|
import { useSocketStore } from '../../context/socket';
|
||||||
|
import { Button } from '@mui/material';
|
||||||
import Canvas from "../atoms/canvas";
|
import Canvas from "../atoms/canvas";
|
||||||
import { useBrowserDimensionsStore } from "../../context/browserDimensions";
|
import { useBrowserDimensionsStore } from "../../context/browserDimensions";
|
||||||
import { Highlighter } from "../atoms/Highlighter";
|
import { Highlighter } from "../atoms/Highlighter";
|
||||||
@@ -240,9 +241,9 @@ export const BrowserWindow = () => {
|
|||||||
<div>
|
<div>
|
||||||
<h2>Select Attribute</h2>
|
<h2>Select Attribute</h2>
|
||||||
{attributeOptions.map((option) => (
|
{attributeOptions.map((option) => (
|
||||||
<button key={option.value} onClick={() => handleAttributeSelection(option.value)}>
|
<Button key={option.value} onClick={() => handleAttributeSelection(option.value)}>
|
||||||
{option.label}
|
{option.label}
|
||||||
</button>
|
</Button>
|
||||||
))}
|
))}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user