diff --git a/components/md-renderer/mdx-components/index.tsx b/components/md-renderer/mdx-components/index.tsx index a02ab15a9..1bc2b96d2 100644 --- a/components/md-renderer/mdx-components/index.tsx +++ b/components/md-renderer/mdx-components/index.tsx @@ -9,6 +9,7 @@ import EnrichedLink from './a'; import { BadgeLink } from './badge-link'; import Ul from './ul'; import Li from './li'; +import PremiumBlock from './premium-block'; const MdxComponents = { p: P, @@ -20,6 +21,7 @@ const MdxComponents = { iframe: IFrame, img: Img, BadgeLink: BadgeLink, + PremiumBlock: PremiumBlock, ul: Ul, li: Li }; diff --git a/components/md-renderer/mdx-components/premium-block.tsx b/components/md-renderer/mdx-components/premium-block.tsx new file mode 100644 index 000000000..f0d90c1ad --- /dev/null +++ b/components/md-renderer/mdx-components/premium-block.tsx @@ -0,0 +1,19 @@ +import React from 'react'; +import { Box, Button, Heading, Text } from '@chakra-ui/react'; +import { LockIcon } from '@chakra-ui/icons'; + +type PremiumBlockProps = { + title: string; + description: string; +}; + +export default function PremiumBlock(props: PremiumBlockProps) { + return ( + + + {props.title} + {props.description} + + + ); +} diff --git a/content/videos/system-design-101.md b/content/videos/system-design-101.md index 013e0595f..87041ee32 100644 --- a/content/videos/system-design-101.md +++ b/content/videos/system-design-101.md @@ -2,19 +2,9 @@ System Design is a broad topic. In this video, we discuss all the bits and piece in depth of each of the topic but this is to give you a high level overview of all the pieces involved. The topics covered in this video include: -* DNS — Domain Name System -* Horizontal Scaling vs Vertical Scaling -* Content Delivery Networks -* Load Balancers -* Application Architectures (Microservices, SOA) -* Storage (Database, Caching, Cloud Storage) -* Datawarehouse -* Logging -* Messaging/Queues -* Search Engines - -You can watch the video below or head over to the [YouTube Channel](https://www.youtube.com/watch?v=37AFBZv4_6Y), where you can find more videos and the discussions on this video. - -