+
+
+
+ );
+}
diff --git a/src/assets/bitslogo.png b/src/assets/bitslogo.png
new file mode 100644
index 0000000..4a925b6
Binary files /dev/null and b/src/assets/bitslogo.png differ
diff --git a/src/components/dataBalance/dataBalance.module.scss b/src/components/dataBalance/dataBalance.module.scss
new file mode 100644
index 0000000..62fd45a
--- /dev/null
+++ b/src/components/dataBalance/dataBalance.module.scss
@@ -0,0 +1,11 @@
+.dataContainer {
+ padding: 1rem;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ font-family: 'Times New Roman', Times, serif;
+ @media screen and (max-width: 640px) {
+ display: none;
+ }
+}
diff --git a/src/components/dataBalance/dataBalance.tsx b/src/components/dataBalance/dataBalance.tsx
new file mode 100644
index 0000000..78d48d3
--- /dev/null
+++ b/src/components/dataBalance/dataBalance.tsx
@@ -0,0 +1,124 @@
+import { ScoreMeter } from "@cred/neopop-web/lib/components";
+import { fetch, getClient, Body, ResponseType } from "@tauri-apps/api/http";
+import { useEffect, useState } from "preact/hooks";
+
+import styles from "./dataBalance.module.scss";
+
+export function DataBalance(props: { username: string; password: string }) {
+ const [datas, setDatas] = useState
+
+
+
+ );
+}
diff --git a/src/components/login/login.module.scss b/src/components/login/login.module.scss
new file mode 100644
index 0000000..ee0a0b6
--- /dev/null
+++ b/src/components/login/login.module.scss
@@ -0,0 +1,17 @@
+.loginContainer {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ max-width: 20rem;
+ padding: 1rem;
+}
+
+.loginContainer > * {
+ margin: 0.5rem 0;
+}
+
+.bitsLogo {
+ margin: 1rem 0;
+ height: 6.5rem;
+ width: 100%;
+}
diff --git a/src/components/login/login.tsx b/src/components/login/login.tsx
new file mode 100644
index 0000000..31e2dad
--- /dev/null
+++ b/src/components/login/login.tsx
@@ -0,0 +1,121 @@
+import {
+ Button,
+ InputField,
+ showToast,
+} from "@cred/neopop-web/lib/components";
+import { StateUpdater, useEffect, useState } from "preact/hooks";
+import { fetch, Body } from "@tauri-apps/api/http";
+import { emit } from "@tauri-apps/api/event";
+
+import styles from "./login.module.scss";
+
+import bits_logo from "../../assets/bitslogo.png";
+import { ChangeEvent } from "preact/compat";
+
+export function Login(props: {
+ username: string;
+ password: string;
+ setUsername: StateUpdater
+
+ );
+}
diff --git a/src/index.css b/src/index.css
new file mode 100644
index 0000000..affb4c1
--- /dev/null
+++ b/src/index.css
@@ -0,0 +1,33 @@
+:root {
+ font-family: Inter, Avenir, Helvetica, Arial, sans-serif;
+ font-size: 16px;
+ line-height: 24px;
+ font-weight: 400;
+
+ color-scheme: light dark;
+ color: rgba(255, 255, 255, 0.87);
+ background-image: url(https://180dc.org/wp-content/uploads/2016/04/bits-goa-campus.jpg);
+ background-size: cover;
+ background-position: center;
+
+ font-synthesis: none;
+ text-rendering: optimizeLegibility;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-text-size-adjust: 100%;
+}
+
+body {
+ margin: 0;
+ display: flex;
+ place-items: center;
+ min-width: 320px;
+ min-height: 100vh;
+}
+
+#app {
+ max-width: 1280px;
+ margin: 0 auto;
+ padding: 0;
+ text-align: center;
+}
diff --git a/src/main.tsx b/src/main.tsx
new file mode 100644
index 0000000..e0ce3e9
--- /dev/null
+++ b/src/main.tsx
@@ -0,0 +1,5 @@
+import { render } from 'preact'
+import { App } from './app'
+import './index.css'
+
+render(
+ 
+ ) =>
+ setLocalUsername((event.target as HTMLInputElement).value)
+ }
+ value={localUsername}
+ autoFocus
+ style={{
+ margin: "0.5rem 0",
+ }}
+ />
+ ) =>
+ setLocalPassword((event.target as HTMLInputElement).value)
+ }
+ value={localPassword}
+ style={{
+ margin: "0.5rem 0",
+ }}
+ />
+
+
+
-
-
-
-
diff --git a/ui/index.js b/ui/index.js
deleted file mode 100644
index 50996b2..0000000
--- a/ui/index.js
+++ /dev/null
@@ -1,32 +0,0 @@
-const { emit, listen } = window.__TAURI__.event;
-
-document.getElementById("save").addEventListener("click", (_) => {
- document.getElementById("saved_message").className = "creds-saved";
- emit("save", {
- username: encodeURIComponent(
- document.getElementById("loginuserid").value
- ),
- password: encodeURIComponent(
- document.getElementById("loginpassword").value
- ),
- });
- setTimeout(
- () =>
- (document.getElementById("saved_message").className =
- "creds-saved hide"),
- 3000
- );
-});
-
-listen("credentials", (creds) => {
- document.getElementById("loginuserid").value = decodeURIComponent(
- creds.payload.username
- );
- document.getElementById("loginpassword").value = decodeURIComponent(
- creds.payload.password
- );
-});
-
-document.addEventListener("visibilitychange", () => {
- if (document.visibilityState === "hidden") emit("minimise");
-});
diff --git a/vite.config.ts b/vite.config.ts
new file mode 100644
index 0000000..84be87a
--- /dev/null
+++ b/vite.config.ts
@@ -0,0 +1,18 @@
+import { defineConfig } from 'vite'
+import preact from '@preact/preset-vite'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+ clearScreen: false,
+ server: {
+ strictPort: true,
+ },
+ envPrefix: ["VITE_", "TAURI_"],
+ build: {
+ target: ["es2021", "chrome100", "safari13"],
+ minify: !process.env.TAURI_DEBUG ? 'esbuild' : false,
+ sourcemap: !!process.env.TAURI_DEBUG,
+ outDir: 'dist'
+ },
+ plugins: [preact()],
+});
- 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-