v0.3.2 - dev preview

amber-dchat · Oct 5, 2024 · 2cf4abf · 2cf4abf
1 parent 1131673
commit 2cf4abf
Show file tree

Hide file tree

Showing 11 changed files with 22 additions and 13 deletions.
diff --git a/README.md b/README.md
@@ -1,5 +1,3 @@
-# Thanks to [WallpaperFlare](https://www.wallpaperflare.com/stars-sky-night-space-star-space-astronomy-full-frame-wallpaper-gtuqz) for the background image.
-
 # Required Tools
 
 - NodeJS
@@ -13,3 +11,7 @@ npm i -g pnpm
 pnpm install
 pnpm dev
 ```
+
+### Attributions
+
+- Background Photo by [Jasper Garratt](https://unsplash.com/@jaspergarrattphotography?utm_content=creditCopyText&utm_medium=referral&utm_source=unsplash) on [Unsplash](https://unsplash.com/photos/a-star-trail-is-seen-in-the-night-sky-SCJ5lmQ5mlQ?utm_content=creditCopyText&utm_medium=referral&utm_source=unsplash)
diff --git a/index.html b/index.html
@@ -7,7 +7,7 @@
     <title>Updater</title>
   </head>
 
-  <body data-tauri-drag-region>
+  <body data-tauri-drag-region oncontextmenu="return false">
     <div id="root"></div>
     <script type="module" src="/src/main.tsx"></script>
   </body>

diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "amber-dchat",
   "private": true,
-  "version": "0.3.1",
+  "version": "0.3.2",
   "type": "module",
   "scripts": {
     "dev": "tauri dev",

diff --git a/src-tauri/Cargo.lock b/src-tauri/Cargo.lock
diff --git a/src-tauri/Cargo.toml b/src-tauri/Cargo.toml
@@ -2,7 +2,7 @@ cargo-features = ["profile-rustflags", "trim-paths"]
 
 [package]
 name = "amberdchat"
-version = "0.3.1"
+version = "0.3.2"
 description = "A Tauri App"
 authors = ["Amber DChat"]
 edition = "2021"

diff --git a/src/ui/bg.css b/src/ui/bg.css
@@ -1,4 +1,9 @@
-.bg {
-  background: url("./bg.jpg");
+.bg1 {
+  background: url("./bg1.jpg");
+  background-size: cover;
+}
+
+.bg2 {
+  background: url("./bg2.jpg");
   background-size: cover;
 }
diff --git a/src/ui/bg.jpg b/src/ui/bg.jpg
diff --git a/src/ui/bg1.jpg b/src/ui/bg1.jpg
diff --git a/src/ui/bg2.jpg b/src/ui/bg2.jpg
diff --git a/src/ui/index.tsx b/src/ui/index.tsx
@@ -7,6 +7,8 @@ import "./bg.css"
 export default function Updater() {
   const { text, progress } = useUpdaterStatus();
 
+  const dark = window.matchMedia("(prefers-color-scheme: dark)").matches;
+
   useEffect(() => {
     window.addEventListener("keyup", (e) => {
       if (e.key == "q" || e.key == "Q") {
@@ -15,11 +17,11 @@ export default function Updater() {
     })
   }, []);
 
-  return <div data-tauri-drag-region className="w-screen h-screen bg flex flex-col items-center text-center justify-center py-2 pb-0">
-    <img data-tauri-drag-region src="/favicon.png" className="h-32 w-32 mb-3 mt-auto" />
+  return <div data-tauri-drag-region className={`w-screen h-screen ${dark ? Math.random() >= 0.5 ? `bg1` : `bg2` : ""} flex flex-col items-center text-center justify-center py-2 pb-0`}>
+    <img data-tauri-drag-region src="/favicon.png" className="h-32 w-32 mb-3 mt-auto border border-base-content rounded-full shadow-lg" />
 
-    <h1 data-tauri-drag-region className="font-sans text-2xl md:text-3xl">Amber DChat</h1>
-    <h2 data-tauri-drag-region className="text-sm font-extrabold mt-2">&#169; Amber DChat {new Date().getFullYear()}</h2>
+    <h1 data-tauri-drag-region className="font-sans dark:text-white font-extrabold text-2xl md:text-3xl">Amber DChat</h1>
+    <h2 data-tauri-drag-region className="text-sm font-bold dark:text-white mt-2">&#169; Amber DChat {new Date().getFullYear()}</h2>
 
     <h1 data-tauri-drag-region className="mt-auto pr-3 mb-2 mx-auto md:mr-0 md:ml-auto">{text}</h1>
 

diff --git a/src/ui/status.ts b/src/ui/status.ts
@@ -44,7 +44,7 @@ export function useUpdaterStatus() {
 
         setTimeout(() => {
           invoke("launch");
-        }, 1000);
+        }, 3000);
       } else if (payload === "Installing") {
         setText("Installing");
         window.setProgressBar({