yay
This commit is contained in:
parent
add75dced1
commit
2310ba837a
1 changed files with 98 additions and 99 deletions
|
|
@ -1,126 +1,125 @@
|
|||
import { createSignal, onMount } from "solid-js";
|
||||
import { ishover } from "../App";
|
||||
import {createSignal, onMount} from "solid-js";
|
||||
import {ishover} from "../App";
|
||||
|
||||
interface Review {
|
||||
reviewID: number;
|
||||
discordID: string;
|
||||
reviewText: string;
|
||||
timestamp: string;
|
||||
id: number;
|
||||
reviewer: string;
|
||||
review: string;
|
||||
}
|
||||
|
||||
interface NeoReview extends Review {
|
||||
global_name: string;
|
||||
username: string;
|
||||
global_name: string;
|
||||
username: string;
|
||||
}
|
||||
|
||||
export default function Reviews() {
|
||||
const [reviews, setReviews] = createSignal<NeoReview[]>([]);
|
||||
onMount(() => {
|
||||
fetch("https://maggie.amy.rip/reviews")
|
||||
.then((response) => response.json())
|
||||
.then((data: Review[]) => {
|
||||
const promises = data.map((review) =>
|
||||
fetch(`https://discord-info.api.amy.rip/v1/user/${review.discordID}`)
|
||||
const [reviews, setReviews] = createSignal<NeoReview[]>([]);
|
||||
onMount(() => {
|
||||
fetch("https://maggie.amy.rip/reviews")
|
||||
.then((response) => response.json())
|
||||
.then((user) => ({
|
||||
...review,
|
||||
global_name: user.global_name,
|
||||
username: user.username,
|
||||
})),
|
||||
);
|
||||
.then((data: Review[]) => {
|
||||
const promises = data.map((review) =>
|
||||
fetch(`https://discord-info.api.amy.rip/v1/user/${review.reviewer}`)
|
||||
.then((response) => response.json())
|
||||
.then((user) => ({
|
||||
...review,
|
||||
global_name: user.global_name,
|
||||
username: user.username,
|
||||
})),
|
||||
);
|
||||
|
||||
Promise.all(promises)
|
||||
.then((yeah) => {
|
||||
setReviews(yeah);
|
||||
})
|
||||
.catch((error) =>
|
||||
console.error("Error fetching Discord user data:", error),
|
||||
);
|
||||
})
|
||||
.catch((error) => console.error("Error fetching reviews:", error));
|
||||
});
|
||||
Promise.all(promises)
|
||||
.then((yeah) => {
|
||||
setReviews(yeah);
|
||||
})
|
||||
.catch((error) =>
|
||||
console.error("Error fetching Discord user data:", error),
|
||||
);
|
||||
})
|
||||
.catch((error) => console.error("Error fetching reviews:", error));
|
||||
});
|
||||
|
||||
return (
|
||||
<div class="reviewsection">
|
||||
<h1 class="reviewheadertext">Reviews</h1>
|
||||
<a
|
||||
style={{
|
||||
opacity: ishover() ? '100%': '0%',
|
||||
return (
|
||||
<div class="reviewsection">
|
||||
<h1 class="reviewheadertext">Reviews</h1>
|
||||
<a
|
||||
style={{
|
||||
opacity: ishover() ? '100%' : '0%',
|
||||
// visibility: !ishover() ? 'hidden' : 'visible',
|
||||
}}
|
||||
href="https://discord.com/oauth2/authorize?client_id=1208380910525743134&response_type=token&redirect_uri=https%3A%2F%2Famy.rip%2Freview%2F&scope=identify"
|
||||
>
|
||||
<p class="fadein">add your reviews here</p>
|
||||
</a>
|
||||
<div class="actualreviewdiv">
|
||||
{reviews().length > 0 ? (
|
||||
reviews()
|
||||
.reverse()
|
||||
.map((review) => (
|
||||
<div>
|
||||
<SingleReview {...review} />
|
||||
</div>
|
||||
))
|
||||
) : (
|
||||
<div>Loading reviews...</div>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}}
|
||||
href="https://discord.com/oauth2/authorize?client_id=1208380910525743134&response_type=token&redirect_uri=https%3A%2F%2Famy.rip%2Freview%2F&scope=identify"
|
||||
>
|
||||
<p class="fadein">add your reviews here</p>
|
||||
</a>
|
||||
<div class="actualreviewdiv">
|
||||
{reviews().length > 0 ? (
|
||||
reviews()
|
||||
.reverse()
|
||||
.map((review) => (
|
||||
<div>
|
||||
<SingleReview {...review} />
|
||||
</div>
|
||||
))
|
||||
) : (
|
||||
<div>Loading reviews...</div>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
export const theImager = async (id: string): Promise<string> =>
|
||||
await fetch(`https://discord-info.api.amy.rip/v1/user/${id}`)
|
||||
.then((res) => res.json())
|
||||
.then((data) => data.avatar.link)
|
||||
.catch(() => "https://http.cat/status/100");
|
||||
await fetch(`https://discord-info.api.amy.rip/v1/user/${id}`)
|
||||
.then((res) => res.json())
|
||||
.then((data) => data.avatar.link)
|
||||
.catch(() => "https://http.cat/status/100");
|
||||
|
||||
function SingleReview(props: NeoReview) {
|
||||
const [imageSrc, setImageSrc] = createSignal("");
|
||||
const [imageSrc, setImageSrc] = createSignal("");
|
||||
|
||||
onMount(async () => {
|
||||
const url = await theImager(props.discordID);
|
||||
setImageSrc(url);
|
||||
});
|
||||
onMount(async () => {
|
||||
const url = await theImager(String(props.reviewer));
|
||||
setImageSrc(url);
|
||||
});
|
||||
|
||||
return (
|
||||
<div class="singlereview">
|
||||
<img
|
||||
src={imageSrc()}
|
||||
alt="User Avatar"
|
||||
style={{ "max-width": "3em", "border-radius": "30%" }}
|
||||
/>
|
||||
<div class="reviewinfo">
|
||||
<div class="reviewname">
|
||||
{props.global_name === null ? props.username : props.global_name}
|
||||
return (
|
||||
<div class="singlereview">
|
||||
<img
|
||||
src={imageSrc()}
|
||||
alt="User Avatar"
|
||||
style={{"max-width": "3em", "border-radius": "30%"}}
|
||||
/>
|
||||
<div class="reviewinfo">
|
||||
<div class="reviewname">
|
||||
{props.global_name === null ? props.username : props.global_name}
|
||||
</div>
|
||||
<div class="reviewtext">{props.review}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="reviewtext">{props.reviewText}</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
);
|
||||
}
|
||||
|
||||
export async function sendReview(
|
||||
review: string,
|
||||
token: string,
|
||||
review: string,
|
||||
token: string,
|
||||
): Promise<boolean> {
|
||||
try {
|
||||
const response = await fetch(
|
||||
`https://maggie.amy.rip/sendreview?review=${review}`,
|
||||
{
|
||||
headers: {
|
||||
Authentication: token,
|
||||
},
|
||||
method: "POST",
|
||||
},
|
||||
);
|
||||
try {
|
||||
const response = await fetch(
|
||||
`https://maggie.amy.rip/sendreview?review=${review}`,
|
||||
{
|
||||
headers: {
|
||||
Authentication: token,
|
||||
},
|
||||
method: "POST",
|
||||
},
|
||||
);
|
||||
|
||||
if (response.status !== 200) {
|
||||
return false;
|
||||
if (response.status !== 200) {
|
||||
return false;
|
||||
}
|
||||
|
||||
return true;
|
||||
} catch (error) {
|
||||
return false;
|
||||
}
|
||||
|
||||
return true;
|
||||
} catch (error) {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue