Skip to content

Commit fed4a99

Browse files
jonyenZeeshanTamboli
jonyen
and
ZeeshanTamboli
authored
[docs] Fix typo in blog component MainContent (#46868)
Co-authored-by: ZeeshanTamboli <[email protected]>
1 parent 9d1922a commit fed4a99

File tree

2 files changed

+52
-52
lines changed

2 files changed

+52
-52
lines changed

‎docs/data/material/getting-started/templates/blog/components/MainContent.js‎

Lines changed: 26 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -74,7 +74,7 @@ const cardData = [
7474
},
7575
];
7676

77-
const SyledCard = styled(Card)(({ theme }) => ({
77+
const StyledCard = styled(Card)(({ theme }) => ({
7878
display: 'flex',
7979
flexDirection: 'column',
8080
padding: 0,
@@ -91,7 +91,7 @@ const SyledCard = styled(Card)(({ theme }) => ({
9191
},
9292
}));
9393

94-
const SyledCardContent = styled(CardContent)({
94+
const StyledCardContent = styled(CardContent)({
9595
display: 'flex',
9696
flexDirection: 'column',
9797
gap: 4,
@@ -285,7 +285,7 @@ export default function MainContent() {
285285
</Box>
286286
<Grid container spacing={2} columns={12}>
287287
<Grid size={{ xs: 12, md: 6 }}>
288-
<SyledCard
288+
<StyledCard
289289
variant="outlined"
290290
onFocus={() => handleFocus(0)}
291291
onBlur={handleBlur}
@@ -302,7 +302,7 @@ export default function MainContent() {
302302
borderColor: 'divider',
303303
}}
304304
/>
305-
<SyledCardContent>
305+
<StyledCardContent>
306306
<Typography gutterBottom variant="caption" component="div">
307307
{cardData[0].tag}
308308
</Typography>
@@ -312,12 +312,12 @@ export default function MainContent() {
312312
<StyledTypography variant="body2" color="text.secondary" gutterBottom>
313313
{cardData[0].description}
314314
</StyledTypography>
315-
</SyledCardContent>
315+
</StyledCardContent>
316316
<Author authors={cardData[0].authors} />
317-
</SyledCard>
317+
</StyledCard>
318318
</Grid>
319319
<Grid size={{ xs: 12, md: 6 }}>
320-
<SyledCard
320+
<StyledCard
321321
variant="outlined"
322322
onFocus={() => handleFocus(1)}
323323
onBlur={handleBlur}
@@ -334,7 +334,7 @@ export default function MainContent() {
334334
borderColor: 'divider',
335335
}}
336336
/>
337-
<SyledCardContent>
337+
<StyledCardContent>
338338
<Typography gutterBottom variant="caption" component="div">
339339
{cardData[1].tag}
340340
</Typography>
@@ -344,12 +344,12 @@ export default function MainContent() {
344344
<StyledTypography variant="body2" color="text.secondary" gutterBottom>
345345
{cardData[1].description}
346346
</StyledTypography>
347-
</SyledCardContent>
347+
</StyledCardContent>
348348
<Author authors={cardData[1].authors} />
349-
</SyledCard>
349+
</StyledCard>
350350
</Grid>
351351
<Grid size={{ xs: 12, md: 4 }}>
352-
<SyledCard
352+
<StyledCard
353353
variant="outlined"
354354
onFocus={() => handleFocus(2)}
355355
onBlur={handleBlur}
@@ -366,7 +366,7 @@ export default function MainContent() {
366366
aspectRatio: { sm: '16 / 9', md: '' },
367367
}}
368368
/>
369-
<SyledCardContent>
369+
<StyledCardContent>
370370
<Typography gutterBottom variant="caption" component="div">
371371
{cardData[2].tag}
372372
</Typography>
@@ -376,23 +376,23 @@ export default function MainContent() {
376376
<StyledTypography variant="body2" color="text.secondary" gutterBottom>
377377
{cardData[2].description}
378378
</StyledTypography>
379-
</SyledCardContent>
379+
</StyledCardContent>
380380
<Author authors={cardData[2].authors} />
381-
</SyledCard>
381+
</StyledCard>
382382
</Grid>
383383
<Grid size={{ xs: 12, md: 4 }}>
384384
<Box
385385
sx={{ display: 'flex', flexDirection: 'column', gap: 2, height: '100%' }}
386386
>
387-
<SyledCard
387+
<StyledCard
388388
variant="outlined"
389389
onFocus={() => handleFocus(3)}
390390
onBlur={handleBlur}
391391
tabIndex={0}
392392
className={focusedCardIndex === 3 ? 'Mui-focused' : ''}
393393
sx={{ height: '100%' }}
394394
>
395-
<SyledCardContent
395+
<StyledCardContent
396396
sx={{
397397
display: 'flex',
398398
flexDirection: 'column',
@@ -415,18 +415,18 @@ export default function MainContent() {
415415
{cardData[3].description}
416416
</StyledTypography>
417417
</div>
418-
</SyledCardContent>
418+
</StyledCardContent>
419419
<Author authors={cardData[3].authors} />
420-
</SyledCard>
421-
<SyledCard
420+
</StyledCard>
421+
<StyledCard
422422
variant="outlined"
423423
onFocus={() => handleFocus(4)}
424424
onBlur={handleBlur}
425425
tabIndex={0}
426426
className={focusedCardIndex === 4 ? 'Mui-focused' : ''}
427427
sx={{ height: '100%' }}
428428
>
429-
<SyledCardContent
429+
<StyledCardContent
430430
sx={{
431431
display: 'flex',
432432
flexDirection: 'column',
@@ -449,13 +449,13 @@ export default function MainContent() {
449449
{cardData[4].description}
450450
</StyledTypography>
451451
</div>
452-
</SyledCardContent>
452+
</StyledCardContent>
453453
<Author authors={cardData[4].authors} />
454-
</SyledCard>
454+
</StyledCard>
455455
</Box>
456456
</Grid>
457457
<Grid size={{ xs: 12, md: 4 }}>
458-
<SyledCard
458+
<StyledCard
459459
variant="outlined"
460460
onFocus={() => handleFocus(5)}
461461
onBlur={handleBlur}
@@ -472,7 +472,7 @@ export default function MainContent() {
472472
aspectRatio: { sm: '16 / 9', md: '' },
473473
}}
474474
/>
475-
<SyledCardContent>
475+
<StyledCardContent>
476476
<Typography gutterBottom variant="caption" component="div">
477477
{cardData[5].tag}
478478
</Typography>
@@ -482,9 +482,9 @@ export default function MainContent() {
482482
<StyledTypography variant="body2" color="text.secondary" gutterBottom>
483483
{cardData[5].description}
484484
</StyledTypography>
485-
</SyledCardContent>
485+
</StyledCardContent>
486486
<Author authors={cardData[5].authors} />
487-
</SyledCard>
487+
</StyledCard>
488488
</Grid>
489489
</Grid>
490490
</Box>

‎docs/data/material/getting-started/templates/blog/components/MainContent.tsx‎

Lines changed: 26 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -73,7 +73,7 @@ const cardData = [
7373
},
7474
];
7575

76-
const SyledCard = styled(Card)(({ theme }) => ({
76+
const StyledCard = styled(Card)(({ theme }) => ({
7777
display: 'flex',
7878
flexDirection: 'column',
7979
padding: 0,
@@ -90,7 +90,7 @@ const SyledCard = styled(Card)(({ theme }) => ({
9090
},
9191
}));
9292

93-
const SyledCardContent = styled(CardContent)({
93+
const StyledCardContent = styled(CardContent)({
9494
display: 'flex',
9595
flexDirection: 'column',
9696
gap: 4,
@@ -277,7 +277,7 @@ export default function MainContent() {
277277
</Box>
278278
<Grid container spacing={2} columns={12}>
279279
<Grid size={{ xs: 12, md: 6 }}>
280-
<SyledCard
280+
<StyledCard
281281
variant="outlined"
282282
onFocus={() => handleFocus(0)}
283283
onBlur={handleBlur}
@@ -294,7 +294,7 @@ export default function MainContent() {
294294
borderColor: 'divider',
295295
}}
296296
/>
297-
<SyledCardContent>
297+
<StyledCardContent>
298298
<Typography gutterBottom variant="caption" component="div">
299299
{cardData[0].tag}
300300
</Typography>
@@ -304,12 +304,12 @@ export default function MainContent() {
304304
<StyledTypography variant="body2" color="text.secondary" gutterBottom>
305305
{cardData[0].description}
306306
</StyledTypography>
307-
</SyledCardContent>
307+
</StyledCardContent>
308308
<Author authors={cardData[0].authors} />
309-
</SyledCard>
309+
</StyledCard>
310310
</Grid>
311311
<Grid size={{ xs: 12, md: 6 }}>
312-
<SyledCard
312+
<StyledCard
313313
variant="outlined"
314314
onFocus={() => handleFocus(1)}
315315
onBlur={handleBlur}
@@ -326,7 +326,7 @@ export default function MainContent() {
326326
borderColor: 'divider',
327327
}}
328328
/>
329-
<SyledCardContent>
329+
<StyledCardContent>
330330
<Typography gutterBottom variant="caption" component="div">
331331
{cardData[1].tag}
332332
</Typography>
@@ -336,12 +336,12 @@ export default function MainContent() {
336336
<StyledTypography variant="body2" color="text.secondary" gutterBottom>
337337
{cardData[1].description}
338338
</StyledTypography>
339-
</SyledCardContent>
339+
</StyledCardContent>
340340
<Author authors={cardData[1].authors} />
341-
</SyledCard>
341+
</StyledCard>
342342
</Grid>
343343
<Grid size={{ xs: 12, md: 4 }}>
344-
<SyledCard
344+
<StyledCard
345345
variant="outlined"
346346
onFocus={() => handleFocus(2)}
347347
onBlur={handleBlur}
@@ -358,7 +358,7 @@ export default function MainContent() {
358358
aspectRatio: { sm: '16 / 9', md: '' },
359359
}}
360360
/>
361-
<SyledCardContent>
361+
<StyledCardContent>
362362
<Typography gutterBottom variant="caption" component="div">
363363
{cardData[2].tag}
364364
</Typography>
@@ -368,23 +368,23 @@ export default function MainContent() {
368368
<StyledTypography variant="body2" color="text.secondary" gutterBottom>
369369
{cardData[2].description}
370370
</StyledTypography>
371-
</SyledCardContent>
371+
</StyledCardContent>
372372
<Author authors={cardData[2].authors} />
373-
</SyledCard>
373+
</StyledCard>
374374
</Grid>
375375
<Grid size={{ xs: 12, md: 4 }}>
376376
<Box
377377
sx={{ display: 'flex', flexDirection: 'column', gap: 2, height: '100%' }}
378378
>
379-
<SyledCard
379+
<StyledCard
380380
variant="outlined"
381381
onFocus={() => handleFocus(3)}
382382
onBlur={handleBlur}
383383
tabIndex={0}
384384
className={focusedCardIndex === 3 ? 'Mui-focused' : ''}
385385
sx={{ height: '100%' }}
386386
>
387-
<SyledCardContent
387+
<StyledCardContent
388388
sx={{
389389
display: 'flex',
390390
flexDirection: 'column',
@@ -407,18 +407,18 @@ export default function MainContent() {
407407
{cardData[3].description}
408408
</StyledTypography>
409409
</div>
410-
</SyledCardContent>
410+
</StyledCardContent>
411411
<Author authors={cardData[3].authors} />
412-
</SyledCard>
413-
<SyledCard
412+
</StyledCard>
413+
<StyledCard
414414
variant="outlined"
415415
onFocus={() => handleFocus(4)}
416416
onBlur={handleBlur}
417417
tabIndex={0}
418418
className={focusedCardIndex === 4 ? 'Mui-focused' : ''}
419419
sx={{ height: '100%' }}
420420
>
421-
<SyledCardContent
421+
<StyledCardContent
422422
sx={{
423423
display: 'flex',
424424
flexDirection: 'column',
@@ -441,13 +441,13 @@ export default function MainContent() {
441441
{cardData[4].description}
442442
</StyledTypography>
443443
</div>
444-
</SyledCardContent>
444+
</StyledCardContent>
445445
<Author authors={cardData[4].authors} />
446-
</SyledCard>
446+
</StyledCard>
447447
</Box>
448448
</Grid>
449449
<Grid size={{ xs: 12, md: 4 }}>
450-
<SyledCard
450+
<StyledCard
451451
variant="outlined"
452452
onFocus={() => handleFocus(5)}
453453
onBlur={handleBlur}
@@ -464,7 +464,7 @@ export default function MainContent() {
464464
aspectRatio: { sm: '16 / 9', md: '' },
465465
}}
466466
/>
467-
<SyledCardContent>
467+
<StyledCardContent>
468468
<Typography gutterBottom variant="caption" component="div">
469469
{cardData[5].tag}
470470
</Typography>
@@ -474,9 +474,9 @@ export default function MainContent() {
474474
<StyledTypography variant="body2" color="text.secondary" gutterBottom>
475475
{cardData[5].description}
476476
</StyledTypography>
477-
</SyledCardContent>
477+
</StyledCardContent>
478478
<Author authors={cardData[5].authors} />
479-
</SyledCard>
479+
</StyledCard>
480480
</Grid>
481481
</Grid>
482482
</Box>

0 commit comments

Comments
 (0)