powermaker450/simple-review-client
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Add tooltip to settings icon

Browse source
This commit is contained in:
powermaker450 2024-09-11 23:30:51 -04:00
parent 6fe9fbb3cb
commit c4aea2e106
1 changed files with 14 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
src/components/EndpointDialong.tsx
View file

@ -8,6 +8,8 @@ import {
FormControlLabel, FormControlLabel,
IconButton, IconButton,
TextField, TextField,
Tooltip,
Zoom,
} from "@mui/material"; } from "@mui/material";
import SettingsIcon from "@mui/icons-material/Settings"; import SettingsIcon from "@mui/icons-material/Settings";
import React, { useState } from "react"; import React, { useState } from "react";
@ -58,11 +60,21 @@ const EndpointDialog = ({ endpoint, setEndpoint, secure, setSecure }: EndpointDi
localStorage.setItem("apiEndpoint", JSON.stringify(endpoint)); localStorage.setItem("apiEndpoint", JSON.stringify(endpoint));
} }
return ( const settingsButton = (
<> <Tooltip
title="Settings"
placement="top"
TransitionComponent={Zoom}
>
<IconButton aria-label="settings" onClick={openSettings}> <IconButton aria-label="settings" onClick={openSettings}>
<SettingsIcon /> <SettingsIcon />
</IconButton> </IconButton>
</Tooltip>
);
return (
<>
{settingsButton}
<Dialog <Dialog
open={open} open={open}