jketreno/backstory
1
0
Fork 0
Code Issues 12 Actions Releases Activity

Added tooltips

Browse Source
This commit is contained in:
James Ketr 2025-03-31 15:51:40 -07:00
parent 254816136e
commit e512cdf71f
1 changed files with 29 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
src/ketr-chat/src/App.tsx
View File

@ -3,6 +3,7 @@ import FormGroup from '@mui/material/FormGroup';
import FormControlLabel from '@mui/material/FormControlLabel'; import FormControlLabel from '@mui/material/FormControlLabel';
import Switch from '@mui/material/Switch'; import Switch from '@mui/material/Switch';
import Divider from '@mui/material/Divider'; import Divider from '@mui/material/Divider';
import Tooltip from '@mui/material/Tooltip';
import Snackbar, { SnackbarCloseReason } from '@mui/material/Snackbar'; import Snackbar, { SnackbarCloseReason } from '@mui/material/Snackbar';
import Alert from '@mui/material/Alert'; import Alert from '@mui/material/Alert';
import TextField from '@mui/material/TextField'; import TextField from '@mui/material/TextField';
@ -17,6 +18,7 @@ import AppBar from '@mui/material/AppBar';
import Drawer from '@mui/material/Drawer'; import Drawer from '@mui/material/Drawer';
import Toolbar from '@mui/material/Toolbar'; import Toolbar from '@mui/material/Toolbar';
import MenuIcon from '@mui/icons-material/Menu'; import MenuIcon from '@mui/icons-material/Menu';
import SettingsIcon from '@mui/icons-material/Settings';
import IconButton from '@mui/material/IconButton'; import IconButton from '@mui/material/IconButton';
import Box from '@mui/material/Box'; import Box from '@mui/material/Box';
import CssBaseline from '@mui/material/CssBaseline'; import CssBaseline from '@mui/material/CssBaseline';
@ -653,25 +655,29 @@ const App = () => {
}} }}
> >
<Toolbar> <Toolbar>
<IconButton <Tooltip title="Chat Settings">
color="inherit" <IconButton
aria-label="open drawer" color="inherit"
edge="start" aria-label="open drawer"
onClick={handleDrawerToggle} edge="start"
sx={{ mr: 2 }} onClick={handleDrawerToggle}
> sx={{ mr: 2 }}
<MenuIcon /> >
</IconButton> <SettingsIcon />
</IconButton>
</Tooltip>
<IconButton <Tooltip title="New Chat">
color="inherit" <IconButton
aria-label="new_chat" color="inherit"
edge="start" aria-label="new_chat"
onClick={onNew} edge="start"
sx={{ mr: 2 }} onClick={onNew}
> sx={{ mr: 2 }}
<AddIcon /> >
</IconButton> <AddIcon />
</IconButton>
</Tooltip>
<Typography variant="h6" noWrap component="div"> <Typography variant="h6" noWrap component="div">
Ketr-Chat Ketr-Chat
</Typography> </Typography>
@ -705,12 +711,12 @@ const App = () => {
<Box <Box
component="main" component="main"
sx={{ flexGrow: 1, p: 3, height: '100vh' }} sx={{ flexGrow: 1, p: 1, height: '100vh' }}
className="ChatBox"> className="ChatBox">
<Toolbar /> <Toolbar />
<Box className="Conversation" <Box className="Conversation"
sx={{ flexGrow: 1, p: 3 }} sx={{ flexGrow: 1, p: 1 }}
ref={conversationRef}> ref={conversationRef}>
{conversation.map((message, index) => { {conversation.map((message, index) => {
const formattedContent = message.content.trim(); const formattedContent = message.content.trim();
@ -772,7 +778,9 @@ const App = () => {
id="QueryInput" id="QueryInput"
/> />
<AccordionActions> <AccordionActions>
<Button sx={{ m: 0 }} variant="contained" onClick={sendQuery}><SendIcon /></Button> <Tooltip title="Send">
<Button sx={{ m: 0 }} variant="contained" onClick={sendQuery}><SendIcon /></Button>
</Tooltip>
</AccordionActions> </AccordionActions>
</Box> </Box>
</Box> </Box>