fox/interviews_InfoTrack
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

capitalise in detail display

Browse Source
This commit is contained in:
Fox 2026-06-24 12:27:28 +01:00
parent 5819f5ca25
commit 73cde32638
3 changed files with 8 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
frontend/src/components/detail.tsx
View File

@ -5,6 +5,7 @@ import { SolicitorInfo } from "../models/solicitorSummary";
import getSolicitor from "../functions/getSolicitor"; import getSolicitor from "../functions/getSolicitor";
import Card from "@mui/material/Card"; import Card from "@mui/material/Card";
import { Grid, Rating, Typography } from "@mui/material"; import { Grid, Rating, Typography } from "@mui/material";
import capitaliseFirstLetter from "../functions/capitaliseFirstLetter";
interface ClosedProps { interface ClosedProps {
open : false; open : false;
@ -114,7 +115,7 @@ const DetailDisplay = forwardRef((props : {data : SolicitorInfo | 'loading'}) =>
{office.phone && <><br/><Typography variant='body2'>tel: {office.phone}</Typography></>} {office.phone && <><br/><Typography variant='body2'>tel: {office.phone}</Typography></>}
{office.ratings && office.ratings.map(rating => {office.ratings && office.ratings.map(rating =>
(<> (<>
<Typography variant='body2'>{rating.provider}</Typography> <Typography variant='body2'>{capitaliseFirstLetter(rating.provider)}</Typography>
<Rating <Rating
readOnly readOnly
value={rating.value * 5.0 / rating.maximum} value={rating.value * 5.0 / rating.maximum}

9
frontend/src/components/sidebar.tsx
View File

@ -4,16 +4,13 @@ import FilterState from "../models/filterState";
import { useEffect, useState } from "react"; import { useEffect, useState } from "react";
import NumberField from "./numberField"; import NumberField from "./numberField";
import getRatingsProviders from "../functions/getRatingsProviders"; import getRatingsProviders from "../functions/getRatingsProviders";
import capitaliseFirstLetter from "../functions/capitaliseFirstLetter";
interface SidebarProps { interface SidebarProps {
filters : FilterState; filters : FilterState;
onChange : (filters : FilterState) => void; onChange : (filters : FilterState) => void;
} }
function capitalizeFirstLetter(val : string) {
return String(val).charAt(0).toUpperCase() + String(val).slice(1);
}
export default function Sidebar(props : SidebarProps) { export default function Sidebar(props : SidebarProps) {
const [cities, setCities] = useState<string[]>([]); const [cities, setCities] = useState<string[]>([]);
const [ratingsProviders, setRatingsProviders] = useState<string[]>(['Solicitors.com']); const [ratingsProviders, setRatingsProviders] = useState<string[]>(['Solicitors.com']);
@ -41,7 +38,7 @@ export default function Sidebar(props : SidebarProps) {
multiple multiple
options={cities} options={cities}
value={props.filters.cities} value={props.filters.cities}
getOptionLabel={capitalizeFirstLetter} getOptionLabel={capitaliseFirstLetter}
onChange={(_, value) => props.onChange(Object.assign({}, {...props.filters}, {cities: value}))} onChange={(_, value) => props.onChange(Object.assign({}, {...props.filters}, {cities: value}))}
renderInput={(params) => ( renderInput={(params) => (
<TextField <TextField
@ -77,7 +74,7 @@ export default function Sidebar(props : SidebarProps) {
return ( return (
<MenuItem <MenuItem
value={provider} value={provider}
selected={provider === props.filters.ratingsProvider}>{capitalizeFirstLetter(provider)} selected={provider === props.filters.ratingsProvider}>{capitaliseFirstLetter(provider)}
</MenuItem> </MenuItem>
) )
})} })}

3
frontend/src/functions/capitaliseFirstLetter.ts Normal file
View File

@ -0,0 +1,3 @@
export default function capitaliseFirstLetter(val : string) {
return String(val).charAt(0).toUpperCase() + String(val).slice(1);
}