css selectors are antichrist

This commit is contained in:
amy 2024-06-25 17:44:17 +03:30
parent bec0aaa263
commit 237d7487ab
4 changed files with 111 additions and 26 deletions

View file

@ -1,4 +1,5 @@
import { createSignal, onMount } from "solid-js"
import { ishover } from "../App";
interface Review {
reviewID: number;
@ -12,6 +13,7 @@ interface NeoReview extends Review {
username: string
}
export default function Reviews() {
const [reviews, setReviews] = createSignal<NeoReview[]>([]);
onMount(() => {
@ -39,27 +41,36 @@ export default function Reviews() {
return (
<div class="actualreviewdiv">
{reviews().length > 0 ? (
reviews().reverse().map((review) => (
<div>
<SingleReview {...review} />
</div>
))
) : (
<div>Loading reviews...</div>
)}
</div>
<>
<a style={{
display: ishover() ? "inline" : "none"
}} href="https://discord.com/oauth2/authorize?client_id=1208380910525743134&response_type=token&redirect_uri=https%3A%2F%2Freview.exhq.dev%2F&scope=identify">
<p>add your reviews here</p>
</a>
<h1 class="reviewheadertext">Reviews</h1>
<div
class="actualreviewdiv">
{reviews().length > 0 ? (
reviews().reverse().map((review) => (
<div>
<SingleReview {...review} />
</div>
))
) : (
<div>Loading reviews...</div>
)}
</div>
</>
)
}
function SingleReview(props: NeoReview) {
console.log(props.global_name)
return <div class="singlereview">
<img src={`https://dp.nea.moe/avatar/${props.discordID}.png`} />
<div class="reviewinfo">
<div class="reviewname"> {props.global_name === null? props.username : props.global_name} </div>
<div class="reviewname"> {props.global_name === null ? props.username : props.global_name} </div>
<div class="reviewtext"> {props.reviewText}</div>
</div>
</div>