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);
  console.log(token);
  if (token === "") {
    window.location.href =
      "https://discord.com/oauth2/authorize?client_id=1208380910525743134&response_type=token&redirect_uri=https%3A%2F%2Famy.rip%2Freview%2F&scope=identify";
  }
  let ref!: HTMLTextAreaElement;
  return (
    <div class="reviewOuterparent">
      <div class="reviewParent">
        <img src="../fjonkie.png" alt="" />
        <span>(it doesnt)</span>
        <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 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 your review
          </button>
        </div>
      </div>
    </div>
  );
}