feat: Enhance result analysis and error display

This commit is contained in:
AG
2025-10-11 17:38:31 +03:00
parent 4c420acc08
commit 641caf74eb
8 changed files with 56 additions and 103 deletions

View File

@@ -8,8 +8,7 @@ import ResultsDisplay from '../components/ResultsDisplay';
const SessionPage = () => {
const { sessionId } = useParams<{ sessionId: string }>();
const [session, setSession, sendMessage, clientId] = useSession(sessionId || '');
const [error, setError] = useState<string | null>(null);
const [session, setSession, sendMessage, clientId, wsError] = useSession(sessionId || '');
const [expectedResponses, setExpectedResponses] = useState(2);
const [topic, setTopic] = useState('');
@@ -43,7 +42,7 @@ const SessionPage = () => {
return (
<Container maxWidth="md">
<Box sx={{ mt: 4 }}>
{error && <Alert severity="error" sx={{ mb: 2 }}>{error}</Alert>}
{wsError && <Alert severity="error" sx={{ mb: 2 }}>{wsError}</Alert>}
<Typography variant="h4" component="h1" gutterBottom>
Session: {session.topic || session.sessionId}

View File

@@ -1,42 +0,0 @@
import React from 'react';
import { Box, Typography, Container, Button } from '@mui/material';
import { useNavigate } from 'react-router-dom';
const StartPage = () => {
const navigate = useNavigate();
const handleCreateClick = () => {
navigate('/create');
};
return (
<Container maxWidth="sm">
<Box
sx={{
marginTop: 8,
display: 'flex',
flexDirection: 'column',
alignItems: 'center',
textAlign: 'center'
}}
>
<Typography component="h1" variant="h4" gutterBottom>
Welcome to Agree on Desires
</Typography>
<Typography variant="h6" color="text.secondary" paragraph>
A simple tool to help groups of people make decisions together.
</Typography>
<Button
variant="contained"
size="large"
sx={{ mt: 4 }}
onClick={handleCreateClick}
>
Create a New Session
</Button>
</Box>
</Container>
);
};
export default StartPage;