ssube/task_receipts
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

get the client mostly working

Browse Source
This commit is contained in:
Sean Sube 2025-06-14 18:42:04 -05:00
parent fd9f9e3d85
commit ab70385bb3
No known key found for this signature in database
GPG Key ID: 3EED7B957D362AF1
2 changed files with 11 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
client/src/App.tsx
View File

@ -61,6 +61,7 @@ export function App() {
step={step!} step={step!}
onPrint={() => handlePrintStep(String(selectedStep.id), '1')} // TODO: Get real user ID onPrint={() => handlePrintStep(String(selectedStep.id), '1')} // TODO: Get real user ID
onAddNote={(content) => handleAddNote(content, '1')} // TODO: Get real user ID onAddNote={(content) => handleAddNote(content, '1')} // TODO: Get real user ID
onBack={handleBack}
/> />
) : ( ) : (
<MobileLayout <MobileLayout

15
client/src/components/StepDetails.tsx
View File

@ -1,18 +1,23 @@
import { Box, Typography, Button, TextField } from '@mui/material'; import { Box, Typography, Button, TextField, IconButton } from '@mui/material';
import ArrowBackIcon from '@mui/icons-material/ArrowBack';
import type { StepWithNotes } from '../types'; import type { StepWithNotes } from '../types';
interface StepDetailsProps { interface StepDetailsProps {
step: StepWithNotes; step: StepWithNotes;
onPrint: () => void; onPrint: () => void;
onAddNote: (content: string) => void; onAddNote: (content: string) => void;
onBack: () => void;
} }
export function StepDetails({ step, onPrint, onAddNote }: StepDetailsProps) { export function StepDetails({ step, onPrint, onAddNote, onBack }: StepDetailsProps) {
return ( return (
<Box sx={{ p: 2 }}> <Box sx={{ p: 2 }}>
<Typography variant="h6" sx={{ mb: 2 }}> <Box sx={{ display: 'flex', alignItems: 'center', mb: 2 }}>
{step.name} <IconButton onClick={onBack} sx={{ mr: 1 }}>
</Typography> <ArrowBackIcon />
</IconButton>
<Typography variant="h6">{step.name}</Typography>
</Box>
<Typography sx={{ mb: 4 }}>{step.instructions}</Typography> <Typography sx={{ mb: 4 }}>{step.instructions}</Typography>
<Box sx={{ mb: 4 }}> <Box sx={{ mb: 4 }}>