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 Card from "@mui/material/Card";
import { Grid, Rating, Typography } from "@mui/material";
import capitaliseFirstLetter from "../functions/capitaliseFirstLetter";
interface ClosedProps {
open : false;
@ -114,7 +115,7 @@ const DetailDisplay = forwardRef((props : {data : SolicitorInfo | 'loading'}) =>
{office.phone && <><br/><Typography variant='body2'>tel: {office.phone}</Typography></>}
{office.ratings && office.ratings.map(rating =>
(<>
<Typography variant='body2'>{rating.provider}</Typography>
<Typography variant='body2'>{capitaliseFirstLetter(rating.provider)}</Typography>
<Rating
readOnly
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 NumberField from "./numberField";
import getRatingsProviders from "../functions/getRatingsProviders";
import capitaliseFirstLetter from "../functions/capitaliseFirstLetter";
interface SidebarProps {
filters : FilterState;
onChange : (filters : FilterState) => void;
}
function capitalizeFirstLetter(val : string) {
return String(val).charAt(0).toUpperCase() + String(val).slice(1);
}
export default function Sidebar(props : SidebarProps) {
const [cities, setCities] = useState<string[]>([]);
const [ratingsProviders, setRatingsProviders] = useState<string[]>(['Solicitors.com']);
@ -41,7 +38,7 @@ export default function Sidebar(props : SidebarProps) {
multiple
options={cities}
value={props.filters.cities}
getOptionLabel={capitalizeFirstLetter}
getOptionLabel={capitaliseFirstLetter}
onChange={(_, value) => props.onChange(Object.assign({}, {...props.filters}, {cities: value}))}
renderInput={(params) => (
<TextField
@ -77,7 +74,7 @@ export default function Sidebar(props : SidebarProps) {
return (
<MenuItem
value={provider}
selected={provider === props.filters.ratingsProvider}>{capitalizeFirstLetter(provider)}
selected={provider === props.filters.ratingsProvider}>{capitaliseFirstLetter(provider)}
</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);
}