✨ Add Property for Mastodon Profile URL

systemli · Nov 12, 2023 · 7a5939e · 7a5939e
1 parent 3e91a1a
commit 7a5939e
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 1 deletion.
diff --git 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
@@ -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