From 7a5939e35c7918f4361980fc357114e1a6b8c083 Mon Sep 17 00:00:00 2001
From: louis <louis@systemli.org>
Date: Sun, 12 Nov 2023 11:27:15 +0100
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20Add=20Property=20for=20Mastodon=20P?=
 =?UTF-8?q?rofile=20URL?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/Ticker.ts                    |  1 +
 src/components/ticker/TickerForm.tsx | 20 +++++++++++++++++++-
 2 files changed, 20 insertions(+), 1 deletion(-)

diff --git a/src/api/Ticker.ts b/src/api/Ticker.ts
index 24f0aa6f..6c316eb2 100644
--- a/src/api/Ticker.ts
+++ b/src/api/Ticker.ts
@@ -33,6 +33,7 @@ export interface TickerInformation {
   twitter: string
   facebook: string
   telegram: string
+  mastodon: string
 }
 
 export interface TickerTelegram {
diff --git a/src/components/ticker/TickerForm.tsx b/src/components/ticker/TickerForm.tsx
index 4bdafff1..b280b96e 100644
--- a/src/components/ticker/TickerForm.tsx
+++ b/src/components/ticker/TickerForm.tsx
@@ -8,7 +8,7 @@ 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 { faFacebook, faTelegram, faTwitter } from '@fortawesome/free-brands-svg-icons'
+import { faFacebook, faMastodon, faTelegram, faTwitter } from '@fortawesome/free-brands-svg-icons'
 
 interface Props {
   id: string
@@ -28,6 +28,7 @@ interface FormValues {
     twitter: string
     facebook: string
     telegram: string
+    mastodon: string
   }
   location: {
     lat: number
@@ -49,6 +50,7 @@ const TickerForm: FC<Props> = ({ callback, id, ticker }) => {
         twitter: ticker?.information.twitter,
         facebook: ticker?.information.facebook,
         telegram: ticker?.information.telegram,
+        mastodon: ticker?.information.mastodon,
       },
       location: {
         lat: ticker?.location.lat || 0,
@@ -224,6 +226,22 @@ const TickerForm: FC<Props> = ({ callback, id, ticker }) => {
             />
           </FormGroup>
         </Grid>
+        <Grid item sm={6} xs={12}>
+          <FormGroup>
+            <TextField
+              {...register('information.mastodon')}
+              InputProps={{
+                startAdornment: (
+                  <InputAdornment position="start">
+                    <FontAwesomeIcon icon={faMastodon} />
+                  </InputAdornment>
+                ),
+              }}
+              label="Mastodon"
+              margin="dense"
+            />
+          </FormGroup>
+        </Grid>
         <Grid item xs={12}>
           <Typography component="h6" variant="h6">
             Location