Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Remove Static Views #669

Merged
merged 4 commits into from
Dec 21, 2024
Merged
Show file tree
Hide file tree
Changes from 2 commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
10 changes: 3 additions & 7 deletions src/components/blog-card/blog-01.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -3,12 +3,12 @@ import clsx from "clsx";
import Anchor from "@ui/anchor";
import { IBlog } from "@utils/types";

type TProps = Pick<IBlog, "title" | "path" | "category" | "postedAt" | "image" | "views"> & {
type TProps = Pick<IBlog, "title" | "path" | "category" | "postedAt" | "image"> & {
className?: string;
};

const BlogCard = forwardRef<HTMLDivElement, TProps>(
({ title, path, category, postedAt, image, views, className }, ref) => (
({ title, path, category, postedAt, image, className }, ref) => (
<div
className={clsx(
"blog-card tw-relative tw-overflow-hidden tw-transition-all tw-rounded tw-bg-white tw-shadow-xl tw-shadow-black/5 tw-group",
Expand Down Expand Up @@ -42,15 +42,11 @@ const BlogCard = forwardRef<HTMLDivElement, TProps>(
<h3 className="tw-text-xl tw-mb-0 tw-leading-normal">
<Anchor path={path}>{title}</Anchor>
</h3>
<ul className="tw-flex tw-gap-7">
<ul>
<li className="tw-text-md tw-mt-3.8">
<i className="far fa-calendar tw-mr-2.5" />
{postedAt}
</li>
<li className="tw-text-md tw-mt-3.8">
<i className="far fa-eye tw-mr-2.5" />
{views} views
</li>
</ul>
</div>
</div>
Expand Down
10 changes: 3 additions & 7 deletions src/components/blog-card/blog-02.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -3,12 +3,12 @@ import clsx from "clsx";
import Anchor from "@ui/anchor";
import { IBlog } from "@utils/types";

type TProps = Pick<IBlog, "title" | "path" | "category" | "postedAt" | "image" | "views"> & {
type TProps = Pick<IBlog, "title" | "path" | "category" | "postedAt" | "image"> & {
className?: string;
};

const BlogCard = forwardRef<HTMLDivElement, TProps>(
({ title, path, category, postedAt, image, views, className }, ref) => (
({ title, path, category, postedAt, image, className }, ref) => (
<div
className={clsx(
"blog-card tw-grid tw-relative tw-overflow-hidden tw-transition-all tw-rounded tw-bg-white tw-shadow-xl tw-shadow-black/5 tw-group",
Expand Down Expand Up @@ -46,15 +46,11 @@ const BlogCard = forwardRef<HTMLDivElement, TProps>(
{title}
</Anchor>
</h3>
<ul className="tw-flex tw-gap-7">
<ul>
<li className="tw-text-md tw-mt-3.8 tw-text-white tw-mb-0">
<i className="far fa-calendar tw-mr-2.5" />
{postedAt}
</li>
<li className="tw-text-md tw-mt-3.8 tw-text-white">
<i className="far fa-eye tw-mr-2.5" />
{views} views
</li>
</ul>
</div>
</div>
Expand Down
10 changes: 3 additions & 7 deletions src/components/blog-card/blog-03.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -3,12 +3,12 @@ import clsx from "clsx";
import Anchor from "@ui/anchor";
import { IBlog } from "@utils/types";

type TProps = Pick<IBlog, "image" | "path" | "title" | "category" | "postedAt" | "views"> & {
type TProps = Pick<IBlog, "image" | "path" | "title" | "category" | "postedAt"> & {
className?: string;
};

const BlogCard = forwardRef<HTMLDivElement, TProps>(
({ className, image, path, title, category, postedAt, views }, ref) => {
({ className, image, path, title, category, postedAt }, ref) => {
return (
<div className={clsx("blog-card tw-group", className)} ref={ref}>
<div className="tw-relative tw-overflow-hidden tw-rounded tw-h-[250px]">
Expand Down Expand Up @@ -40,15 +40,11 @@ const BlogCard = forwardRef<HTMLDivElement, TProps>(
<Anchor path={path}>{title}</Anchor>
</h3>

<ul className="tw-flex tw-gap-7 tw-text-gray-300 tw-text-md">
<ul className="tw-text-gray-300 tw-text-md">
<li className="tw-mt-3.8 tw-mb-0">
<i className="far fa-calendar tw-mr-2.5" />
{postedAt}
</li>
<li className="tw-mt-3.8">
<i className="far fa-eye tw-mr-2.5" />
{views} views
</li>
</ul>
</div>
</div>
Expand Down
10 changes: 3 additions & 7 deletions src/components/blog-card/blog-04.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -3,13 +3,13 @@ import clsx from "clsx";
import Anchor from "@ui/anchor";
import { BlogMetaType, IBlog } from "@utils/types";

type TProps = Pick<IBlog, "image" | "path" | "title" | "postedAt" | "views"> & {
type TProps = Pick<IBlog, "image" | "path" | "title" | "postedAt"> & {
className?: string;
category?: BlogMetaType;
};

const BlogCard = forwardRef<HTMLDivElement, TProps>(
({ className, image, path, title, postedAt, views, category }, ref) => {
({ className, image, path, title, postedAt, category }, ref) => {
return (
<div
className={clsx(
Expand Down Expand Up @@ -49,15 +49,11 @@ const BlogCard = forwardRef<HTMLDivElement, TProps>(
<Anchor path={path}>{title}</Anchor>
</h3>

<ul className="tw-flex tw-gap-7 tw-text-gray-300 tw-text-md">
<ul className="tw-flex tw-text-gray-300 tw-text-md">
<li className="tw-mt-3.8 tw-mb-0">
<i className="far fa-calendar tw-mr-2.5" />
{postedAt}
</li>
<li className="tw-mt-3.8">
<i className="far fa-eye tw-mr-2.5" />
{views} views
</li>
</ul>
</div>
</div>
Expand Down
16 changes: 2 additions & 14 deletions src/containers/blog/layout-01/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -19,20 +19,11 @@ type TProps = TSection & {
};
};

const BlogArea = ({
data: { section_title, motto, blogs },
space,
bg,
titleSize,
}: TProps) => {
const BlogArea = ({ data: { section_title, motto, blogs }, space, bg, titleSize }: TProps) => {
const { trans1, trans2 } = useUI();

return (
<Section
className="blog-area tw-relative tw-overflow-hidden"
space={space}
bg={bg}
>
<Section className="blog-area tw-relative tw-overflow-hidden" space={space} bg={bg}>
<div className="tw-absolute tw-inset-0 tw-flex jtw-justify-center tw-items-center">
<img
src="/images/bg/shape-03.png"
Expand Down Expand Up @@ -69,7 +60,6 @@ const BlogArea = ({
category={blogs[0].category}
postedAt={blogs[0].postedAt}
image={blogs[0].image}
views={blogs[0].views}
/>
</motion.div>
<motion.div
Expand All @@ -85,7 +75,6 @@ const BlogArea = ({
category={blogs[1].category}
postedAt={blogs[1].postedAt}
image={blogs[1].image}
views={blogs[1].views}
/>
</motion.div>
<motion.div
Expand All @@ -101,7 +90,6 @@ const BlogArea = ({
category={blogs[2].category}
postedAt={blogs[2].postedAt}
image={blogs[2].image}
views={blogs[2].views}
/>
</motion.div>
</div>
Expand Down
36 changes: 0 additions & 36 deletions src/data/instructors/arthur-will.json

This file was deleted.

Loading