amy/v2.exhq.dev
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

review (solid version) (pun intented)

Browse source
This commit is contained in:
amy 2024-08-04 09:46:51 +03:30
parent 56fa987021
commit 4adf257cbf
7 changed files with 153 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

45
review/App.tsx Normal file
View file

@ -0,0 +1,45 @@
import '../src/App.css'
import "./reviewed.css"
import { sendReview } from '../src/components/api'
export default function App() {
const token = window.location.hash.substring(window.location.hash.indexOf("access_token") + "access_token".length + 1).substring(0, 30)
let ref!: HTMLTextAreaElement;
return <div class='reviewOuterparent'>
<div class='reviewParent'>
<textarea
ref={ref}
onKeyPress={async (e) => {
if (e.key === "Enter") {
e.preventDefault()
if (await sendReview(ref.value, token)) {
alert("review sent!")
} else {
alert("something went wrong, check your network tab or something idfk")
}
}
}}
placeholder='your shitty review'
class='reviewText'
name="" id="" cols="25" rows="3">
</textarea>
<div class='flexButton'>
<button onclick={async () => {
try {
const success = await sendReview(ref.value, token);
if (success) {
alert("Review sent successfully!");
} else {
alert("Failed to send review. open your browser's network tab for more info lmao");
}
} catch (error) {
alert("how");
}
}} class='sendButton'>send yo shi</button>
</div>
</div>
</div>
}

20
review/index.html Normal file
View file

@ -0,0 +1,20 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="https://dp.nea.moe/avatar/712639419785412668.png" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>ehco</title>
<meta content="review" property="og:title" />
<meta content="rewviewdb, but not turkish" property="og:description" />
<meta content="https://dp.nea.moe/avatar/712639419785412668.png" property="og:image" />
<meta content="#43B581" data-react-helmet="true" name="theme-color" />
</head>
<body>
<div id="reviewroot"></div>
<script type="module" src="./index.tsx"></script>
</body>
</html>

11
review/index.tsx Normal file
View file

@ -0,0 +1,11 @@
import { render } from 'solid-js/web'
import App from './App'
const root = document.getElementById('reviewroot')
render(() => (
<>
<App />
</>
), root!)

53
review/reviewed.css Normal file
View file

@ -0,0 +1,53 @@
textarea {
resize: none;
}
.parent {
height: 100%;
/* just */
}
.reviewOuterparent {
height: 90vh;
display: flex;
flex-direction: row;
justify-content: space-around;
}
.reviewText {
color: pink;
margin-bottom: 10%;
font-size: xx-large;
background-color: #1e1e1e;
font-family: monospace;
outline: none;
border: none;
text-align: center;
display: flex;
align-items: center;
}
.reviewParent {
display: flex;
/* background-color: ; */
flex-direction: column;
justify-content: center;
}
.sendButton {
color: pink;
background-color: #0a0a0a;
font-size: 19px;
border: 2px solid #0a0a0a;
padding: 15px 50px;
cursor: pointer
}
.sendButton:hover {
background-color: #2c2c2c;
border: 2px solid #2c2c2c;
}
.flexButton {
display: flex;
justify-content: center;
}