neon/saahildcom
1
0
Fork 0
mirror of https://github.com/NeonGamerBot-QK/saahild.com.git synced 2024-11-22 04:43:38 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Project fix

Browse source
This commit is contained in:
Saahil dutta 2024-06-22 15:55:51 -04:00
parent 9c9d645b4a
commit c47ac96685
1 changed files with 12 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
src/components/Projects/index.tsx
View file

@ -6,19 +6,20 @@ import { LuGitFork, LuGlobe } from "react-icons/lu"
* @param param0 * @param param0
* @returns * @returns
*/ */
export function Card({ title, description, image,alt, Badges, svn_link} : { export function Card({ title, description, image,alt, Badges, svn_link, is_fork} : {
title: string , title: string ,
description: string, description: string,
image?: string, image?: string,
alt?: string, alt?: string,
Badges?: any, Badges?: any,
svn_link: string svn_link: string,
is_fork: Boolean
}) { }) {
return <div style={{ background: "var(--surface0)"}}className="card md:w-80 shadow-xl"> return <div style={{ background: "var(--surface0)"}}className="card md:w-80 shadow-xl">
{image ? {image ?
<figure><img src={image} alt={alt || "No Alt"} /></figure>: null} <figure><img src={image} alt={alt || "No Alt"} /></figure>: null}
<div className="card-body"> <div className="card-body">
<h2 className="card-title text-center text-highlight"> <h2 className="card-title text-center text-highlight">{is_fork ? <LuGitFork /> : null}
<a href={svn_link}>{title}</a> <a href={svn_link}>{title}</a>
{/* <div className="badge badge-secondary">NEW</div> */} {/* <div className="badge badge-secondary">NEW</div> */}
</h2> </h2>
@ -49,14 +50,17 @@ const [translateY, setTranslateY] = useState(0)
.then((data) => .then((data) =>
{ {
// console.log([...data[0], ...data[1]]) console.log(data[0], data[1])
const idsThatAreFound:any = {} const idsThatAreFound:any = {}
const items = [...data[0], ...data[1]].filter(function(item, pos, self) { const items = [...data[0], ...data[1]]
.filter(e => e.topics.includes('github-include-on-site'))
.filter(function(item, pos, self) {
if(idsThatAreFound[item.id]) return false; if(idsThatAreFound[item.id]) return false;
idsThatAreFound[item.id] = true idsThatAreFound[item.id] = true
return true; return true;
}) })
.filter(e => e.topics.includes('github-include-on-site'))
console.log()
console.log(items) console.log(items)
//@ts-ignore //@ts-ignore
setGithubData(items) setGithubData(items)
@ -75,7 +79,7 @@ const [translateY, setTranslateY] = useState(0)
<button className="btn btn-primary">Get Started</button> */} <button className="btn btn-primary">Get Started</button> */}
<div className="grid flex grid-cols-2 md:gap-6 gap-2 text-center mt-5 duration-1000" style={{ transform: `translateY(${-translateY}%)` }}> <div className="grid flex grid-cols-2 md:gap-6 gap-2 text-center mt-5 duration-1000" style={{ transform: `translateY(${-translateY}%)` }}>
{githubData.map((d: any) => { {githubData.map((d: any) => {
return <Card title={d.name} description={d.description} key={d.id} svn_link={d.html_url} Badges={<> return <Card title={d.name} description={d.description} key={d.id} svn_link={d.html_url} is_fork={d.fork}Badges={<>
<div className="inline-flex"> <div className="inline-flex">
<a target="_blank" href={d.html_url + '/fork'} style={{ background: "var(--mantle)", borderRadius: "50%" }} className="btn btn-change rounded-full mauve"><LuGitFork /></a> <a target="_blank" href={d.html_url + '/fork'} style={{ background: "var(--mantle)", borderRadius: "50%" }} className="btn btn-change rounded-full mauve"><LuGitFork /></a>
@ -85,7 +89,7 @@ return <Card title={d.name} description={d.description} key={d.id} svn_link={d
</div> </div>
<div className="md:inline-flex"> <div className="md:inline-flex">
{d.topics.filter((e:string) => !e.includes('github-include-on-site')).map((topic:string) => { {d.topics.filter((e:string) => !e.includes('github-include-on-site')).map((topic:string) => {
return <div className="badge badge-outline">{topic}</div> return <div className="badge badge-outline ">{topic}</div>
})} })}
</div> </div>
</>}/> </>}/>