chore: update tutorial card thumbnail & video links (#9746)

ParabolInc · May 20, 2024 · 28c7432 · 28c7432
1 parent 5c40fcf
commit 28c7432
Show file tree

Hide file tree

Showing 6 changed files with 10 additions and 2 deletions.
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,14 +101,19 @@ 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,
- url: 'https://www.youtube.com/embed/X_i60AMxPBU?modestbranding=1&rel=0'
+ url: 'https://www.youtube.com/embed/RJGnNXvvShY?modestbranding=1&rel=0'
  },
  standup: {
  label: 'Starting a Standup Meeting',

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/pokerTutorialThumb.jpg b/static/images/illustrations/pokerTutorialThumb.jpg
diff --git a/static/images/illustrations/retroTutorialThumb.png b/static/images/illustrations/retroTutorialThumb.png
diff --git a/static/images/illustrations/standupTutorialThumb.jpg b/static/images/illustrations/standupTutorialThumb.jpg