diff --git a/frontend/src/routes/Home.tsx b/frontend/src/routes/Home.tsx
index 5eec554..de69adb 100644
--- a/frontend/src/routes/Home.tsx
+++ b/frontend/src/routes/Home.tsx
@@ -1,15 +1,44 @@
-import { createSignal, onMount } from "solid-js";
+import { For, createResource, createSignal, onMount } from "solid-js";
+import { GetRandomAlbums } from "../../wailsjs/go/main/App";
+import {main} from "../../wailsjs/go/models";
export function Home() {
const [hidden, setHidden] = createSignal(true);
+ const [albums] = createResource(GetRandomAlbums);
onMount(() => {
+ // Fade in the UI
setTimeout(() => setHidden(false) , 150);
});
+
return (
+ );
+}
+
+function Album(props: {album: main.Album}) {
+ return (
+
+
+
+
+ {props.album.name}
+
+
+ {props.album.albumArtist}
+
+
);
}
diff --git a/frontend/src/routes/Login.tsx b/frontend/src/routes/Login.tsx
index 591eb45..5c54e9c 100644
--- a/frontend/src/routes/Login.tsx
+++ b/frontend/src/routes/Login.tsx
@@ -72,7 +72,11 @@ export function Login() {
-
+
diff --git a/frontend/tailwind.config.mjs b/frontend/tailwind.config.mjs
index 966eec8..fd1e313 100644
--- a/frontend/tailwind.config.mjs
+++ b/frontend/tailwind.config.mjs
@@ -5,6 +5,13 @@ export default {
content: [
"./src/**/*.{js,jsx,ts,tsx}",
],
+ theme: {
+ extend: {
+ spacing: {
+ "30": "7.5rem",
+ },
+ },
+ },
plugins: [
daisyui,
],
diff --git a/frontend/wailsjs/go/main/App.d.ts b/frontend/wailsjs/go/main/App.d.ts
index d40aeda..9b5c20e 100755
--- a/frontend/wailsjs/go/main/App.d.ts
+++ b/frontend/wailsjs/go/main/App.d.ts
@@ -1,5 +1,8 @@
// Cynhyrchwyd y ffeil hon yn awtomatig. PEIDIWCH Â MODIWL
// This file is automatically generated. DO NOT EDIT
+import {main} from '../models';
+
+export function GetRandomAlbums():Promise>;
export function Greet(arg1:string):Promise;
diff --git a/frontend/wailsjs/go/main/App.js b/frontend/wailsjs/go/main/App.js
index 749ae7f..4a96693 100755
--- a/frontend/wailsjs/go/main/App.js
+++ b/frontend/wailsjs/go/main/App.js
@@ -2,6 +2,10 @@
// Cynhyrchwyd y ffeil hon yn awtomatig. PEIDIWCH Â MODIWL
// This file is automatically generated. DO NOT EDIT
+export function GetRandomAlbums() {
+ return window['go']['main']['App']['GetRandomAlbums']();
+}
+
export function Greet(arg1) {
return window['go']['main']['App']['Greet'](arg1);
}