Skip to content

Commit

Permalink
Add profile section at the bottom of posts
Browse files Browse the repository at this point in the history
  • Loading branch information
@marshallku
marshallku committed Feb 5, 2025
1 parent 6b089c1 commit a20fc29
Show file tree
Hide file tree
Showing 2 changed files with 7 additions and 0 deletions.
5 changes: 5 additions & 0 deletions apps/blog/src/app/[category]/[...slug]/page.module.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -295,6 +295,11 @@
padding: 0 $container-padding;
}

&__profile {
width: clamp(0px, map.get($container-width, small), 100%);
margin: 24px auto 36px;
}

&-related-articles {
width: clamp(0px, map.get($container-width, small), 100%);
margin: 0 auto;
Expand Down
2 changes: 2 additions & 0 deletions apps/blog/src/app/[category]/[...slug]/page.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -19,6 +19,7 @@ import Image from "#components/Image";
import PostList from "#components/PostList";
import PrevNextPost from "#components/PrevNextPost";
import PostCommentWrapper from "#components/PostCommentWrapper";
import Profile from "#components/Profile";
import { rehypeFormatToc, rehypeImageMetaData, rehypeResponsiveIframe } from "#plugins";
import { getPostBySlug, getPostSlugs, getCategoryBySlug, getPosts } from "#utils/post";
import styles from "./page.module.scss";
Expand Down Expand Up @@ -185,6 +186,7 @@ export default async function Post({ params }: PostProps) {
</Typography>
</main>
<InteractPost className={cx("__interact")} title={post.data.title} slug={post.slug} />
<Profile size="small" showContact className={cx("__profile")} />
<PostCommentWrapper slug={`/${postSlug}`} />
<PrevNextPost previousPost={posts[postIndex + 1]} nextPost={posts[postIndex - 1]} />
<aside className={cx("-related-articles")}>
Expand Down

1 comment on commit a20fc29

@github-actions
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Visual regression test result - failure

Component Story Success Viewport MisMatch Percentage
components-profile default ❌ tablet 100%(no reference)
components-profile default ❌ phone 100%(no reference)
components-button string-children ✅ phone 0.00%
components-button string-children ✅ tablet 0.10%
input-input default ✅ phone 0.00%
input-input default ✅ tablet 0.10%
input-input line ✅ phone 0.00%
input-input line ✅ tablet 0.04%
input-input box ✅ phone 0.00%
input-input box ✅ tablet 0.04%
input-textarea line ✅ phone 0.00%
input-textarea line ✅ tablet 0.04%
input-textarea box ✅ phone 0.00%
input-textarea box ✅ tablet 0.04%
typography-typography default ✅ phone 0.00%
typography-typography default ✅ tablet 0.07%

Please sign in to comment.