diff --git a/src/api/Ticker.ts b/src/api/Ticker.ts index 6c316eb2..690c93a7 100644 --- a/src/api/Ticker.ts +++ b/src/api/Ticker.ts @@ -34,6 +34,7 @@ export interface TickerInformation { facebook: string telegram: string mastodon: string + bluesky: string } export interface TickerTelegram { diff --git a/src/components/ticker/TickerForm.tsx b/src/components/ticker/TickerForm.tsx index b280b96e..d2dd40e4 100644 --- a/src/components/ticker/TickerForm.tsx +++ b/src/components/ticker/TickerForm.tsx @@ -7,7 +7,7 @@ import LocationSearch, { Result } from './LocationSearch' import { MapContainer, Marker, TileLayer } from 'react-leaflet' import { FontAwesomeIcon } from '@fortawesome/react-fontawesome' import { Alert, Button, Checkbox, FormControlLabel, FormGroup, Grid, InputAdornment, Stack, TextField, Typography } from '@mui/material' -import { faComputerMouse, faEnvelope, faUser } from '@fortawesome/free-solid-svg-icons' +import { faComputerMouse, faEnvelope, faSquare, faUser } from '@fortawesome/free-solid-svg-icons' import { faFacebook, faMastodon, faTelegram, faTwitter } from '@fortawesome/free-brands-svg-icons' interface Props { @@ -29,6 +29,7 @@ interface FormValues { facebook: string telegram: string mastodon: string + bluesky: string } location: { lat: number @@ -51,6 +52,7 @@ const TickerForm: FC = ({ callback, id, ticker }) => { facebook: ticker?.information.facebook, telegram: ticker?.information.telegram, mastodon: ticker?.information.mastodon, + bluesky: ticker?.information.bluesky, }, location: { lat: ticker?.location.lat || 0, @@ -242,6 +244,22 @@ const TickerForm: FC = ({ callback, id, ticker }) => { /> + + + + + + ), + }} + label="Bluesky" + margin="dense" + /> + + Location