Merge pull request #566 from systemli/Add-Property-for-Bluesky-Profil…

…e-URL ✨ Add Property for Bluesky Profile URL
systemli · Dec 4, 2023 · ddf1436 · ddf1436
2 parents 75f7b62 + bdc8cc7
commit ddf1436
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
@@ -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
@@ -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<Props> = ({ 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<Props> = ({ callback, id, ticker }) => {
             />
           </FormGroup>
         </Grid>
+        <Grid item sm={6} xs={12}>
+          <FormGroup>
+            <TextField
+              {...register('information.bluesky')}
+              InputProps={{
+                startAdornment: (
+                  <InputAdornment position="start">
+                    <FontAwesomeIcon icon={faSquare} />
+                  </InputAdornment>
+                ),
+              }}
+              label="Bluesky"
+              margin="dense"
+            />
+          </FormGroup>
+        </Grid>
         <Grid item xs={12}>
           <Typography component="h6" variant="h6">
             Location