archiwum/web
Archived
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #14 from gractwo/tuco

Browse Source 
further work on profiles, patches
This commit is contained in:
Jakub Mańczak
2022-12-27 19:11:40 +01:00
committed by GitHub
parent 78cd106752 7639214b63
commit dddda64ab3
6 changed files with 112 additions and 134 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
data/administracja.json
View File

@@ -1,58 +0,0 @@
[
{
"name": "jamesen",
"desc": "project pioneer.",
"img": "https://i.imgur.com/CBRxP3Z.png",
"devBadge": true,
"profile": {
"bigdesc": ["Tutaj będzie kiedyś opis profilu."],
"links": [
{
"resname": "Website",
"href": "https://manczak.net"
}
]
}
},
{
"name": "Mollin",
"desc": "porucznik essy.",
"img": "https://i.imgur.com/64sHQjM.jpg",
"profile": {
"bigdesc": ["Tutaj będzie kiedyś opis profilu."]
}
},
{
"name": "Elephant",
"desc": "osobnik demencyjny.",
"img": "https://i.imgur.com/INQM1Cd.png",
"profile": {
"bigdesc": ["Tutaj będzie kiedyś opis profilu."]
}
},
{
"name": "Dzioba",
"desc": "backend bastard.",
"img": "https://i.imgur.com/0gUirZH.png",
"devBadge": true,
"profile": {
"bigdesc": ["Tutaj będzie kiedyś opis profilu."]
}
},
{
"name": "KuOlek",
"desc": "duch. (bo go nie ma)",
"img": "https://i.imgur.com/SCTXTtz.png",
"profile": {
"bigdesc": ["Tutaj będzie kiedyś opis profilu."]
}
},
{
"name": "Bavil Gravlax",
"desc": "śpiący rękawek.",
"img": "https://i.imgur.com/6bxpBgK.png",
"profile": {
"bigdesc": ["Tutaj będzie kiedyś opis profilu."]
}
}
]

2
data/links.json
View File

@@ -29,7 +29,7 @@
},
{
"href": "/o-gractwie#sklad-administracji",
"hrefalias": ["/profile"]
"hrefalias": ["/profil"]
},
{
"name": "Kod Źródłowy",

8
pages/404.tsx
View File

@@ -1,9 +1,13 @@
import { SEO } from "../components/SEO";
import { useRouter } from "next/router";
import Link from "next/link";
import { useEffect, useState } from "react";
const PageError404 = () => {
const router = useRouter();
const [badPath, setBadPath] = useState("");
useEffect(() => {
setBadPath(router.asPath);
}, [router.asPath]);
return (
<>
<SEO title="404" />
@@ -42,7 +46,7 @@ const PageError404 = () => {
boxShadow: "var(--shadow0)",
}}
>
{useRouter().asPath}
{badPath}
</span>{" "}
nie jest poprawnym adresem.
</p>

2
pages/o-gractwie.tsx
View File

@@ -73,7 +73,7 @@ const PageInfo = () => {
return (
<Link
key={el.Id}
href={`/profile/${el.Name.replaceAll(
href={`/profil/${el.Name.replaceAll(
" ",
"-"
).toLocaleLowerCase()}`}

104
pages/profil/[profname]/index.tsx Normal file
View File

@@ -0,0 +1,104 @@
import { useRouter } from "next/router";
import { useEffect, useState } from "react";
import { SEO } from "../../../components/SEO";
const ProfilePage = () => {
const router = useRouter();
const profname = router.query.profname as string;
type personsSchema = {
Id: string;
Name: string;
Desc?: string;
Img?: string;
IsAdmin?: boolean;
DevBadge?: boolean;
AssignedUser?: string;
};
const [persons, setPersons] = useState([]);
const [loading, setLoading] = useState(true);
useEffect(() => {
fetch("https://gractwo.pl/api/v1/admincards")
.then((res) => {
return res.json();
})
.then((data) => {
setPersons(data);
setLoading(false);
})
.catch((err) => {
console.log(err);
});
}, []);
if (loading) {
return <main style={{ color: "grey" }}>Fetching data...</main>;
} else {
if (
persons
.map((el: personsSchema) => {
return el.Name.replaceAll(" ", "-").toLocaleLowerCase();
})
.includes(profname)
) {
const person: personsSchema = persons.filter((wpis: personsSchema) => {
return wpis.Name.replaceAll(" ", "-").toLocaleLowerCase() === profname;
})[0];
return (
<main>
<SEO title={person.Name} />
<div
style={{
display: "flex",
flexDirection: "row",
alignItems: "center",
gap: "1rem",
marginBottom: "1rem",
}}
>
<img
src={person.Img}
alt={`${person.Name} profile image`}
style={{
width: "128px",
aspectRatio: "1/1",
objectFit: "cover",
borderRadius: "50%",
}}
/>
<div>
<h1>{person.Name}</h1>
<p>{person.Desc}</p>
</div>
</div>
{/* FOR LATER BIGDESC DATASET */}
{/* {person.profile?.bigdesc.map((el, index) => {
return <p key={index}>{el || <br />}</p>;
})} */}
</main>
);
} else {
return (
<main>
<SEO title="nieznany profil" />
<h1>Sorki!{" :("}</h1>
<p style={{ lineHeight: "30px" }}>
Sprawdź pisownię:
<span
style={{
background: "var(--black1)",
boxShadow: "var(--shadow0)",
padding: "8px",
margin: "10px",
borderRadius: "4px",
}}
>
{`/profile/${profname}`}
</span>
nie jest poprawnym lokatorem profilu.
</p>
</main>
);
}
}
};
export default ProfilePage;

72
pages/profile/[profname]/index.tsx
View File

@@ -1,72 +0,0 @@
import { useRouter } from "next/router";
import administracja from "../../../data/administracja.json";
const ProfilePage = () => {
const router = useRouter();
const profname = router.query.profname as string;
if (
administracja
.map((el) => {
return el.name.replaceAll(" ", "-").toLocaleLowerCase();
})
.includes(profname)
) {
const person = administracja.filter((wpis) => {
return wpis.name.replaceAll(" ", "-").toLocaleLowerCase() === profname;
})[0];
return (
<main>
<div
style={{
display: "flex",
flexDirection: "row",
alignItems: "center",
gap: "1rem",
marginBottom: "1rem",
}}
>
<img
src={person.img}
alt={`${person.name} profile image`}
style={{
width: "128px",
aspectRatio: "1/1",
objectFit: "cover",
borderRadius: "50%",
}}
/>
<div>
<h1>{person.name}</h1>
<p>{person.desc}</p>
</div>
</div>
{person.profile?.bigdesc.map((el, index) => {
return <p key={index}>{el || <br />}</p>;
})}
</main>
);
} else {
return (
<main>
<h1>Sorki!{" :("}</h1>
<p style={{ lineHeight: "30px" }}>
Sprawdź pisownię:
<span
style={{
background: "var(--black1)",
boxShadow: "var(--shadow0)",
padding: "8px",
margin: "10px",
borderRadius: "4px",
}}
>
{`/profile/${profname}`}
</span>
nie jest poprawnym lokatorem profilu.
</p>
</main>
);
}
};
export default ProfilePage;