hazemKrimi/personal-website
1
0
Fork 0
mirror of https://github.com/hazemKrimi/personal-website.git synced 2026-05-01 18:00:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update dependencies and fix introduced errors

Browse Source
This commit is contained in:
Hazem Krimi
2023-03-19 00:17:48 +01:00
parent fad540e17b
commit c97cb80ce8
19 changed files with 1316 additions and 1311 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/blog/[slug].tsx
+5 -4
View File
@@ -8,7 +8,6 @@ import { GetStaticPaths, GetStaticProps } from 'next';
import { serialize } from 'next-mdx-remote/serialize';
import { Wrapper } from '../../styles/blog/slug';
import matter from 'gray-matter';
import components from '../../components';
import Head from 'next/head';
import IconButton from '../../components/IconButton';
import CodeBlock from '../../components/CodeBlock';
@@ -24,6 +23,8 @@ interface Props {
const BlogPost: FC<Props> = ({ source, frontMatter, text }) => {
const router = useRouter();
const stats = readingTime(text);
const htmlOverrides = { code: CodeBlock };
const mdxComponents = {};
useEffect(() => {
window.scrollTo(0, 0);
@@ -83,15 +84,15 @@ const BlogPost: FC<Props> = ({ source, frontMatter, text }) => {
) : null}
{frontMatter?.image ? (
<div className='image'>
<Image src={frontMatter.image} width='100%' height='100%' layout='responsive' />
<Image alt={frontMatter?.title} src={frontMatter.image} fill />
</div>
) : null}
<hr />
</div>
<MDXProvider components={{ code: CodeBlock }}>
<MDXProvider components={{ ...htmlOverrides, ...mdxComponents }}>
<MDXEmbedProvider>
<div className='content'>
<MDXRemote {...source} components={components} />
<MDXRemote {...source} />
</div>
</MDXEmbedProvider>
</MDXProvider>
pages/portfolio/[slug].tsx
+15 -17
View File
@@ -3,11 +3,9 @@ import { getPortfolioPorjectsSlugs, getPortfolioProjectdata } from '../../utils/
import { useRouter } from 'next/router';
import { MDXRemote, MDXRemoteSerializeResult } from 'next-mdx-remote';
import { MDXProvider } from '@mdx-js/react';
import { MDXEmbedProvider } from 'mdx-embed';
import { GetStaticPaths, GetStaticProps } from 'next';
import { serialize } from 'next-mdx-remote/serialize';
import matter from 'gray-matter';
import components from '../../components';
import { Wrapper } from '../../styles/portfolio/slug';
import Head from 'next/head';
import IconButton from '../../components/IconButton';
@@ -22,6 +20,8 @@ interface Props {
const PortfolioProject: FC<Props> = ({ source, frontMatter }) => {
const router = useRouter();
const htmlOverrides = { code: CodeBlock };
const mdxComponents = { Button: MDXButton };
useEffect(() => {
window.scrollTo(0, 0);
@@ -78,26 +78,24 @@ const PortfolioProject: FC<Props> = ({ source, frontMatter }) => {
) : null}
{frontMatter?.image && !frontMatter?.hideImage ? (
<div className='image'>
<Image src={frontMatter?.image} width='100%' height='100%' layout='responsive' />
<Image alt={frontMatter?.title} src={frontMatter?.image} fill />
</div>
) : null}
<hr />
</div>
<MDXProvider components={{ code: CodeBlock }}>
<MDXEmbedProvider>
<div className='content'>
<MDXRemote {...source} components={components} />
<h1>Showcase</h1>
<div className='showcase-buttons'>
<MDXButton variant='action' link={frontMatter?.demo} target='_blank'>
Demo
</MDXButton>
<MDXButton variant='outline' link={frontMatter?.code} target='_blank'>
Source Code
</MDXButton>
</div>
<MDXProvider components={{ ...htmlOverrides, ...mdxComponents }}>
<div className='content'>
<MDXRemote {...source} />
<h1>Showcase</h1>
<div className='showcase-buttons'>
<MDXButton variant='action' link={frontMatter?.demo} target='_blank'>
Demo
</MDXButton>
<MDXButton variant='outline' link={frontMatter?.code} target='_blank'>
Source Code
</MDXButton>
</div>
</MDXEmbedProvider>
</div>
</MDXProvider>
</Wrapper>
</>