css selectors are antichrist
This commit is contained in:
parent
bec0aaa263
commit
237d7487ab
4 changed files with 111 additions and 26 deletions
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue