bluesky

Author: HugoGresse

bun.lockb

@@ -0,0 +1,11 @@
+import { createSvgIcon } from '@mui/material/utils'
+
+export const Bluesky = createSvgIcon(
+    <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 530">
+        <path
+            d="m135.72 44.03c66.496 49.921 138.02 151.14 164.28 205.46 26.262-54.316 97.782-155.54 164.28-205.46 47.98-36.021 125.72-63.892 125.72 24.795 0 17.712-10.155 148.79-16.111 170.07-20.703 73.984-96.144 92.854-163.25 81.433 117.3 19.964 147.14 86.092 82.697 152.22-122.39 125.59-175.91-31.511-189.63-71.766-2.514-7.3797-3.6904-10.832-3.7077-7.8964-0.0174-2.9357-1.1937 0.51669-3.7077 7.8964-13.714 40.255-67.233 197.36-189.63 71.766-64.444-66.128-34.605-132.26 82.697-152.22-67.108 11.421-142.55-7.4491-163.25-81.433-5.9562-21.282-16.111-152.36-16.111-170.07 0-88.687 77.742-60.816 125.72-24.795z"
+            fill="#ffffff"
+        />
+    </svg>,
+    'Bluesky'
+)

src/components/icons/Bluesky.tsx

@@ -7,6 +7,7 @@ export enum TeasingPostSocials {
     LinkedIn = 'linkedin',
     Facebook = 'facebook',
     Instagram = 'instagram',
+    Bluesky = 'bluesky',
 }
 
 export const GenerateSessionsTeasingContentPrompts = {

src/events/actions/sessions/generation/generateSessionTeasingContent.ts

@@ -33,7 +33,7 @@ export type BupherDraftPostResponse = {
 
 export type BupherProfile = {
     id: string
-    type: 'twitter' | 'instagram' | 'facebook' | 'linkedin' | 'youtube' | 'tiktok'
+    type: 'twitter' | 'instagram' | 'facebook' | 'linkedin' | 'youtube' | 'tiktok' | 'bluesky'
 }
 
 export const bupherAPI = {

src/events/actions/social/bupherAPI.ts

@@ -69,6 +69,7 @@ export const EventSessionForm = ({ event, session, onSubmit }: EventSessionFormP
                     twitter: data.teasingPosts?.twitter || null,
                     instagram: data.teasingPosts?.instagram || null,
                     facebook: data.teasingPosts?.facebook || null,
+                    bluesky: data.teasingPosts?.bluesky || null,
                 }
                 return onSubmit({
                     title: data.title,
@@ -95,6 +96,7 @@ export const EventSessionForm = ({ event, session, onSubmit }: EventSessionFormP
                         linkedin: data.announcedOn?.linkedin || false,
                         facebook: data.announcedOn?.facebook || false,
                         instagram: data.announcedOn?.instagram || false,
+                        bluesky: data.announcedOn?.bluesky || false,
                     },
                 } as Session)
             }}>
@@ -407,6 +409,19 @@ export const EventSessionForm = ({ event, session, onSubmit }: EventSessionFormP
                                         disabled={false}
                                     />
                                 </Grid>
+                                <Grid item xs={12} md={6}>
+                                    <TextFieldElement
+                                        margin="dense"
+                                        fullWidth
+                                        multiline
+                                        minRows={4}
+                                        maxRows={40}
+                                        label="Bluesky teasing post"
+                                        name="teasingPosts.bluesky"
+                                        variant="filled"
+                                        disabled={false}
+                                    />
+                                </Grid>
                             </>
                         )}
                     </Grid>
@@ -427,6 +442,9 @@ export const EventSessionForm = ({ event, session, onSubmit }: EventSessionFormP
                         <Grid item xs={3}>
                             <CheckboxElement label="Instagram" name="announcedOn.instagram" />
                         </Grid>
+                        <Grid item xs={3}>
+                            <CheckboxElement label="Bluesky" name="announcedOn.bluesky" />
+                        </Grid>
                     </Grid>
                 </Grid>
 

src/events/page/sessions/EventSessionForm.tsx

@@ -3,6 +3,7 @@ import { Box, Button, Chip, Grid, Link, Typography, useTheme } from '@mui/materi
 import { Session } from '../../../types'
 import { dateTimeToDayMonthHours } from '../../../utils/dates/timeFormats'
 import { Twitter, LinkedIn, Facebook, Instagram } from '@mui/icons-material'
+import { Bluesky } from '../../../components/icons/Bluesky'
 
 type EventSessionItem = {
     selectFormat: (formatId: string) => void
@@ -54,6 +55,7 @@ export const EventSessionItem = ({ selectFormat, session }: EventSessionItem) =>
                         {session.announcedOn.linkedin && <LinkedIn fontSize="small" />}
                         {session.announcedOn.facebook && <Facebook fontSize="small" />}
                         {session.announcedOn.instagram && <Instagram fontSize="small" />}
+                        {session.announcedOn.bluesky && <Bluesky fontSize="small" />}
                     </Box>
                 )}
             </Grid>

src/events/page/sessions/EventSessionItem.tsx

@@ -30,6 +30,8 @@ const getChannelUrl = (type: string, handle: string) => {
             return `https://youtube.com/${handle}`
         case 'tiktok':
             return `https://tiktok.com/@${handle}`
+        case 'bluesky':
+            return `https://bsky.app/profile/${handle}`
         default:
             return `https://${type}.com/${handle}`
     }

src/events/page/social/BupherChannels.tsx

@@ -6,6 +6,7 @@ import GitHubIcon from '@mui/icons-material/GitHub'
 import LanguageIcon from '@mui/icons-material/Language'
 import InstagramIcon from '@mui/icons-material/Instagram'
 import YouTubeIcon from '@mui/icons-material/YouTube'
+import { Bluesky } from '../../../../components/icons/Bluesky'
 
 type SpeakerLinksProps = {
     socials: Social[]
@@ -20,6 +21,7 @@ const socialIcons: Record<string, React.ReactNode> = {
     instagram: <InstagramIcon sx={{ height: iconSize, width: iconSize }} />,
     youtube: <YouTubeIcon sx={{ height: iconSize, width: iconSize }} />,
     website: <LanguageIcon sx={{ height: iconSize, width: iconSize }} />,
+    bluesky: <Bluesky sx={{ height: iconSize, width: iconSize }} />,
 }
 
 // Add a helper function to check if a URL is valid

src/public/event/session/components/SpeakerLinks.tsx

@@ -65,6 +65,7 @@ export interface TeasingPosts {
     linkedin?: string | null
     facebook?: string | null
     instagram?: string | null
+    bluesky?: string | null
 }
 
 export interface Session {
@@ -103,6 +104,7 @@ export interface Session {
         linkedin?: boolean
         facebook?: boolean
         instagram?: boolean
+        bluesky?: boolean
     }
 }