ilia/profile
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Make div clickable

Browse Source
This commit is contained in:
MD. Ariful Alam 2021-08-25 19:57:27 +06:00
parent 151f0f0874
commit de9f47c7a9
2 changed files with 13 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/Blog.js
View File

@ -39,7 +39,7 @@ const Blog = () => {
const renderSkeleton = () => {
let array = [];
for (let index = 0; index < 2; index++) {
for (let index = 0; index < config.blog.limit; index++) {
array.push((
<div className="card shadow-lg compact bg-base-100" key={index}>
<div className="p-8 h-full w-full">
@ -81,8 +81,14 @@ const Blog = () => {
}
const renderArticles = () => {
return articles && articles.slice(0, 5).map((article, index) => (
<a href={article.link} target="_blank" rel="noreferrer" className="card shadow-lg compact bg-base-100" key={index}>
return articles && articles.slice(0, config.blog.limit).map((article, index) => (
<div
className="card shadow-lg compact bg-base-100 cursor-pointer"
key={index}
onClick={() => {
window.open(article.link, '_blank')
}}
>
<div className="p-8 h-full w-full">
<div className="flex items-center flex-col md:flex-row">
<div className="avatar mb-5 md:mb-0 opacity-90">
@ -103,7 +109,7 @@ const Blog = () => {
<div className="w-full">
<div className="flex items-start px-4">
<div className="text-center md:text-left w-full">
<h2 className="text-lg font-semibold text-base-content opacity-60">{article.title}</h2>
<h2 className="font-semibold text-base-content opacity-60">{article.title}</h2>
<p className="opacity-50 text-xs">
{moment(article.publishedAt).fromNow()}
</p>
@ -125,7 +131,7 @@ const Blog = () => {
</div>
</div>
</div>
</a>
</div>
))
}

4
src/components/Details.js
View File

@ -59,12 +59,12 @@ const Details = () => {
<span>
<AiFillGithub className="mr-2" />
<a
href={`https://github.com/${config.githubUsername}`}
href={`https://github.com/${config.github.username}`}
target="_blank"
rel="noreferrer"
className="text-base-content-important"
>
{config.githubUsername}
{config.github.username}
</a>
</span>
</li>