humas
/
web-humas-fe
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat:meta data

This commit is contained in:
Rama Priyanto 2025-03-10 13:03:43 +07:00
parent d428928150
commit d884ed1732
2 changed files with 45 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/landing/banner-new.tsx
View File

@ -198,7 +198,7 @@ export default function BannerHumasNew() {
<Image
src={img}
alt={`humasbanner-${index}`}
className="w-full h-full object-cover object-center opacity-[25] dark:opacity-70"
className="w-full h-full object-cover object-center opacity-[25] dark:opacity-70 rounded-none"
/>
</Link>
))}

21
components/main/detail/new-detail.tsx
View File

@ -11,6 +11,7 @@ import { ChevronRightIcon, UserIcon } from "@/components/icons";
import { close, loading } from "@/config/swal";
import { saveActivity } from "@/service/activity-log";
import Cookies from "js-cookie";
import Head from "next/head";
const token = Cookies.get("access_token");
const uid = Cookies.get("uie");
@ -19,7 +20,7 @@ export default function NewsDetailPage() {
const params = useParams();
const id: any = params?.id;
const pathname = usePathname();
const [detailArticle, setDetailArticle] = useState();
const [detailArticle, setDetailArticle] = useState<any>();
const [articles, setArticles] = useState<any>([]);
useEffect(() => {
@ -55,6 +56,23 @@ export default function NewsDetailPage() {
const resActivity = await saveActivity(req, token);
};
return (
<>
{" "}
<Head>
<title>{detailArticle?.title}</title>
<meta property="og:title" content={detailArticle.title} />
<meta property="og:description" content={detailArticle.description} />
<meta property="og:image" content={detailArticle.thumbnailUrl} />
<meta
property="og:url"
content={`https://kontenhumas.com/news/detail/${detailArticle?.id}-${detailArticle?.slug}`}
/>
<meta property="og:type" content="article" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content={detailArticle?.title} />
<meta name="twitter:description" content={detailArticle?.description} />
<meta name="twitter:image" content={detailArticle?.thumbnailUrl} />
</Head>
<div className="bg-white dark:bg-stone-900">
<div className="px-5 lg:px-0 lg:w-[75vw] lg:mx-auto py-8">
<div className="flex flex-row gap-4 items-end ">
@ -83,5 +101,6 @@ export default function NewsDetailPage() {
</div>
</div>
</div>
</>
);
}