Add retro video tutorial

ParabolInc · May 20, 2024 · f694a1b · f694a1b
1 parent 2144196
commit f694a1b
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 1 deletion.
diff --git a/packages/client/components/MeetingsDash.tsx b/packages/client/components/MeetingsDash.tsx
@@ -137,6 +137,7 @@ const MeetingsDash = (props: Props) => {
           {!teamFilterIds ? (
             <Wrapper maybeTabletPlus={maybeTabletPlus}>
               <DemoMeetingCard />
+              <TutorialMeetingCard type='retro' />
               <TutorialMeetingCard type='standup' />
               <TutorialMeetingCard type='poker' />
             </Wrapper>

diff --git a/packages/client/components/TutorialMeetingCard.tsx b/packages/client/components/TutorialMeetingCard.tsx
@@ -2,6 +2,7 @@ import styled from '@emotion/styled'
 import React, {useCallback} from 'react'
 import SendClientSideEvent from '~/utils/SendClientSideEvent'
 import pokerTutorialThumb from '../../../static/images/illustrations/pokerTutorialThumb.jpg'
+import retroTutorialThumb from '../../../static/images/illustrations/retroTutorialThumb.png'
 import standupTutorialThumb from '../../../static/images/illustrations/standupTutorialThumb.jpg'
 import useAtmosphere from '../hooks/useAtmosphere'
 import useBreakpoint from '../hooks/useBreakpoint'
@@ -100,10 +101,15 @@ const TopLine = styled('div')({
 })
 
 interface Props {
-  type: 'poker' | 'standup'
+  type: 'retro' | 'poker' | 'standup'
 }
 
 const TUTORIAL_MAP = {
+  retro: {
+    label: 'Starting a Retrospective Meeting',
+    thumbnail: retroTutorialThumb,
+    url: 'https://www.youtube.com/embed/C96fNtypaww?modestbranding=1&rel=0'
+  },
   poker: {
     label: 'Starting a Sprint Poker Meeting',
     thumbnail: pokerTutorialThumb,

diff --git a/packages/client/modules/teamDashboard/components/TeamDashActivityTab/TeamDashActivityTab.tsx b/packages/client/modules/teamDashboard/components/TeamDashActivityTab/TeamDashActivityTab.tsx
@@ -65,6 +65,7 @@ const TeamDashActivityTab = (props: Props) => {
         ) : (
           <>
             <DemoMeetingCard />
+            <TutorialMeetingCard type='retro' />
             <TutorialMeetingCard type='standup' />
             <TutorialMeetingCard type='poker' />
           </>

diff --git a/static/images/illustrations/retroTutorialThumb.png b/static/images/illustrations/retroTutorialThumb.png