mirror of
https://github.com/freeCodeCamp/freeCodeCamp.git
synced 2026-05-15 22:01:59 -04:00
fix: optional video ids the odin project (#49380)
* fix: optional video ids the odin project * Update client/src/templates/Challenges/odin/Show.tsx Co-authored-by: Niraj Nandish <nirajnandish@icloud.com> --------- Co-authored-by: Niraj Nandish <nirajnandish@icloud.com>
This commit is contained in:
Sem Bauke
@@ -241,26 +241,28 @@ class ShowOdin extends Component<ShowOdinProps, ShowOdinState> {
|
||||
/>
|
||||
<Grid>
|
||||
<Row>
|
||||
<Spacer />
|
||||
<Col lg={10} lgOffset={1} md={10} mdOffset={1}>
|
||||
<div className='video-wrapper'>
|
||||
{!this.state.videoIsLoaded ? (
|
||||
<div className='video-placeholder-loader'>
|
||||
<Loader />
|
||||
</div>
|
||||
) : null}
|
||||
<VideoPlayer
|
||||
bilibiliIds={bilibiliIds}
|
||||
onVideoLoad={this.onVideoLoad}
|
||||
title={title}
|
||||
videoId={videoId}
|
||||
videoIsLoaded={this.state.videoIsLoaded}
|
||||
videoLocaleIds={videoLocaleIds}
|
||||
/>
|
||||
</div>
|
||||
<Spacer />
|
||||
</Col>
|
||||
{videoId && (
|
||||
<Col lg={10} lgOffset={1} md={10} mdOffset={1}>
|
||||
<Spacer />
|
||||
<div className='video-wrapper'>
|
||||
{!this.state.videoIsLoaded ? (
|
||||
<div className='video-placeholder-loader'>
|
||||
<Loader />
|
||||
</div>
|
||||
) : null}
|
||||
<VideoPlayer
|
||||
bilibiliIds={bilibiliIds}
|
||||
onVideoLoad={this.onVideoLoad}
|
||||
title={title}
|
||||
videoId={videoId}
|
||||
videoIsLoaded={this.state.videoIsLoaded}
|
||||
videoLocaleIds={videoLocaleIds}
|
||||
/>
|
||||
</div>
|
||||
</Col>
|
||||
)}
|
||||
<Col md={8} mdOffset={2} sm={10} smOffset={1} xs={12}>
|
||||
<Spacer />
|
||||
<h2>{title}</h2>
|
||||
<PrismFormatted className={'line-numbers'} text={description} />
|
||||
<Spacer />
|
||||
|
||||
@@ -1,6 +1,5 @@
|
||||
---
|
||||
id: 637f4e1672c65bc8e73dfe1f
|
||||
videoId: LGQuIIv2RVA
|
||||
title: Elements and Tags Question B
|
||||
challengeType: 15
|
||||
dashedName: elements-and-tags-question-b
|
||||
|
||||
@@ -1,6 +1,5 @@
|
||||
---
|
||||
id: 637f4e1c72c65bc8e73dfe20
|
||||
videoId: V8UAEoOvqFg
|
||||
title: HTML Boilerplate Question A
|
||||
challengeType: 15
|
||||
dashedName: html-boilerplate-question-a
|
||||
|
||||
@@ -1,6 +1,5 @@
|
||||
---
|
||||
id: 637f4e2872c65bc8e73dfe21
|
||||
videoId: V8UAEoOvqFg
|
||||
title: HTML Boilerplate Question B
|
||||
challengeType: 15
|
||||
dashedName: html-boilerplate-question-b
|
||||
|
||||
@@ -1,6 +1,5 @@
|
||||
---
|
||||
id: 637f4e2f72c65bc8e73dfe22
|
||||
videoId: LGQuIIv2RVA
|
||||
title: HTML Boilerplate Question C
|
||||
challengeType: 15
|
||||
dashedName: html-boilerplate-question-c
|
||||
|
||||
@@ -1,6 +1,5 @@
|
||||
---
|
||||
id: 6374f208de18c50e48ba767b
|
||||
videoId: LGQuIIv2RVA
|
||||
title: Introduction To HTML and CSS Question A
|
||||
challengeType: 15
|
||||
dashedName: introduction-to-html-and-css-question-a
|
||||
|
||||
@@ -1,6 +1,5 @@
|
||||
---
|
||||
id: 6376327e2724a688c04636e3
|
||||
videoId: LGQuIIv2RVA
|
||||
title: Introduction To HTML and CSS Question B
|
||||
challengeType: 15
|
||||
dashedName: introduction-to-html-and-css-question-b
|
||||
|
||||
@@ -1,6 +1,5 @@
|
||||
---
|
||||
id: 637633162724a688c04636e4
|
||||
videoId: LGQuIIv2RVA
|
||||
title: Introduction To HTML and CSS Question C
|
||||
challengeType: 15
|
||||
dashedName: introduction-to-html-and-css-question-c
|
||||
|
||||
@@ -1,6 +1,5 @@
|
||||
---
|
||||
id: 637633672724a688c04636e5
|
||||
videoId: LGQuIIv2RVA
|
||||
title: Introduction To HTML and CSS Question D
|
||||
challengeType: 15
|
||||
dashedName: introduction-to-html-and-css-question-d
|
||||
|
||||
@@ -1,6 +1,5 @@
|
||||
---
|
||||
id: 637f703572c65bc8e73dfe35
|
||||
videoId: tsEQgGjSmkM
|
||||
title: Links and Images Question B
|
||||
challengeType: 15
|
||||
dashedName: links-and-images-question-b
|
||||
|
||||
@@ -1,6 +1,5 @@
|
||||
---
|
||||
id: 637f703072c65bc8e73dfe34
|
||||
videoId: tsEQgGjSmkM
|
||||
title: Links and Images Question C
|
||||
challengeType: 15
|
||||
dashedName: links-and-images-question-c
|
||||
|
||||
@@ -1,6 +1,5 @@
|
||||
---
|
||||
id: 637f701c72c65bc8e73dfe31
|
||||
videoId: 0xoztJCHpbQ
|
||||
title: Links and Images Question F
|
||||
challengeType: 15
|
||||
dashedName: links-and-images-question-f
|
||||
|
||||
@@ -1,6 +1,5 @@
|
||||
---
|
||||
id: 637f701572c65bc8e73dfe30
|
||||
videoId: 0xoztJCHpbQ
|
||||
title: Links and Images Question G
|
||||
challengeType: 15
|
||||
dashedName: links-and-images-question-g
|
||||
|
||||
@@ -1,6 +1,5 @@
|
||||
---
|
||||
id: 637f700b72c65bc8e73dfe2f
|
||||
videoId: 0xoztJCHpbQ
|
||||
title: Links and Images Question H
|
||||
challengeType: 15
|
||||
dashedName: links-and-images-question-h
|
||||
|
||||
@@ -1,6 +1,5 @@
|
||||
---
|
||||
id: 637f4e4672c65bc8e73dfe25
|
||||
videoId: LGQuIIv2RVA
|
||||
title: Understand Ordered and Unordered List Question B
|
||||
challengeType: 15
|
||||
dashedName: understand-ordered-and-unordered-list-question-b
|
||||
|
||||
@@ -1,6 +1,5 @@
|
||||
---
|
||||
id: 637f4e5172c65bc8e73dfe26
|
||||
videoId: LGQuIIv2RVA
|
||||
title: Understand Ordered and Unordered List Question C
|
||||
challengeType: 15
|
||||
dashedName: understand-ordered-and-unordered-list-question-c
|
||||
|
||||
@@ -1,6 +1,5 @@
|
||||
---
|
||||
id: 637f4e5f72c65bc8e73dfe28
|
||||
videoId: yqcd-XkxZNM
|
||||
title: Working With Text Question B
|
||||
challengeType: 15
|
||||
dashedName: working-with-text-question-b
|
||||
|
||||
@@ -1,6 +1,5 @@
|
||||
---
|
||||
id: 637f4e6e72c65bc8e73dfe2a
|
||||
videoId: gW6cBZLUk6M
|
||||
title: Working With Text Question D
|
||||
challengeType: 15
|
||||
dashedName: working-with-text-question-d
|
||||
|
||||
@@ -1,6 +1,5 @@
|
||||
---
|
||||
id: 637f4e7972c65bc8e73dfe2b
|
||||
videoId: gW6cBZLUk6M
|
||||
title: Working With Text Question E
|
||||
challengeType: 15
|
||||
dashedName: working-with-text-question-e
|
||||
|
||||
@@ -1,6 +1,5 @@
|
||||
---
|
||||
id: 637f4e8072c65bc8e73dfe2c
|
||||
videoId: gW6cBZLUk6M
|
||||
title: Working With Text Question F
|
||||
challengeType: 15
|
||||
dashedName: working-with-text-question-f
|
||||
|
||||
@@ -1,6 +1,5 @@
|
||||
---
|
||||
id: 637f4e8772c65bc8e73dfe2d
|
||||
videoId: gW6cBZLUk6M
|
||||
title: Working With Text Question G
|
||||
challengeType: 15
|
||||
dashedName: working-with-text-question-g
|
||||
|
||||
Reference in New Issue
Block a user