fixed input bug

Fix doc comment indentation
added background overlay when adding anything
2024-05-29 10:54:13 -04:00 · 2024-05-26 20:44:40 -04:00 · 2024-05-23 00:02:13 -04:00 · 2024-05-22 23:17:52 -04:00 · 2024-05-22 23:04:21 -04:00 · 2024-05-22 20:24:30 -04:00
83 changed files with 1019 additions and 4129 deletions
--- a/.dockerignore
+++ b/.dockerignore
@ -9,6 +9,3 @@
 !/Cargo.lock
 !/Cargo.toml
 !/ascii_art.txt
-!/flake.nix
-!/flake.lock
-!/rust-toolchain.toml
--- a/.env.example
+++ b/.env.example
@ -15,7 +15,3 @@ DATABASE_URL=postgresql://libretunes:password@localhost:5432/libretunes
 # POSTGRES_HOST=localhost
 # POSTGRES_PORT=5432
 # POSTGRES_DB=libretunes
-
-LIBRETUNES_AUDIO_PATH=assets/audio
-LIBRETUNES_IMAGE_PATH=assets/images
-LIBRETUNES_DISABLE_SIGNUP=true
--- a/.gitea/workflows/push.yaml
+++ b/.gitea/workflows/push.yaml
@ -1,101 +0,0 @@
-name: Push Workflows
-on: push
-
-jobs:
-  build:
-    runs-on: libretunes-cicd
-    steps:
-      - name: Checkout repository
-        uses: actions/checkout@v4
-      - name: Use Cache
-        uses: Swatinem/rust-cache@v2
-      - name: Build project
-        run: cargo-leptos build
-
-  docker-build:
-    runs-on: ubuntu-latest-docker
-    steps:
-      - name: Checkout repository
-        uses: actions/checkout@v4
-      - name: Set up Docker Buildx
-        uses: docker/setup-buildx-action@v3
-        with:
-          endpoint: ${{ env.docker_endpoint }}
-      - name: Login to Gitea container registry
-        uses: docker/login-action@v3
-        with:
-          registry: ${{ env.registry }}
-          username: ${{ env.actions_user }}
-          password: ${{ secrets.CONTAINER_REGISTRY_TOKEN }}
-      - name: Get Image Name
-        id: get-image-name
-        run: |
-          echo "IMAGE_NAME=$(echo ${{ env.registry }}/${{ gitea.repository }} | tr '[:upper:]' '[:lower:]')" >> $GITHUB_OUTPUT
-      - name: Build and push Docker image
-        uses: docker/build-push-action@v5
-        with:
-          push: true
-          tags: "${{ steps.get-image-name.outputs.IMAGE_NAME }}:${{ gitea.sha }}"
-          cache-to: mode=max
-      - name: Build and push Docker image with "latest" tag
-        uses: docker/build-push-action@v5
-        if: gitea.ref == 'refs/heads/main'
-        with:
-          push: true
-          tags: "${{ steps.get-image-name.outputs.IMAGE_NAME }}:latest"
-          cache-to: mode=max
-
-  test:
-    runs-on: libretunes-cicd
-    steps:
-      - name: Checkout repository
-        uses: actions/checkout@v4
-      - name: Use Cache
-        uses: Swatinem/rust-cache@v2
-      - name: Test project
-        run: cargo test --all-targets --all-features
-
-  leptos-test:
-    runs-on: libretunes-cicd
-    steps:
-      - name: Checkout repository
-        uses: actions/checkout@v4
-      - name: Use Cache
-        uses: Swatinem/rust-cache@v2
-      - name: Run Leptos tests
-        run: cargo-leptos test
-
-  docs:
-    runs-on: libretunes-cicd
-    steps:
-      - name: Checkout repository
-        uses: actions/checkout@v4
-      - name: Use Cache
-        uses: Swatinem/rust-cache@v2
-      - name: Generate docs
-        run: cargo doc --no-deps
-      - name: Upload docs
-        uses: actions/upload-artifact@v3
-        with:
-          name: docs
-          path: target/doc
-
-  nix-build:
-    runs-on: ubuntu-latest
-    steps:
-      - name: Update Package Lists
-        run: apt update
-      - name: Install Nix
-        run: apt install -y nix-bin
-      - name: Restore and cache Nix store
-        uses: nix-community/cache-nix-action@v5
-        with:
-          primary-key: nix-build
-      - name: Build project with Nix
-        run: nix build --experimental-features 'nix-command flakes' git+$GITHUB_SERVER_URL/$GITHUB_REPOSITORY.git?ref=$GITHUB_REF_NAME#default --no-write-lock-file
-
-  env:
-    runs-on: ubuntu-latest
-    steps:
-      - name: Print Environment
-        run: env
--- a/.gitignore
+++ b/.gitignore
@ -24,14 +24,9 @@ playwright/.cache/
 *.jpeg
 *.png
 *.gif
-*.webp

 # Environment variables
 .env

 # Sass cache
 .sass-cache
-
-# Nix-related files
-.direnv/
-result/
--- a/.gitlab-ci.yml
+++ b/.gitlab-ci.yml
@ -0,0 +1,101 @@
+# Build the project
+build:
+  needs: []
+  image: $CI_REGISTRY/libretunes/ops/docker-leptos:latest
+  variables:
+    RUSTFLAGS: "-D warnings"
+  script:
+    - cargo-leptos build
+
+.docker:
+  image: docker:latest
+  services:
+    - docker:dind
+  tags:
+    - docker
+  before_script:
+    - docker login -u $CI_REGISTRY_USER -p $CI_REGISTRY_PASSWORD $CI_REGISTRY
+
+# Build the docker image and push it to the registry
+docker-build:
+  needs: ["build"]
+  extends: .docker
+  script:
+    - docker build -t $CI_REGISTRY_IMAGE:$CI_COMMIT_SHORT_SHA .
+      # If running on the default branch, tag as latest
+    - if [ "$CI_COMMIT_BRANCH" == "$CI_DEFAULT_BRANCH" ]; then docker tag
+        $CI_REGISTRY_IMAGE:$CI_COMMIT_SHORT_SHA
+        $CI_REGISTRY_IMAGE:latest; fi
+    - docker push $CI_REGISTRY_IMAGE --all-tags
+
+# Run leptos tests
+leptos-tests:
+  needs: ["build"]
+  image: $CI_REGISTRY/libretunes/ops/docker-leptos:latest
+  script:
+    - cargo-leptos test
+
+# Run all tests
+tests:
+  needs: ["build"]
+  image: $CI_REGISTRY/libretunes/ops/docker-leptos:latest
+  script:
+    - cargo test --all-targets --all-features
+
+# Generate docs
+cargo-doc:
+  needs: []
+  image: rust:slim
+  script:
+    - cargo doc --no-deps
+  artifacts:
+    paths:
+      - target/doc
+
+# Start the review environment
+start-review:
+  extends: .docker
+  rules:
+    - if: $CI_PIPELINE_SOURCE == "merge_request_event"
+      when: manual
+  script:
+    - apk add curl openssl
+    - cd cicd
+    - echo "$CLOUDFLARE_TUNNEL_AUTH_JSON" > tunnel-auth.json
+    - ./add-dns.sh $CLOUDFLARE_ZONE_ID review-$CI_COMMIT_SHORT_SHA libretunes-auto-review $CLOUDFLARE_API_TOKEN $CLOUDFLARE_TUNNEL_ID
+    - ./create-tunnel-config.sh http://libretunes:3000 review-$CI_COMMIT_SHORT_SHA.libretunes.xyz $CLOUDFLARE_TUNNEL_ID
+    - export COMPOSE_PROJECT_NAME=review-$CI_COMMIT_SHORT_SHA
+    - export POSTGRES_PASSWORD=$(openssl rand -hex 16)
+    - export LIBRETUNES_VERSION=$CI_COMMIT_SHORT_SHA
+    - docker compose --file docker-compose-cicd.yml pull
+    - docker compose --file docker-compose-cicd.yml create
+    - export CONFIG_VOL_NAME=review-${CI_COMMIT_SHORT_SHA}_cloudflared-config
+    - export TMP_CONTAINER_NAME=$(docker run --rm -d -v $CONFIG_VOL_NAME:/data busybox sh -c "sleep infinity")
+    - docker cp tunnel-auth.json $TMP_CONTAINER_NAME:/data/auth.json
+    - docker cp cloudflared-tunnel-config.yml $TMP_CONTAINER_NAME:/data/config.yml
+    - docker stop $TMP_CONTAINER_NAME
+    - docker compose --file docker-compose-cicd.yml up -d
+  environment:
+    name: review/$CI_COMMIT_SHORT_SHA
+    url: https://review-$CI_COMMIT_SHORT_SHA.libretunes.xyz
+    on_stop: stop-review
+    auto_stop_in: 1 week
+
+# Stop the review environment
+stop-review:
+  needs: ["start-review"]
+  extends: .docker
+  rules:
+    - if: $CI_PIPELINE_SOURCE == "merge_request_event"
+      when: manual
+  allow_failure: true
+  script:
+    - apk add jq curl
+    - ./cicd/remove-dns.sh $CLOUDFLARE_ZONE_ID review-$CI_COMMIT_SHORT_SHA.libretunes.xyz libretunes-auto-review $CLOUDFLARE_API_TOKEN
+    - export COMPOSE_PROJECT_NAME=review-$CI_COMMIT_SHORT_SHA
+    - export LIBRETUNES_VERSION=$CI_COMMIT_SHORT_SHA
+    - docker compose --file cicd/docker-compose-cicd.yml down
+    - docker compose --file cicd/docker-compose-cicd.yml rm -f -v
+  environment:
+    name: review/$CI_COMMIT_SHORT_SHA
+    action: stop
--- a/Cargo.lock
+++ b/Cargo.lock
@ -1,6 +1,6 @@
 # This file is automatically @generated by Cargo.
 # It is not intended for manual editing.
-version = 4
+version = 3

 [[package]]
 name = "addr2line"
@ -17,12 +17,6 @@ version = "1.0.2"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "f26201604c87b1e01bd3d98f8d5d9a8fcbb815e8cedb41ffccbeb4bf593a35fe"

-[[package]]
-name = "adler2"
-version = "2.0.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "512761e0bb2578dd7380c6baaa0f4ce03e84f95e960231d1dec8bf4d7d6e2627"
-
 [[package]]
 name = "ahash"
 version = "0.8.11"
@ -151,7 +145,7 @@ dependencies = [
 "axum-core",
 "bytes",
 "futures-util",
- "http 1.1.0",
+ "http",
 "http-body",
 "http-body-util",
 "hyper",
@ -167,7 +161,7 @@ dependencies = [
 "serde",
 "sync_wrapper 1.0.0",
 "tokio",
- "tower 0.4.13",
+ "tower",
 "tower-layer",
 "tower-service",
 ]
@ -181,7 +175,7 @@ dependencies = [
 "async-trait",
 "bytes",
 "futures-util",
- "http 1.1.0",
+ "http",
 "http-body",
 "http-body-util",
 "mime",
@ -222,7 +216,7 @@ dependencies = [
 "cc",
 "cfg-if",
 "libc",
- "miniz_oxide 0.7.2",
+ "miniz_oxide",
 "object",
 "rustc-demangle",
 ]
@ -239,29 +233,6 @@ version = "1.6.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "8c3c1a368f70d6cf7302d78f8f7093da241fb8e8807c05cc9e51a125895a6d5b"

-[[package]]
-name = "bindgen"
-version = "0.69.4"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "a00dc851838a2120612785d195287475a3ac45514741da670b735818822129a0"
-dependencies = [
- "bitflags 2.5.0",
- "cexpr",
- "clang-sys",
- "itertools",
- "lazy_static",
- "lazycell",
- "log",
- "prettyplease",
- "proc-macro2",
- "quote",
- "regex",
- "rustc-hash",
- "shlex",
- "syn 2.0.58",
- "which",
-]
-
 [[package]]
 name = "bitflags"
 version = "1.3.2"
@ -337,7 +308,7 @@ version = "0.18.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "c878c71c2821aa2058722038a59a67583a4240524687c6028571c9b395ded61f"
 dependencies = [
- "darling 0.14.4",
+ "darling",
 "proc-macro2",
 "quote",
 "syn 1.0.109",
@ -361,15 +332,6 @@ version = "1.0.90"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "8cd6604a82acf3039f1144f54b8eb34e91ffba622051189e71b781822d5ee1f5"

-[[package]]
-name = "cexpr"
-version = "0.6.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "6fac387a98bb7c37292057cffc56d62ecb629900026402633ae9160df93a8766"
-dependencies = [
- "nom",
-]
-
 [[package]]
 name = "cfg-if"
 version = "1.0.0"
@ -378,16 +340,13 @@ checksum = "baf1de4339761588bc0619e3cbc0120ee582ebb74b53b4efbf79117bd2da40fd"

 [[package]]
 name = "chrono"
-version = "0.4.38"
+version = "0.4.37"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "a21f936df1771bf62b77f047b726c4625ff2e8aa607c01ec06e5a05bd8463401"
+checksum = "8a0d04d43504c61aa6c7531f1871dd0d418d91130162063b789da00fd7057a5e"
 dependencies = [
 "android-tzdata",
 "iana-time-zone",
- "js-sys",
 "num-traits",
- "serde",
- "wasm-bindgen",
 "windows-targets 0.52.4",
 ]

@ -418,26 +377,6 @@ dependencies = [
 "half",
 ]

-[[package]]
-name = "clang-sys"
-version = "1.8.1"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "0b023947811758c97c59bf9d1c188fd619ad4718dcaa767947df1cadb14f39f4"
-dependencies = [
- "glob",
- "libc",
- "libloading",
-]
-
-[[package]]
-name = "codee"
-version = "0.2.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "5d3ad3122b0001c7f140cf4d605ef9a9e2c24d96ab0b4fb4347b76de2425f445"
-dependencies = [
- "thiserror",
-]
-
 [[package]]
 name = "collection_literals"
 version = "1.0.1"
@ -523,12 +462,6 @@ version = "0.8.6"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "06ea2b9bc92be3c2baa9334a323ebca2d6f074ff852cd1d7b11064035cd3868f"

-[[package]]
-name = "cow-utils"
-version = "0.1.3"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "417bef24afe1460300965a25ff4a24b8b45ad011948302ec221e8a0a81eb2c79"
-
 [[package]]
 name = "cpufeatures"
 version = "0.2.12"
@ -544,15 +477,6 @@ version = "0.4.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "338089f42c427b86394a5ee60ff321da23a5c89c9d89514c829687b26359fcff"

-[[package]]
-name = "crc32fast"
-version = "1.4.2"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "a97769d94ddab943e4510d138150169a2758b5ef3eb191a9ee688de3e23ef7b3"
-dependencies = [
- "cfg-if",
-]
-
 [[package]]
 name = "crunchy"
 version = "0.2.2"
@ -575,18 +499,8 @@ version = "0.14.4"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "7b750cb3417fd1b327431a470f388520309479ab0bf5e323505daf0290cd3850"
 dependencies = [
- "darling_core 0.14.4",
- "darling_macro 0.14.4",
-]
-
-[[package]]
-name = "darling"
-version = "0.20.10"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "6f63b86c8a8826a49b8c21f08a2d07338eec8d900540f8630dc76284be802989"
-dependencies = [
- "darling_core 0.20.10",
- "darling_macro 0.20.10",
+ "darling_core",
+ "darling_macro",
 ]

 [[package]]
@ -599,46 +513,21 @@ dependencies = [
 "ident_case",
 "proc-macro2",
 "quote",
- "strsim 0.10.0",
+ "strsim",
 "syn 1.0.109",
 ]

-[[package]]
-name = "darling_core"
-version = "0.20.10"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "95133861a8032aaea082871032f5815eb9e98cef03fa916ab4500513994df9e5"
-dependencies = [
- "fnv",
- "ident_case",
- "proc-macro2",
- "quote",
- "strsim 0.11.1",
- "syn 2.0.58",
-]
-
 [[package]]
 name = "darling_macro"
 version = "0.14.4"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "a4aab4dbc9f7611d8b55048a3a16d2d010c2c8334e46304b40ac1cc14bf3b48e"
 dependencies = [
- "darling_core 0.14.4",
+ "darling_core",
 "quote",
 "syn 1.0.109",
 ]

-[[package]]
-name = "darling_macro"
-version = "0.20.10"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "d336a2a514f6ccccaa3e09b02d41d35330c07ddf03a62165fcec10bb561c7806"
-dependencies = [
- "darling_core 0.20.10",
- "quote",
- "syn 2.0.58",
-]
-
 [[package]]
 name = "dashmap"
 version = "5.5.3"
@ -652,18 +541,6 @@ dependencies = [
 "parking_lot_core",
 ]

-[[package]]
-name = "default-struct-builder"
-version = "0.5.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "f8fa90da96b8fd491f5754d1f7a731f73921e3b7aa0ce333c821a0e43666ac14"
-dependencies = [
- "darling 0.20.10",
- "proc-macro2",
- "quote",
- "syn 2.0.58",
-]
-
 [[package]]
 name = "deranged"
 version = "0.3.11"
@ -693,11 +570,11 @@ checksum = "03fc05c17098f21b89bc7d98fe1dd3cce2c11c2ad8e145f2a44fe08ed28eb559"
 dependencies = [
 "bitflags 2.5.0",
 "byteorder",
- "chrono",
 "diesel_derives",
 "itoa",
 "pq-sys",
 "r2d2",
+ "time",
 ]

 [[package]]
@ -744,21 +621,10 @@ dependencies = [
 ]

 [[package]]
-name = "displaydoc"
-version = "0.2.5"
+name = "dotenv"
+version = "0.15.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "97369cbbc041bc366949bc74d34658d6cda5621039731c6310521892a3a20ae0"
-dependencies = [
- "proc-macro2",
- "quote",
- "syn 2.0.58",
-]
-
-[[package]]
-name = "dotenvy"
-version = "0.15.7"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "1aaf95b3e5c8f23aa320147307562d361db0ae0d51242340f558153b4eb2439b"
+checksum = "77c90badedccf4105eca100756a0b1289e191f6fcbdadd3cee1d2f614f97da8f"

 [[package]]
 name = "drain_filter_polyfill"
@ -787,35 +653,6 @@ version = "1.0.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "5443807d6dff69373d433ab9ef5378ad8df50ca6298caf15de6e52e24aaf54d5"

-[[package]]
-name = "errno"
-version = "0.3.9"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "534c5cf6194dfab3db3242765c03bbe257cf92f22b38f6bc0c58d59108a820ba"
-dependencies = [
- "libc",
- "windows-sys 0.52.0",
-]
-
-[[package]]
-name = "fdeflate"
-version = "0.3.5"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "d8090f921a24b04994d9929e204f50b498a33ea6ba559ffaa05e04f7ee7fb5ab"
-dependencies = [
- "simd-adler32",
-]
-
-[[package]]
-name = "flate2"
-version = "1.0.34"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "a1b589b4dc103969ad3cf85c950899926ec64300a1a46d76c03a6072957036f0"
-dependencies = [
- "crc32fast",
- "miniz_oxide 0.8.0",
-]
-
 [[package]]
 name = "flexi_logger"
 version = "0.28.0"
@ -1020,14 +857,13 @@ checksum = "d2fabcfbdc87f4758337ca535fb41a6d701b65693ce38287d856d1674551ec9b"
 [[package]]
 name = "gloo-net"
 version = "0.5.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "43aaa242d1239a8822c15c645f02166398da4f8b5c4bae795c1f5b44e9eee173"
+source = "git+https://github.com/rustwasm/gloo.git?rev=a823fab7ecc4068e9a28bd669da5eaf3f0a56380#a823fab7ecc4068e9a28bd669da5eaf3f0a56380"
 dependencies = [
 "futures-channel",
 "futures-core",
 "futures-sink",
 "gloo-utils",
- "http 0.2.12",
+ "http",
 "js-sys",
 "pin-project",
 "serde",
@ -1038,23 +874,10 @@ dependencies = [
 "web-sys",
 ]

-[[package]]
-name = "gloo-timers"
-version = "0.3.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "bbb143cf96099802033e0d4f4963b19fd2e0b728bcf076cd9cf7f6634f092994"
-dependencies = [
- "futures-channel",
- "futures-core",
- "js-sys",
- "wasm-bindgen",
-]
-
 [[package]]
 name = "gloo-utils"
 version = "0.2.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "0b5555354113b18c547c1d3a98fbf7fb32a9ff4f6fa112ce823a21641a0ba3aa"
+source = "git+https://github.com/rustwasm/gloo.git?rev=a823fab7ecc4068e9a28bd669da5eaf3f0a56380#a823fab7ecc4068e9a28bd669da5eaf3f0a56380"
 dependencies = [
 "js-sys",
 "serde",
@ -1104,15 +927,6 @@ dependencies = [
 "digest",
 ]

-[[package]]
-name = "home"
-version = "0.5.9"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "e3d1354bf6b7235cb4a0576c2619fd4ed18183f689b12b006a0ee7329eeff9a5"
-dependencies = [
- "windows-sys 0.52.0",
-]
-
 [[package]]
 name = "html-escape"
 version = "0.2.13"
@ -1122,17 +936,6 @@ dependencies = [
 "utf8-width",
 ]

-[[package]]
-name = "http"
-version = "0.2.12"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "601cbb57e577e2f5ef5be8e7b83f0f63994f25aa94d673e54a92d5c516d101f1"
-dependencies = [
- "bytes",
- "fnv",
- "itoa",
-]
-
 [[package]]
 name = "http"
 version = "1.1.0"
@ -1151,7 +954,7 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "1cac85db508abc24a2e48553ba12a996e87244a0395ce011e62b37158745d643"
 dependencies = [
 "bytes",
- "http 1.1.0",
+ "http",
 ]

 [[package]]
@ -1162,7 +965,7 @@ checksum = "0475f8b2ac86659c21b64320d5d653f9efe42acd2a4e560073ec61a155a34f1d"
 dependencies = [
 "bytes",
 "futures-core",
- "http 1.1.0",
+ "http",
 "http-body",
 "pin-project-lite",
 ]
@ -1194,7 +997,7 @@ dependencies = [
 "bytes",
 "futures-channel",
 "futures-util",
- "http 1.1.0",
+ "http",
 "http-body",
 "httparse",
 "httpdate",
@ -1212,7 +1015,7 @@ checksum = "ca38ef113da30126bbff9cd1705f9273e15d45498615d138b0c20279ac7a76aa"
 dependencies = [
 "bytes",
 "futures-util",
- "http 1.1.0",
+ "http",
 "http-body",
 "hyper",
 "pin-project-lite",
@ -1243,16 +1046,6 @@ dependencies = [
 "cc",
 ]

-[[package]]
-name = "ico"
-version = "0.3.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "e3804960be0bb5e4edb1e1ad67afd321a9ecfd875c3e65c099468fd2717d7cae"
-dependencies = [
- "byteorder",
- "png",
-]
-
 [[package]]
 name = "icondata"
 version = "0.3.0"
@ -1464,19 +1257,6 @@ dependencies = [
 "unicode-normalization",
 ]

-[[package]]
-name = "image-convert"
-version = "0.18.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "b3eb95018550c5770e1a25219a75c192fa2f6475efef2244a0d46799d3fdf6cf"
-dependencies = [
- "ico",
- "magick_rust",
- "once_cell",
- "regex",
- "str-utils",
-]
-
 [[package]]
 name = "indexmap"
 version = "2.2.6"
@ -1525,9 +1305,9 @@ checksum = "49f1f14873335454500d59611f1cf4a4b0f786f9ac11f4312a78e4cf2566695b"

 [[package]]
 name = "js-sys"
-version = "0.3.70"
+version = "0.3.69"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "1868808506b929d7b0cfa8f75951347aa71bb21144b7791bae35d9bccfcfe37a"
+checksum = "29c15563dc2726973df627357ce0c9ddddbea194836909d655df6a75d2cf296d"
 dependencies = [
 "wasm-bindgen",
 ]
@ -1538,12 +1318,6 @@ version = "1.4.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "e2abad23fbc42b3700f2f279844dc832adb2b2eb069b2df918f455c4e18cc646"

-[[package]]
-name = "lazycell"
-version = "1.3.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "830d08ce1d1d941e6b30645f1a0eb5643013d835ce3779a5fc208261dbe10f55"
-
 [[package]]
 name = "leptos"
 version = "0.6.10"
@ -1564,29 +1338,6 @@ dependencies = [
 "web-sys",
 ]

-[[package]]
-name = "leptos-use"
-version = "0.13.10"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "32d4708472867704085a2813c47cada122a6e8c3b90ccff764862c0b351bfb96"
-dependencies = [
- "cfg-if",
- "codee",
- "cookie",
- "default-struct-builder",
- "futures-util",
- "gloo-timers",
- "js-sys",
- "lazy_static",
- "leptos",
- "paste",
- "thiserror",
- "unic-langid",
- "wasm-bindgen",
- "wasm-bindgen-futures",
- "web-sys",
-]
-
 [[package]]
 name = "leptos_axum"
 version = "0.6.10"
@ -1819,16 +1570,6 @@ version = "0.2.153"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "9c198f91728a82281a64e1f4f9eeb25d82cb32a5de251c6bd1b5154d63a8e7bd"

-[[package]]
-name = "libloading"
-version = "0.8.5"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "4979f22fdb869068da03c9f7528f8297c6fd2606bc3a4affe42e6a823fdb8da4"
-dependencies = [
- "cfg-if",
- "windows-targets 0.52.4",
-]
-
 [[package]]
 name = "libretunes"
 version = "0.1.0"
@ -1837,18 +1578,15 @@ dependencies = [
 "axum",
 "axum-login",
 "cfg-if",
- "chrono",
 "console_error_panic_hook",
 "diesel",
 "diesel_migrations",
- "dotenvy",
+ "dotenv",
 "flexi_logger",
- "http 1.1.0",
+ "http",
 "icondata",
- "image-convert",
 "lazy_static",
 "leptos",
- "leptos-use",
 "leptos_axum",
 "leptos_icons",
 "leptos_meta",
@ -1861,8 +1599,9 @@ dependencies = [
 "server_fn",
 "symphonia",
 "thiserror",
+ "time",
 "tokio",
- "tower 0.5.1",
+ "tower",
 "tower-http",
 "tower-sessions-redis-store",
 "wasm-bindgen",
@ -1879,12 +1618,6 @@ dependencies = [
 "serde_test",
 ]

-[[package]]
-name = "linux-raw-sys"
-version = "0.4.14"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "78b3ae25bc7c8c38cec158d1f2757ee79e9b3740fbc7ccf0e59e4b08d793fa89"
-
 [[package]]
 name = "lock_api"
 version = "0.4.11"
@ -1911,17 +1644,6 @@ dependencies = [
 "hashbrown 0.14.3",
 ]

-[[package]]
-name = "magick_rust"
-version = "1.0.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "29f862f489ba66357a730356f1d48abdb2c5028707b6c17dee7842359bc6372c"
-dependencies = [
- "bindgen",
- "libc",
- "pkg-config",
-]
-
 [[package]]
 name = "manyhow"
 version = "0.10.4"
@ -2009,16 +1731,6 @@ dependencies = [
 "adler",
 ]

-[[package]]
-name = "miniz_oxide"
-version = "0.8.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "e2d80299ef12ff69b16a84bb182e3b9df68b5a91574d3d4fa6e41b65deec4df1"
-dependencies = [
- "adler2",
- "simd-adler32",
-]
-
 [[package]]
 name = "mio"
 version = "0.8.11"
@ -2039,7 +1751,7 @@ dependencies = [
 "bytes",
 "encoding_rs",
 "futures-util",
- "http 1.1.0",
+ "http",
 "httparse",
 "log",
 "memchr",
@ -2244,19 +1956,6 @@ version = "0.3.30"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "d231b230927b5e4ad203db57bbcbee2802f6bce620b1e4a9024a07d94e2907ec"

-[[package]]
-name = "png"
-version = "0.17.14"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "52f9d46a34a05a6a57566bc2bfae066ef07585a6e3fa30fbbdff5936380623f0"
-dependencies = [
- "bitflags 1.3.2",
- "crc32fast",
- "fdeflate",
- "flate2",
- "miniz_oxide 0.8.0",
-]
-
 [[package]]
 name = "powerfmt"
 version = "0.2.0"
@ -2532,19 +2231,6 @@ version = "1.1.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "08d43f7aa6b08d49f382cde6a7982047c3426db949b1424bc4b7ec9ae12c6ce2"

-[[package]]
-name = "rustix"
-version = "0.38.34"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "70dc5ec042f7a43c4a73241207cecc9873a06d45debb38b329f8541d85c2730f"
-dependencies = [
- "bitflags 2.5.0",
- "errno",
- "libc",
- "linux-raw-sys",
- "windows-sys 0.52.0",
-]
-
 [[package]]
 name = "rustversion"
 version = "1.0.14"
@ -2686,7 +2372,7 @@ dependencies = [
 "dashmap",
 "futures",
 "gloo-net",
- "http 1.1.0",
+ "http",
 "http-body-util",
 "hyper",
 "inventory",
@ -2699,7 +2385,7 @@ dependencies = [
 "serde_qs",
 "server_fn_macro_default",
 "thiserror",
- "tower 0.4.13",
+ "tower",
 "tower-layer",
 "url",
 "wasm-bindgen",
@ -2744,18 +2430,6 @@ dependencies = [
 "digest",
 ]

-[[package]]
-name = "shlex"
-version = "1.3.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "0fda2ff0d084019ba4d7c6f371c95d8fd75ce3524c3cb8fb653a3023f6323e64"
-
-[[package]]
-name = "simd-adler32"
-version = "0.3.7"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "d66dc143e6b11c1eddc06d5c423cfc97062865baf299914ab64caa38182078fe"
-
 [[package]]
 name = "slab"
 version = "0.4.9"
@ -2797,28 +2471,12 @@ version = "0.9.8"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "6980e8d7511241f8acf4aebddbb1ff938df5eebe98691418c4468d0b72a96a67"

-[[package]]
-name = "str-utils"
-version = "0.1.7"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "60bcb3d541a8fd455189b9e022f27d255d103dafd5087a93cff4c0a156a8b597"
-dependencies = [
- "cow-utils",
- "unicase",
-]
-
 [[package]]
 name = "strsim"
 version = "0.10.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "73473c0e59e6d5812c5dfe2a064a6444949f089e20eec9a2e5506596494e4623"

-[[package]]
-name = "strsim"
-version = "0.11.1"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "7da8b5736845d9f2fcb837ea5d9e2628564b3b043a70948a3f0b778838c5fb4f"
-
 [[package]]
 name = "subtle"
 version = "2.5.0"
@ -2922,18 +2580,18 @@ checksum = "384595c11a4e2969895cad5a8c4029115f5ab956a9e5ef4de79d11a426e5f20c"

 [[package]]
 name = "thiserror"
-version = "1.0.63"
+version = "1.0.58"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "c0342370b38b6a11b6cc11d6a805569958d54cfa061a29969c3b5ce2ea405724"
+checksum = "03468839009160513471e86a034bb2c5c0e4baae3b43f79ffc55c4a5427b3297"
 dependencies = [
 "thiserror-impl",
 ]

 [[package]]
 name = "thiserror-impl"
-version = "1.0.63"
+version = "1.0.58"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "a4558b58466b9ad7ca0f102865eccc95938dca1a74a856f2b57b6629050da261"
+checksum = "c61f3ba182994efc43764a46c018c347bc492c79f024e705f46567b418f6d4f7"
 dependencies = [
 "proc-macro2",
 "quote",
@ -2942,9 +2600,9 @@ dependencies = [

 [[package]]
 name = "time"
-version = "0.3.36"
+version = "0.3.34"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "5dfd88e563464686c916c7e46e623e520ddc6d79fa6641390f2e3fa86e83e885"
+checksum = "c8248b6521bb14bc45b4067159b9b6ad792e2d6d754d6c41fb50e29fefe38749"
 dependencies = [
 "deranged",
 "itoa",
@ -2963,23 +2621,14 @@ checksum = "ef927ca75afb808a4d64dd374f00a2adf8d0fcff8e7b184af886c3c87ec4a3f3"

 [[package]]
 name = "time-macros"
-version = "0.2.18"
+version = "0.2.17"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "3f252a68540fde3a3877aeea552b832b40ab9a69e318efd078774a01ddee1ccf"
+checksum = "7ba3a3ef41e6672a2f0f001392bb5dcd3ff0a9992d618ca761a11c3121547774"
 dependencies = [
 "num-conv",
 "time-core",
 ]

-[[package]]
-name = "tinystr"
-version = "0.7.6"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "9117f5d4db391c1cf6927e7bea3db74b9a1c1add8f7eda9ffd5364f40f57b82f"
-dependencies = [
- "displaydoc",
-]
-
 [[package]]
 name = "tinyvec"
 version = "1.6.0"
@ -3125,20 +2774,6 @@ dependencies = [
 "tracing",
 ]

-[[package]]
-name = "tower"
-version = "0.5.1"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "2873938d487c3cfb9aed7546dc9f2711d867c9f90c46b889989a2cb84eba6b4f"
-dependencies = [
- "futures-core",
- "futures-util",
- "pin-project-lite",
- "sync_wrapper 0.1.2",
- "tower-layer",
- "tower-service",
-]
-
 [[package]]
 name = "tower-cookies"
 version = "0.10.0"
@ -3149,7 +2784,7 @@ dependencies = [
 "axum-core",
 "cookie",
 "futures-util",
- "http 1.1.0",
+ "http",
 "parking_lot",
 "pin-project-lite",
 "tower-layer",
@ -3158,14 +2793,14 @@ dependencies = [

 [[package]]
 name = "tower-http"
-version = "0.6.1"
+version = "0.5.2"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "8437150ab6bbc8c5f0f519e3d5ed4aa883a83dd4cdd3d1b21f9482936046cb97"
+checksum = "1e9cd434a998747dd2c4276bc96ee2e0c7a2eadf3cae88e52be55a05fa9053f5"
 dependencies = [
 "bitflags 2.5.0",
 "bytes",
 "futures-util",
- "http 1.1.0",
+ "http",
 "http-body",
 "http-body-util",
 "http-range-header",
@ -3183,15 +2818,15 @@ dependencies = [

 [[package]]
 name = "tower-layer"
-version = "0.3.3"
+version = "0.3.2"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "121c2a6cda46980bb0fcd1647ffaf6cd3fc79a013de288782836f6df9c48780e"
+checksum = "c20c8dbed6283a09604c3e69b4b7eeb54e298b8a600d4d5ecb5ad39de609f1d0"

 [[package]]
 name = "tower-service"
-version = "0.3.3"
+version = "0.3.2"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "8df9b6e13f2d32c91b9bd719c00d1958837bc7dec474d94952798cc8e69eeec3"
+checksum = "b6bc1c9ce2b5135ac7f93c72918fc37feb872bdc6a5533a8b85eb4b86bfdae52"

 [[package]]
 name = "tower-sessions"
@ -3200,7 +2835,7 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "b27326208b21807803c5f5aa1020d30ca0432b78cfe251b51a67a05e0baea102"
 dependencies = [
 "async-trait",
- "http 1.1.0",
+ "http",
 "time",
 "tokio",
 "tower-cookies",
@ -3221,7 +2856,7 @@ dependencies = [
 "axum-core",
 "base64",
 "futures",
- "http 1.1.0",
+ "http",
 "parking_lot",
 "rand",
 "serde",
@ -3316,24 +2951,6 @@ version = "1.17.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "42ff0bf0c66b8238c6f3b578df37d0b7848e55df8577b3f74f92a69acceeb825"

-[[package]]
-name = "unic-langid"
-version = "0.9.5"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "23dd9d1e72a73b25e07123a80776aae3e7b0ec461ef94f9151eed6ec88005a44"
-dependencies = [
- "unic-langid-impl",
-]
-
-[[package]]
-name = "unic-langid-impl"
-version = "0.9.5"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "0a5422c1f65949306c99240b81de9f3f15929f5a8bfe05bb44b034cc8bf593e5"
-dependencies = [
- "tinystr",
-]
-
 [[package]]
 name = "unicase"
 version = "2.7.0"
@ -3444,20 +3061,19 @@ checksum = "9c8d87e72b64a3b4db28d11ce29237c246188f4f51057d65a7eab63b7987e423"

 [[package]]
 name = "wasm-bindgen"
-version = "0.2.96"
+version = "0.2.92"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "21d3b25c3ea1126a2ad5f4f9068483c2af1e64168f847abe863a526b8dbfe00b"
+checksum = "4be2531df63900aeb2bca0daaaddec08491ee64ceecbee5076636a3b026795a8"
 dependencies = [
 "cfg-if",
- "once_cell",
 "wasm-bindgen-macro",
 ]

 [[package]]
 name = "wasm-bindgen-backend"
-version = "0.2.96"
+version = "0.2.92"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "52857d4c32e496dc6537646b5b117081e71fd2ff06de792e3577a150627db283"
+checksum = "614d787b966d3989fa7bb98a654e369c762374fd3213d212cfc0251257e747da"
 dependencies = [
 "bumpalo",
 "log",
@ -3482,9 +3098,9 @@ dependencies = [

 [[package]]
 name = "wasm-bindgen-macro"
-version = "0.2.96"
+version = "0.2.92"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "920b0ffe069571ebbfc9ddc0b36ba305ef65577c94b06262ed793716a1afd981"
+checksum = "a1f8823de937b71b9460c0c34e25f3da88250760bec0ebac694b49997550d726"
 dependencies = [
 "quote",
 "wasm-bindgen-macro-support",
@ -3492,9 +3108,9 @@ dependencies = [

 [[package]]
 name = "wasm-bindgen-macro-support"
-version = "0.2.96"
+version = "0.2.92"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "bf59002391099644be3524e23b781fa43d2be0c5aa0719a18c0731b9d195cab6"
+checksum = "e94f17b526d0a461a191c78ea52bbce64071ed5c04c9ffe424dcb38f74171bb7"
 dependencies = [
 "proc-macro2",
 "quote",
@ -3505,9 +3121,9 @@ dependencies = [

 [[package]]
 name = "wasm-bindgen-shared"
-version = "0.2.96"
+version = "0.2.92"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "e5047c5392700766601942795a436d7d2599af60dcc3cc1248c9120bfb0827b0"
+checksum = "af190c94f2773fdb3729c55b007a722abb5384da03bc0986df4c289bf5567e96"

 [[package]]
 name = "wasm-streams"
@ -3524,26 +3140,14 @@ dependencies = [

 [[package]]
 name = "web-sys"
-version = "0.3.70"
+version = "0.3.69"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "26fdeaafd9bd129f65e7c031593c24d62186301e0c72c8978fa1678be7d532c0"
+checksum = "77afa9a11836342370f4817622a2f0f418b134426d91a82dfb48f532d2ec13ef"
 dependencies = [
 "js-sys",
 "wasm-bindgen",
 ]

-[[package]]
-name = "which"
-version = "4.4.2"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "87ba24419a2078cd2b0f2ede2691b6c66d8e47836da3b6db8265ebad47afbfc7"
-dependencies = [
- "either",
- "home",
- "once_cell",
- "rustix",
-]
-
 [[package]]
 name = "winapi"
 version = "0.3.9"
--- a/Cargo.toml
+++ b/Cargo.toml
@ -15,19 +15,21 @@ leptos = { version = "0.6", default-features = false, features = ["nightly"] }
 leptos_meta = { version = "0.6", features = ["nightly"] }
 leptos_axum = { version = "0.6", optional = true }
 leptos_router = { version = "0.6", features = ["nightly"] }
-wasm-bindgen = { version = "=0.2.96", default-features = false, optional = true }
+wasm-bindgen = { version = "=0.2.92", default-features = false, optional = true }
 leptos_icons = { version = "0.3.0" }
 icondata = { version = "0.3.0" }
-diesel = { version = "2.1.4", features = ["postgres", "r2d2", "chrono"], default-features = false, optional = true }
+dotenv = { version = "0.15.0", optional = true }
+diesel = { version = "2.1.4", features = ["postgres", "r2d2", "time"], default-features = false, optional = true }
 lazy_static = { version = "1.4.0", optional = true }
 serde = { version = "1.0.195", features = ["derive"], default-features = false }
 openssl = { version = "0.10.63", optional = true }
+time = { version = "0.3.34", features = ["serde"], default-features = false }
 diesel_migrations = { version = "2.1.0", optional = true }
 pbkdf2 = { version = "0.12.2", features = ["simple"], optional = true }
 tokio = { version = "1", optional = true, features = ["rt-multi-thread"] }
 axum = { version = "0.7.5", features = ["tokio", "http1"], default-features = false, optional = true }
-tower = { version = "0.5.1", optional = true, features = ["util"] }
-tower-http = { version = "0.6.1", optional = true, features = ["fs"] }
+tower = { version = "0.4.13", optional = true }
+tower-http = { version = "0.5", optional = true, features = ["fs"] }
 thiserror = "1.0.57"
 tower-sessions-redis-store = { version = "0.11", optional = true }
 async-trait = { version = "0.1.79", optional = true }
@ -38,10 +40,9 @@ multer = { version = "3.0.0", optional = true }
 log = { version = "0.4.21", optional = true }
 flexi_logger = { version = "0.28.0", optional = true, default-features = false }
 web-sys = "0.3.69"
-leptos-use = "0.13.5"
-image-convert = { version = "0.18.0", optional = true, default-features = false }
-chrono = { version = "0.4.38", default-features = false, features = ["serde", "clock"] }
-dotenvy = { version = "0.15.7", optional = true }
+
+[patch.crates-io]
+gloo-net = { git = "https://github.com/rustwasm/gloo.git", rev = "a823fab7ecc4068e9a28bd669da5eaf3f0a56380" }

 [features]
 hydrate = [
@ -50,14 +51,13 @@ hydrate = [
  "leptos_router/hydrate",
  "console_error_panic_hook",
  "wasm-bindgen",
-  "chrono/wasmbind",
 ]
 ssr = [
  "dep:leptos_axum",
  "leptos/ssr",
  "leptos_meta/ssr",
  "leptos_router/ssr",
-  "dotenvy",
+  "dotenv",
  "diesel",
  "lazy_static",
  "openssl",
@ -74,8 +74,6 @@ ssr = [
  "multer",
  "log",
  "flexi_logger",
-  "leptos-use/ssr",
-  "image-convert",
 ]

 # Defines a size-optimized profile for the WASM bundle in release mode
--- a/45
+++ b/45
@ -1,37 +1,22 @@
-FROM rust:slim AS builder
+FROM registry.mregirouard.com/libretunes/ops/docker-leptos/musl:latest as builder

 WORKDIR /app

-RUN rustup default nightly
-RUN rustup target add wasm32-unknown-unknown
-RUN cargo install cargo-leptos
-
 # Install a few dependencies
 RUN set -eux; \
    apt-get update; \
    apt-get install -y --no-install-recommends \
-		pkg-config \
-		clang \
-		build-essential \
-		libssl-dev \
-		libpq-dev \
-		wget; \
+		npm; \
 	rm -rf /var/lib/apt/lists/*

-# Install ImageMagick
-RUN cd / && \
-	wget https://github.com/ImageMagick/ImageMagick/archive/refs/tags/7.1.1-38.tar.gz && \
-	tar xf 7.1.1-38.tar.gz && \
-	rm 7.1.1-38.tar.gz && \
-	cd ImageMagick-7.1.1-38 && \
-	./configure && \
-	make install -j $(nproc) && \
-	cd .. && \
-	rm -rf ImageMagick-7.1.1-38
+RUN npm install tailwindcss@3.1.8 -g

 # Copy project dependency manifests
 COPY Cargo.toml Cargo.lock /app/

+# Add the target to Cargo.toml so we can statically link:
+RUN echo 'bin-target-triple = "x86_64-unknown-linux-musl"' >> Cargo.toml
+
 # Create dummy files to force cargo to build the dependencies
 RUN mkdir /app/src && mkdir /app/style && mkdir /app/assets && \
 		echo "fn main() {}" | tee /app/src/build.rs > /app/src/main.rs && \
@ -42,12 +27,15 @@ RUN mkdir /app/src && mkdir /app/style && mkdir /app/assets && \
 RUN cargo-leptos build --release --precompress

 RUN rm -rf /app/src /app/style /app/assets
+COPY style /app/style
+
+# Minify CSS
+RUN npx tailwindcss -i /app/style/main.scss -o /app/style/main.scss --minify

 COPY ascii_art.txt /app/ascii_art.txt
 COPY assets /app/assets
 COPY src /app/src
 COPY migrations /app/migrations
-COPY style /app/style

 # Touch files to force rebuild
 RUN touch /app/src/main.rs && touch /app/src/lib.rs && touch /app/src/build.rs
@ -55,11 +43,6 @@ RUN touch /app/src/main.rs && touch /app/src/lib.rs && touch /app/src/build.rs
 # Actually build the binary
 RUN cargo-leptos build --release --precompress

-# Use ldd to list all dependencies of /app/target/release/libretunes, then copy them to /app/libs
-# Setting LD_LIBRARY_PATH is necessary to find the ImageMagick libraries
-RUN mkdir /app/libs && LD_LIBRARY_PATH=/usr/local/lib ldd /app/target/release/libretunes | grep "=> /" | \
-	awk '{print $3}' | xargs -I '{}' cp '{}' /app/libs
-
 # Build the final image
 FROM scratch

@ -68,15 +51,9 @@ LABEL description="LibreTunes, an open-source browser audio player and \
 library manager built for collaborative listening."

 # Copy the binary and the compressed assets to the "site root"
-COPY --from=builder /app/target/release/libretunes /libretunes
+COPY --from=builder /app/target/x86_64-unknown-linux-musl/release/libretunes /libretunes
 COPY --from=builder /app/target/site /site

-# Copy libraries to /lib64
-COPY --from=builder /app/libs /lib64
-COPY --from=builder /lib/x86_64-linux-gnu/ld-linux-x86-64.so.2 /lib64/ld-linux-x86-64.so.2
-
-ENV LD_LIBRARY_PATH=/lib64
-
 # Configure Leptos settings
 ENV LEPTOS_SITE_ADDR=0.0.0.0:3000
 ENV LEPTOS_SITE_ROOT=/site
--- a/assets/images/placeholders/MusicPlaceholder.svg
+++ b/assets/images/placeholders/MusicPlaceholder.svg
@ -1 +0,0 @@
-<svg version="1.1" viewBox="0.0 0.0 960.0 960.0" fill="none" stroke="none" stroke-linecap="square" stroke-miterlimit="10" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><clipPath id="p.0"><path d="m0 0l960.0 0l0 960.0l-960.0 0l0 -960.0z" clip-rule="nonzero"/></clipPath><g clip-path="url(#p.0)"><path fill="#4032a8" d="m0 0l960.0 0l0 960.0l-960.0 0z" fill-rule="evenodd"/><path fill="#ffffff" d="m290.11365 265.52475l35.496063 0l0 471.3386l-35.496063 0z" fill-rule="evenodd"/><path fill="#ffffff" d="m115.68951 737.6639l0 0c0 -36.946594 46.99247 -66.897644 104.960625 -66.897644l0 0c57.968155 0 104.96065 29.95105 104.96065 66.897644l0 0c0 36.946533 -46.992493 66.897644 -104.96065 66.897644l0 0c-57.968155 0 -104.960625 -29.95111 -104.960625 -66.897644z" fill-rule="evenodd"/><path fill="#ffffff" d="m723.79346 175.86597l35.496033 0l0 471.33856l-35.496033 0z" fill-rule="evenodd"/><path fill="#ffffff" d="m549.3693 648.00507l0 0c0 -36.946533 46.99243 -66.897644 104.96063 -66.897644l0 0c57.96814 0 104.96057 29.95111 104.96057 66.897644l0 0c0 36.946533 -46.99243 66.897644 -104.96057 66.897644l0 0c-57.9682 0 -104.96063 -29.95111 -104.96063 -66.897644z" fill-rule="evenodd"/><path fill="#ffffff" d="m759.2711 155.4385l-0.01727295 94.79588l-427.05206 100.14052l-42.09601 -84.920654z" fill-rule="evenodd"/><path fill="#ffffff" d="m421.49164 234.64502l21.039368 89.85828l-131.40158 30.803131l-21.039368 -89.85828z" fill-rule="evenodd"/></g></svg>
--- a/docker-compose.yml
+++ b/docker-compose.yml
@ -3,7 +3,7 @@ name: libretunes
 services:
  libretunes:
    container_name: libretunes
-    # image: git.libretunes.xyz/libretunes/libretunes:latest
+    # image: registry.mregirouard.com/libretunes/libretunes:latest
    build: .
    ports:
      - "3000:3000"
@ -13,12 +13,8 @@ services:
      POSTGRES_USER: ${POSTGRES_USER}
      POSTGRES_PASSWORD: ${POSTGRES_PASSWORD}
      POSTGRES_DB: ${POSTGRES_DB}
-      LIBRETUNES_AUDIO_PATH: /assets/audio
-      LIBRETUNES_IMAGE_PATH: /assets/images
-      LIBRETUNES_DISABLE_SIGNUP: "true"
    volumes:
-      - libretunes-audio:/assets/audio
-      - libretunes-images:/assets/images
+      - libretunes-audio:/site/audio
    depends_on:
      - redis
      - postgres
@ -54,6 +50,5 @@ services:

 volumes:
  libretunes-audio:
-  libretunes-images:
  libretunes-redis:
  libretunes-postgres:
--- a/flake.lock
+++ b/flake.lock
@ -1,114 +0,0 @@
-{
-  "nodes": {
-    "cargo-leptos": {
-      "flake": false,
-      "locked": {
-        "lastModified": 1730677835,
-        "narHash": "sha256-Oe65m9io7ihymUjylaWHQM/x7r0y/xXqD313H3oyjN8=",
-        "owner": "leptos-rs",
-        "repo": "cargo-leptos",
-        "rev": "ff6b19a5f9fd4e433774b6a9c57922ea5a1634cc",
-        "type": "github"
-      },
-      "original": {
-        "owner": "leptos-rs",
-        "ref": "v0.2.21",
-        "repo": "cargo-leptos",
-        "type": "github"
-      }
-    },
-    "flake-utils": {
-      "inputs": {
-        "systems": "systems"
-      },
-      "locked": {
-        "lastModified": 1731533236,
-        "narHash": "sha256-l0KFg5HjrsfsO/JpG+r7fRrqm12kzFHyUHqHCVpMMbI=",
-        "owner": "numtide",
-        "repo": "flake-utils",
-        "rev": "11707dc2f618dd54ca8739b309ec4fc024de578b",
-        "type": "github"
-      },
-      "original": {
-        "owner": "numtide",
-        "repo": "flake-utils",
-        "type": "github"
-      }
-    },
-    "nixpkgs": {
-      "locked": {
-        "lastModified": 1733940404,
-        "narHash": "sha256-Pj39hSoUA86ZePPF/UXiYHHM7hMIkios8TYG29kQT4g=",
-        "owner": "NixOS",
-        "repo": "nixpkgs",
-        "rev": "5d67ea6b4b63378b9c13be21e2ec9d1afc921713",
-        "type": "github"
-      },
-      "original": {
-        "owner": "NixOS",
-        "ref": "nixos-unstable",
-        "repo": "nixpkgs",
-        "type": "github"
-      }
-    },
-    "nixpkgs_2": {
-      "locked": {
-        "lastModified": 1728538411,
-        "narHash": "sha256-f0SBJz1eZ2yOuKUr5CA9BHULGXVSn6miBuUWdTyhUhU=",
-        "owner": "NixOS",
-        "repo": "nixpkgs",
-        "rev": "b69de56fac8c2b6f8fd27f2eca01dcda8e0a4221",
-        "type": "github"
-      },
-      "original": {
-        "owner": "NixOS",
-        "ref": "nixpkgs-unstable",
-        "repo": "nixpkgs",
-        "type": "github"
-      }
-    },
-    "root": {
-      "inputs": {
-        "cargo-leptos": "cargo-leptos",
-        "flake-utils": "flake-utils",
-        "nixpkgs": "nixpkgs",
-        "rust-overlay": "rust-overlay"
-      }
-    },
-    "rust-overlay": {
-      "inputs": {
-        "nixpkgs": "nixpkgs_2"
-      },
-      "locked": {
-        "lastModified": 1734230139,
-        "narHash": "sha256-zsp0Mz8VgyIAnU8UhP/YT1g+zlsl+NIJTBMAbY+RifQ=",
-        "owner": "oxalica",
-        "repo": "rust-overlay",
-        "rev": "150fbc8aa2bc501041810bbc1dbfe73694a861be",
-        "type": "github"
-      },
-      "original": {
-        "owner": "oxalica",
-        "repo": "rust-overlay",
-        "type": "github"
-      }
-    },
-    "systems": {
-      "locked": {
-        "lastModified": 1681028828,
-        "narHash": "sha256-Vy1rq5AaRuLzOxct8nz4T6wlgyUR7zLU309k9mBC768=",
-        "owner": "nix-systems",
-        "repo": "default",
-        "rev": "da67096a3b9bf56a91d16901293e51ba5b49a27e",
-        "type": "github"
-      },
-      "original": {
-        "owner": "nix-systems",
-        "repo": "default",
-        "type": "github"
-      }
-    }
-  },
-  "root": "root",
-  "version": 7
-}
--- a/flake.nix
+++ b/flake.nix
@ -1,102 +0,0 @@
-{
-  description = "LibreTunes build and development environment";
-
-  inputs = {
-    nixpkgs.url      = "github:NixOS/nixpkgs/nixos-unstable";
-    rust-overlay.url = "github:oxalica/rust-overlay";
-    flake-utils.url  = "github:numtide/flake-utils";
-    cargo-leptos = {
-      url = "github:leptos-rs/cargo-leptos?ref=v0.2.22";
-      flake = false;
-    };
-  };
-
-  outputs = { self, nixpkgs, rust-overlay, flake-utils, cargo-leptos, ... }:
-    flake-utils.lib.eachDefaultSystem (system:
-      let
-        overlays = [ (import rust-overlay) ];
-        pkgs = import nixpkgs {
-          inherit system overlays;
-        };
-
-        # Build a specific version of cargo-leptos
-        cargo-leptos-build = pkgs.rustPlatform.buildRustPackage {
-          name = "cargo-leptos";
-          buildFeatures = ["no_downloads"];
-          src = cargo-leptos; 
-          cargoHash = "sha256-4v6sCTPRxe7bO7uV3HwUC8P1UsG8ydIvZ4rG2kU22zA=";
-
-          nativeBuildInputs = with pkgs; [
-            pkg-config
-            openssl
-          ];
-
-          doCheck = false;
-        };
-
-        buildPkgs = with pkgs; [
-          (rust-bin.fromRustupToolchainFile ./rust-toolchain.toml)
-          cargo-leptos-build
-          clang
-          sass
-          openssl
-          postgresql
-          imagemagick
-          pkg-config
-        ];
-      in
-      {
-        devShells.default = pkgs.mkShell {
-          LIBCLANG_PATH = pkgs.lib.makeLibraryPath [ pkgs.llvmPackages_latest.libclang.lib ];
-
-          buildInputs = with pkgs; buildPkgs ++ [
-            diesel-cli
-          ];
-
-          shellHook = ''
-            set -a
-            [[ -f .env ]] && source .env
-            set +a
-          '';
-        };
-
-        packages.default = pkgs.rustPlatform.buildRustPackage {
-          name = "libretunes";
-          src = ./.;
-          
-          cargoLock = {
-            lockFile = ./Cargo.lock;
-          };
-
-          LIBCLANG_PATH = pkgs.lib.makeLibraryPath [ pkgs.llvmPackages_latest.libclang.lib ];
-
-          nativeBuildInputs = with pkgs; buildPkgs ++ [
-            makeWrapper
-          ];
-
-          buildInputs = with pkgs; [
-            openssl
-            imagemagick
-          ];
-
-          # TODO enable --release builds
-          # Creates an issue with cargo-leptos trying to create cache directories
-          # See https://github.com/leptos-rs/cargo-leptos/issues/79
-          buildPhase = ''
-            cargo-leptos build --precompress #--release
-          '';
-
-          installPhase = ''
-            mkdir -p $out/bin
-            install -t $out target/debug/libretunes
-            cp -r target/site $out/site
-
-            makeWrapper $out/libretunes $out/bin/libretunes \
-              --set LEPTOS_SITE_ROOT $out/site
-          '';
-
-          doCheck = false;
-        };
-      }
-    );
-}
--- a/migrations/2024-05-10-195644_create_likes_dislikes_table/down.sql
+++ b/migrations/2024-05-10-195644_create_likes_dislikes_table/down.sql
@ -1,2 +0,0 @@
-DROP TABLE song_likes;
-DROP TABLE song_dislikes;
--- a/migrations/2024-05-10-195644_create_likes_dislikes_table/up.sql
+++ b/migrations/2024-05-10-195644_create_likes_dislikes_table/up.sql
@ -1,11 +0,0 @@
-CREATE TABLE song_likes (
-	song_id INTEGER REFERENCES songs(id) ON DELETE CASCADE NOT NULL,
-	user_id INTEGER REFERENCES users(id) ON DELETE CASCADE NOT NULL,
-	PRIMARY KEY (song_id, user_id)
-);
-
-CREATE TABLE song_dislikes (
-	song_id INTEGER REFERENCES songs(id) ON DELETE CASCADE NOT NULL,
-	user_id INTEGER REFERENCES users(id) ON DELETE CASCADE NOT NULL,
-	PRIMARY KEY (song_id, user_id)
-);
--- a/migrations/2024-05-19-163229_add_song_history/down.sql
+++ b/migrations/2024-05-19-163229_add_song_history/down.sql
@ -1,2 +0,0 @@
-DROP INDEX song_history_user_id_idx;
-DROP TABLE song_history;
--- a/migrations/2024-05-19-163229_add_song_history/up.sql
+++ b/migrations/2024-05-19-163229_add_song_history/up.sql
@ -1,8 +0,0 @@
-CREATE TABLE song_history (
-	id SERIAL PRIMARY KEY UNIQUE NOT NULL,
-	user_id INTEGER REFERENCES users(id) ON DELETE CASCADE NOT NULL,
-	date TIMESTAMP NOT NULL DEFAULT NOW(),
-	song_id INTEGER REFERENCES songs(id) ON DELETE CASCADE NOT NULL
-);
-
-CREATE INDEX song_history_user_id_idx ON song_history(user_id);
--- a/migrations/2024-05-20-154208_add_friends/down.sql
+++ b/migrations/2024-05-20-154208_add_friends/down.sql
@ -1,7 +0,0 @@
-DROP INDEX friendships_friend_2_idx;
-DROP INDEX friendships_friend_1_idx;
-DROP TABLE friendships;
-
-DROP INDEX incoming_friend_requests_idx;
-DROP INDEX outgoing_friend_requests_idx;
-DROP TABLE friend_requests;
--- a/migrations/2024-05-20-154208_add_friends/up.sql
+++ b/migrations/2024-05-20-154208_add_friends/up.sql
@ -1,19 +0,0 @@
-CREATE TABLE friend_requests (
-	created_at TIMESTAMP NOT NULL DEFAULT NOW(),
-	from_id INTEGER REFERENCES users(id) ON DELETE CASCADE NOT NULL,
-	to_id INTEGER REFERENCES users(id) ON DELETE CASCADE NOT NULL,
-	PRIMARY KEY (from_id, to_id)
-);
-
-CREATE INDEX outgoing_friend_requests_idx ON friend_requests(from_id);
-CREATE INDEX incoming_friend_requests_idx ON friend_requests(to_id);
-
-CREATE TABLE friendships (
-	created_at TIMESTAMP NOT NULL DEFAULT NOW(),
-	friend_1_id INTEGER REFERENCES users(id) ON DELETE CASCADE NOT NULL,
-	friend_2_id INTEGER REFERENCES users(id) ON DELETE CASCADE NOT NULL,
-	PRIMARY KEY (friend_1_id, friend_2_id)
-);
-
-CREATE INDEX friendships_friend_1_idx ON friendships(friend_1_id);
-CREATE INDEX friendships_friend_2_idx ON friendships(friend_2_id);
--- a/migrations/2024-10-22-212759_create_playlist_tables/down.sql
+++ b/migrations/2024-10-22-212759_create_playlist_tables/down.sql
@ -1,5 +0,0 @@
-DROP INDEX playlists_owner_idx;
-DROP TABLE playlists;
-
-DROP INDEX playlist_songs_playlist_idx;
-DROP TABLE playlist_songs;
--- a/migrations/2024-10-22-212759_create_playlist_tables/up.sql
+++ b/migrations/2024-10-22-212759_create_playlist_tables/up.sql
@ -1,17 +0,0 @@
-CREATE TABLE playlists (
-    id SERIAL PRIMARY KEY,
-    created_at TIMESTAMP NOT NULL DEFAULT NOW(),
-    updated_at TIMESTAMP NOT NULL DEFAULT NOW(),
-    owner_id INTEGER REFERENCES users(id) ON DELETE CASCADE NOT NULL,
-    name TEXT NOT NULL
-);
-
-CREATE INDEX playlists_owner_idx ON playlists(owner_id);
-
-CREATE TABLE playlist_songs (
-    playlist_id INTEGER REFERENCES playlists(id) ON DELETE CASCADE NOT NULL,
-    song_id INTEGER REFERENCES songs(id) ON DELETE CASCADE NOT NULL,
-    PRIMARY KEY (playlist_id, song_id)
-);
-
-CREATE INDEX playlist_songs_playlist_idx ON playlist_songs(playlist_id);
--- a/rust-toolchain.toml
+++ b/rust-toolchain.toml
@ -1,4 +1,3 @@
+
 [toolchain]
 channel = "nightly"
-targets = ["wasm32-unknown-unknown"]
-
--- a/src/albumdata.rs
+++ b/src/albumdata.rs
@ -1,42 +0,0 @@
-use crate::models::Artist;
-use crate::components::dashboard_tile::DashboardTile;
-use serde::{Serialize, Deserialize};
-
-use chrono::NaiveDate;
-
-/// Holds information about an album
-/// 
-/// Intended to be used in the front-end
-
-#[derive(Serialize, Deserialize, Clone)]
-pub struct AlbumData {
-	/// Album id
-	pub id: i32,
-	/// Album title
-	pub title: String,
-	/// Album artists
-	pub artists: Vec<Artist>,
-	/// Album release date
-	pub release_date: Option<NaiveDate>,
-	/// Path to album image, relative to the root of the web server.
-	/// For example, `"/assets/images/Album.jpg"`
-	pub image_path: String,
-}
-
-impl DashboardTile for AlbumData {
-	fn image_path(&self) -> String {
-		self.image_path.clone()
-	}
-
-	fn title(&self) -> String {
-		self.title.clone()
-	}
-
-	fn link(&self) -> String {
-		format!("/album/{}", self.id)
-	}
-
-	fn description(&self) -> Option<String> {
-		Some(format!("Album • {}", Artist::display_list(&self.artists)))
-	}
-}
--- a/src/api/album.rs
+++ b/src/api/album.rs
@ -1,33 +0,0 @@
-use leptos::*;
-use crate::albumdata::AlbumData;
-use crate::songdata::SongData;
-
-use cfg_if::cfg_if;
-
-cfg_if! {
-	if #[cfg(feature = "ssr")] {
-		use leptos::server_fn::error::NoCustomError;
-		use crate::database::get_db_conn;
-	}
-}
-
-#[server(endpoint = "album/get")]
-pub async fn get_album(id: i32) -> Result<AlbumData, ServerFnError> {
-	use crate::models::Album;
-	let db_con = &mut get_db_conn();
-	let album = Album::get_album_data(id,db_con)
-		.map_err(|e| ServerFnError::<NoCustomError>::ServerError(format!("Error getting album: {}", e)))?;
-	Ok(album)
-}
-
-#[server(endpoint = "album/get_songs")]
-pub async fn get_songs(id: i32) -> Result<Vec<SongData>, ServerFnError> {
-	use crate::models::Album;
-	use crate::auth::get_logged_in_user;
-	let user = get_logged_in_user().await?;
-	let db_con = &mut get_db_conn();
-	// TODO: NEEDS SONG DATA QUERIES
-	let songdata = Album::get_song_data(id,user,db_con)
-		.map_err(|e| ServerFnError::<NoCustomError>::ServerError(format!("Error getting song data: {}", e)))?;
-	Ok(songdata)
-}
--- a/src/api/albums.rs
+++ b/src/api/albums.rs
@ -0,0 +1,66 @@
+use leptos::*;
+
+use cfg_if::cfg_if;
+
+cfg_if! {
+    if #[cfg(feature = "ssr")] {
+        use crate::database::get_db_conn;
+        use diesel::prelude::*;
+        use time::Date;
+    }
+}
+
+/// Add an album to the database
+/// 
+/// # Arguments
+/// 
+/// * `album_title` - The name of the artist to add
+/// * `release_data` - The release date of the album (Optional)
+/// * `image_path` - The path to the album's image file (Optional)
+/// 
+/// # Returns
+///  * `Result<(), Box<dyn Error>>` - A empty result if successful, or an error
+/// 
+#[server(endpoint = "albums/add-album")]
+pub async fn add_album(album_title: String, release_date: Option<String>, image_path: Option<String>) -> Result<(), ServerFnError> {
+    use crate::schema::albums::{self};
+    use crate::models::Album;
+    use leptos::server_fn::error::NoCustomError;
+    
+    let date_format = time::macros::format_description!("[year]-[month]-[day]");
+    let parsed_release_date = match release_date {
+        Some(date) => {
+            match Date::parse(&date, &date_format) {
+                Ok(parsed_date) => Some(parsed_date),
+                Err(_e) => return Err(ServerFnError::<NoCustomError>::ServerError("Invalid release date".to_string()))
+            }
+        },
+        None => None
+    };
+
+    let image_path_arg = match image_path {
+        Some(image_path) => {
+            if image_path.is_empty() {
+                None
+            } else {
+                Some(image_path)
+            }
+        },
+        None => None
+    };
+    
+    let new_album = Album {
+        id: None,
+        title: album_title,
+        release_date: parsed_release_date,
+        image_path: image_path_arg
+    };
+
+    let db = &mut get_db_conn();
+    diesel::insert_into(albums::table)
+        .values(&new_album)
+        .execute(db)
+        .map_err(|e| ServerFnError::<NoCustomError>::ServerError(format!("Error adding album: {}", e)))?;
+
+    Ok(())
+}
--- a/src/api/artists.rs
+++ b/src/api/artists.rs
@ -0,0 +1,39 @@
+use leptos::*;
+
+use cfg_if::cfg_if;
+
+cfg_if! {
+    if #[cfg(feature = "ssr")] {
+        use crate::database::get_db_conn;
+        use diesel::prelude::*;
+    }
+}
+
+/// Add an artist to the database
+/// 
+/// # Arguments
+/// 
+/// * `artist_name` - The name of the artist to add
+/// 
+/// # Returns
+///  * `Result<(), Box<dyn Error>>` - A empty result if successful, or an error
+/// 
+#[server(endpoint = "artists/add-artist")]
+pub async fn add_artist(artist_name: String) -> Result<(), ServerFnError> {
+    use crate::schema::artists::dsl::*;
+    use crate::models::Artist;
+    use leptos::server_fn::error::NoCustomError;
+
+    let new_artist = Artist {
+        id: None,
+        name: artist_name,
+    };
+
+    let db = &mut get_db_conn();
+    diesel::insert_into(artists)
+        .values(&new_artist)
+        .execute(db)
+        .map_err(|e| ServerFnError::<NoCustomError>::ServerError(format!("Error adding artist: {}", e)))?;
+    
+    Ok(())
+}
--- a/src/api/history.rs
+++ b/src/api/history.rs
@ -1,44 +0,0 @@
-use chrono::NaiveDateTime;
-use leptos::*;
-use crate::models::HistoryEntry;
-use crate::models::Song;
-
-use cfg_if::cfg_if;
-
-cfg_if! {
-	if #[cfg(feature = "ssr")] {
-		use leptos::server_fn::error::NoCustomError;
-		use crate::database::get_db_conn;
-		use crate::auth::get_user;
-	}
-}
-
-/// Get the history of the current user.
-#[server(endpoint = "history/get")]
-pub async fn get_history(limit: Option<i64>) -> Result<Vec<HistoryEntry>, ServerFnError> {
-	let user = get_user().await?;
-	let db_con = &mut get_db_conn();
-	let history = user.get_history(limit, db_con)
-		.map_err(|e| ServerFnError::<NoCustomError>::ServerError(format!("Error getting history: {}", e)))?;
-	Ok(history)
-}
-
-/// Get the listen dates and songs of the current user.
-#[server(endpoint = "history/get_songs")]
-pub async fn get_history_songs(limit: Option<i64>) -> Result<Vec<(NaiveDateTime, Song)>, ServerFnError> {
-	let user = get_user().await?;
-	let db_con = &mut get_db_conn();
-	let songs = user.get_history_songs(limit, db_con)
-		.map_err(|e| ServerFnError::<NoCustomError>::ServerError(format!("Error getting history songs: {}", e)))?;
-	Ok(songs)
-}
-
-/// Add a song to the history of the current user.
-#[server(endpoint = "history/add")]
-pub async fn add_history(song_id: i32) -> Result<(), ServerFnError> {
-	let user = get_user().await?;
-	let db_con = &mut get_db_conn();
-	user.add_history(song_id, db_con)
-		.map_err(|e| ServerFnError::<NoCustomError>::ServerError(format!("Error adding history: {}", e)))?;
-	Ok(())
-}
--- a/src/api/mod.rs
+++ b/src/api/mod.rs
@ -1,4 +1,2 @@
-pub mod history;
-pub mod profile;
-pub mod songs;
-pub mod album;
+pub mod artists;
+pub mod albums;
--- a/src/api/profile.rs
+++ b/src/api/profile.rs
@ -1,300 +0,0 @@
-use leptos::*;
-use server_fn::codec::{MultipartData, MultipartFormData};
-
-use cfg_if::cfg_if;
-
-use crate::songdata::SongData;
-use crate::artistdata::ArtistData;
-
-use chrono::NaiveDateTime;
-
-cfg_if! {
-	if #[cfg(feature = "ssr")] {
-		use crate::auth::get_user;
-		use server_fn::error::NoCustomError;
-
-		use crate::database::get_db_conn;
-		use diesel::prelude::*;
-		use diesel::dsl::count;
-		use crate::models::*;
-		use crate::schema::*;
-
-		use std::collections::HashMap;
-	}
-}
-
-/// Handle a user uploading a profile picture. Converts the image to webp and saves it to the server.
-#[server(input = MultipartFormData, endpoint = "/profile/upload_picture")]
-pub async fn upload_picture(data: MultipartData) -> Result<(), ServerFnError> {
-	// Safe to unwrap - "On the server side, this always returns Some(_). On the client side, always returns None."
-	let mut data = data.into_inner().unwrap();
-
-	let field = data.next_field().await
-		.map_err(|e| ServerFnError::<NoCustomError>::ServerError(format!("Error getting field: {}", e)))?
-		.ok_or_else(|| ServerFnError::<NoCustomError>::ServerError("No field found".to_string()))?;
-
-	if field.name() != Some("picture") {
-		return Err(ServerFnError::ServerError("Field name is not 'picture'".to_string()));
-	}
-
-	// Get user id from session
-	let user = get_user().await
-		.map_err(|e| ServerFnError::<NoCustomError>::ServerError(format!("Error getting user: {}", e)))?;
-
-	let user_id = user.id.ok_or_else(|| ServerFnError::<NoCustomError>::ServerError("User has no id".to_string()))?;
-
-	// Read the image, and convert it to webp
-	use image_convert::{to_webp, WEBPConfig, ImageResource};
-
-	let bytes = field.bytes().await
-		.map_err(|e| ServerFnError::<NoCustomError>::ServerError(format!("Error getting field bytes: {}", e)))?;
-
-	let reader = std::io::Cursor::new(bytes);
-	let image_source = ImageResource::from_reader(reader)
-		.map_err(|e| ServerFnError::<NoCustomError>::ServerError(format!("Error creating image resource: {}", e)))?;
-
-	let profile_picture_path = format!("assets/images/profile/{}.webp", user_id);
-	let mut image_target = ImageResource::from_path(&profile_picture_path);
-	to_webp(&mut image_target, &image_source, &WEBPConfig::new())
-		.map_err(|e| ServerFnError::<NoCustomError>::ServerError(format!("Error converting image to webp: {}", e)))?;
-
-	Ok(())
-}
-
-/// Get a user's recent songs listened to
-/// Optionally takes a limit parameter to limit the number of songs returned.
-/// If not provided, all songs ever listend to are returned.
-/// Returns a list of tuples with the date the song was listened to
-/// and the song data, sorted by date (most recent first).
-#[server(endpoint = "/profile/recent_songs")]
-pub async fn recent_songs(for_user_id: i32, limit: Option<i64>) -> Result<Vec<(NaiveDateTime, SongData)>, ServerFnError> {
-	let mut db_con = get_db_conn();
-
-	// Get the ids of the most recent songs listened to
-	let history_items: Vec<i32> = 
-		if let Some(limit) = limit {
-			song_history::table
-				.filter(song_history::user_id.eq(for_user_id))
-				.order(song_history::date.desc())
-				.limit(limit)
-				.select(song_history::id)
-				.load(&mut db_con)?
-		} else {
-			song_history::table
-				.filter(song_history::user_id.eq(for_user_id))
-				.order(song_history::date.desc())
-				.select(song_history::id)
-				.load(&mut db_con)?
-		};
-
-	// Take the history ids and get the song data for them
-	let history: Vec<(HistoryEntry, Song, Option<Album>, Option<Artist>, Option<(i32, i32)>, Option<(i32, i32)>)>
-	= song_history::table
-		.filter(song_history::id.eq_any(history_items))
-		.inner_join(songs::table)
-		.left_join(albums::table.on(songs::album_id.eq(albums::id.nullable())))
-		.left_join(song_artists::table.inner_join(artists::table).on(songs::id.eq(song_artists::song_id)))
-		.left_join(song_likes::table.on(songs::id.eq(song_likes::song_id).and(song_likes::user_id.eq(for_user_id))))
-		.left_join(song_dislikes::table.on(
-			songs::id.eq(song_dislikes::song_id).and(song_dislikes::user_id.eq(for_user_id))))
-		.select((
-			song_history::all_columns,
-			songs::all_columns,
-			albums::all_columns.nullable(),
-			artists::all_columns.nullable(),
-			song_likes::all_columns.nullable(),
-			song_dislikes::all_columns.nullable(),
-		))
-		.load(&mut db_con)?;
-
-	// Process the history data into a map of song ids to song data
-	let mut history_songs: HashMap<i32, (NaiveDateTime, SongData)> = HashMap::with_capacity(history.len());
-
-	for (history, song, album, artist, like, dislike) in history {
-		let song_id = history.song_id;
-
-		if let Some((_, stored_songdata)) = history_songs.get_mut(&song_id) {
-			// If the song is already in the map, update the artists
-			if let Some(artist) = artist {
-				stored_songdata.artists.push(artist);
-			}
-		} else {
-			let like_dislike = match (like, dislike) {
-				(Some(_), Some(_)) => Some((true, true)),
-				(Some(_), None) => Some((true, false)),
-				(None, Some(_)) => Some((false, true)),
-				_ => None,
-			};
-
-			let image_path = song.image_path.unwrap_or(
-				album.as_ref().map(|album| album.image_path.clone()).flatten()
-					.unwrap_or("/assets/images/placeholders/MusicPlaceholder.svg".to_string()));
-
-			let songdata = SongData {
-				id: song_id,
-				title: song.title,
-				artists: artist.map(|artist| vec![artist]).unwrap_or_default(),
-				album: album,
-				track: song.track,
-				duration: song.duration,
-				release_date: song.release_date,
-				song_path: song.storage_path,
-				image_path: image_path,
-				like_dislike: like_dislike,
-			};
-
-			history_songs.insert(song_id, (history.date, songdata));
-		}
-	}
-
-	// Sort the songs by date
-	let mut history_songs: Vec<(NaiveDateTime, SongData)> = history_songs.into_values().collect();
-	history_songs.sort_by(|a, b| b.0.cmp(&a.0));
-	Ok(history_songs)
-}
-
-/// Get a user's top songs by play count from a date range
-/// Optionally takes a limit parameter to limit the number of songs returned.
-/// If not provided, all songs listened to in the date range are returned.
-/// Returns a list of tuples with the play count and the song data, sorted by play count (most played first).
-#[server(endpoint = "/profile/top_songs")]
-pub async fn top_songs(for_user_id: i32, start_date: NaiveDateTime, end_date: NaiveDateTime, limit: Option<i64>)
-	-> Result<Vec<(i64, SongData)>, ServerFnError>
-{
-	let mut db_con = get_db_conn();
-
-	// Get the play count and ids of the songs listened to in the date range
-	let history_counts: Vec<(i32, i64)> = 
-		if let Some(limit) = limit {
-			song_history::table
-				.filter(song_history::date.between(start_date, end_date))
-				.filter(song_history::user_id.eq(for_user_id))
-				.group_by(song_history::song_id)
-				.select((song_history::song_id, count(song_history::song_id)))
-				.order(count(song_history::song_id).desc())
-				.limit(limit)
-				.load(&mut db_con)?
-		} else {
-			song_history::table
-				.filter(song_history::date.between(start_date, end_date))
-				.filter(song_history::user_id.eq(for_user_id))
-				.group_by(song_history::song_id)
-				.select((song_history::song_id, count(song_history::song_id)))
-				.load(&mut db_con)?
-		};
-
-	let history_counts: HashMap<i32, i64> = history_counts.into_iter().collect();
-	let history_song_ids = history_counts.iter().map(|(song_id, _)| *song_id).collect::<Vec<i32>>();
-
-	// Get the song data for the songs listened to in the date range
-	let history_songs: Vec<(Song, Option<Album>, Option<Artist>, Option<(i32, i32)>, Option<(i32, i32)>)>
-	= songs::table
-		.filter(songs::id.eq_any(history_song_ids))
-		.left_join(albums::table.on(songs::album_id.eq(albums::id.nullable())))
-		.left_join(song_artists::table.inner_join(artists::table).on(songs::id.eq(song_artists::song_id)))
-		.left_join(song_likes::table.on(songs::id.eq(song_likes::song_id).and(song_likes::user_id.eq(for_user_id))))
-		.left_join(song_dislikes::table.on(
-			songs::id.eq(song_dislikes::song_id).and(song_dislikes::user_id.eq(for_user_id))))
-		.select((
-			songs::all_columns,
-			albums::all_columns.nullable(),
-			artists::all_columns.nullable(),
-			song_likes::all_columns.nullable(),
-			song_dislikes::all_columns.nullable(),
-		))
-		.load(&mut db_con)?;
-
-	// Process the history data into a map of song ids to song data
-	let mut history_songs_map: HashMap<i32, (i64, SongData)> = HashMap::with_capacity(history_counts.len());
-
-	for (song, album, artist, like, dislike) in history_songs {
-		let song_id = song.id
-			.ok_or(ServerFnError::ServerError::<NoCustomError>("Song id not found in database".to_string()))?;
-
-		if let Some((_, stored_songdata)) = history_songs_map.get_mut(&song_id) {
-			// If the song is already in the map, update the artists
-			if let Some(artist) = artist {
-				stored_songdata.artists.push(artist);
-			}
-		} else {
-			let like_dislike = match (like, dislike) {
-				(Some(_), Some(_)) => Some((true, true)),
-				(Some(_), None) => Some((true, false)),
-				(None, Some(_)) => Some((false, true)),
-				_ => None,
-			};
-
-			let image_path = song.image_path.unwrap_or(
-				album.as_ref().map(|album| album.image_path.clone()).flatten()
-					.unwrap_or("/assets/images/placeholders/MusicPlaceholder.svg".to_string()));
-
-			let songdata = SongData {
-				id: song_id,
-				title: song.title,
-				artists: artist.map(|artist| vec![artist]).unwrap_or_default(),
-				album: album,
-				track: song.track,
-				duration: song.duration,
-				release_date: song.release_date,
-				song_path: song.storage_path,
-				image_path: image_path,
-				like_dislike: like_dislike,
-			};
-
-			let plays = history_counts.get(&song_id)
-				.ok_or(ServerFnError::ServerError::<NoCustomError>("Song id not found in history counts".to_string()))?;
-
-			history_songs_map.insert(song_id, (*plays, songdata));
-		}
-	}
-
-	// Sort the songs by play count
-	let mut history_songs: Vec<(i64, SongData)> = history_songs_map.into_values().collect();
-	history_songs.sort_by(|a, b| b.0.cmp(&a.0));
-	Ok(history_songs)
-}
-
-/// Get a user's top artists by play count from a date range
-/// Optionally takes a limit parameter to limit the number of artists returned.
-/// If not provided, all artists listened to in the date range are returned.
-/// Returns a list of tuples with the play count and the artist data, sorted by play count (most played first).
-#[server(endpoint = "/profile/top_artists")]
-pub async fn top_artists(for_user_id: i32, start_date: NaiveDateTime, end_date: NaiveDateTime, limit: Option<i64>)
-	-> Result<Vec<(i64, ArtistData)>, ServerFnError>
-{
-	let mut db_con = get_db_conn();
-
-	let artist_counts: Vec<(i64, Artist)> = 
-		if let Some(limit) = limit {
-			song_history::table
-				.filter(song_history::date.between(start_date, end_date))
-				.filter(song_history::user_id.eq(for_user_id))
-				.inner_join(song_artists::table.on(song_history::song_id.eq(song_artists::song_id)))
-				.inner_join(artists::table.on(song_artists::artist_id.eq(artists::id)))
-				.group_by(artists::id)
-				.select((count(artists::id), artists::all_columns))
-				.order(count(artists::id).desc())
-				.limit(limit)
-				.load(&mut db_con)?
-		} else {
-			song_history::table
-				.filter(song_history::date.between(start_date, end_date))
-				.filter(song_history::user_id.eq(for_user_id))
-				.inner_join(song_artists::table.on(song_history::song_id.eq(song_artists::song_id)))
-				.inner_join(artists::table.on(song_artists::artist_id.eq(artists::id)))
-				.group_by(artists::id)
-				.select((count(artists::id), artists::all_columns))
-				.order(count(artists::id).desc())
-				.load(&mut db_con)?
-		};
-
-	let artist_data: Vec<(i64, ArtistData)> = artist_counts.into_iter().map(|(plays, artist)| {
-		(plays, ArtistData {
-			id: artist.id.unwrap(),
-			name: artist.name,
-			image_path: format!("/assets/images/artists/{}.webp", artist.id.unwrap()),
-		})
-	}).collect();
-
-	Ok(artist_data)
-}
--- a/src/api/songs.rs
+++ b/src/api/songs.rs
@ -1,55 +0,0 @@
-use leptos::*;
-
-use cfg_if::cfg_if;
-
-
-cfg_if! {
-	if #[cfg(feature = "ssr")] {
-		use leptos::server_fn::error::NoCustomError;
-		use crate::database::get_db_conn;
-		use crate::auth::get_user;
-	}
-}
-
-/// Like or unlike a song
-#[server(endpoint = "songs/set_like")]
-pub async fn set_like_song(song_id: i32, like: bool) -> Result<(), ServerFnError> {
-	let user = get_user().await.map_err(|e| ServerFnError::<NoCustomError>::
-		ServerError(format!("Error getting user: {}", e)))?;
-	
-	let db_con = &mut get_db_conn();
-
-	user.set_like_song(song_id, like, db_con).await.map_err(|e| ServerFnError::<NoCustomError>::
-		ServerError(format!("Error liking song: {}", e)))
-}
-
-/// Dislike or remove dislike from a song
-#[server(endpoint = "songs/set_dislike")]
-pub async fn set_dislike_song(song_id: i32, dislike: bool) -> Result<(), ServerFnError> {
-	let user = get_user().await.map_err(|e| ServerFnError::<NoCustomError>::
-		ServerError(format!("Error getting user: {}", e)))?;
-	
-	let db_con = &mut get_db_conn();
-
-	user.set_dislike_song(song_id, dislike, db_con).await.map_err(|e| ServerFnError::<NoCustomError>::
-		ServerError(format!("Error disliking song: {}", e)))
-}
-
-/// Get the like and dislike status of a song
-#[server(endpoint = "songs/get_like_dislike")]
-pub async fn get_like_dislike_song(song_id: i32) -> Result<(bool, bool), ServerFnError> {
-	let user = get_user().await.map_err(|e| ServerFnError::<NoCustomError>::
-		ServerError(format!("Error getting user: {}", e)))?;
-
-	let db_con = &mut get_db_conn();
-
-	// TODO this could probably be done more efficiently with a tokio::try_join, but 
-	// doing so is much more complicated than it would initially seem
-
-	let like = user.get_like_song(song_id, db_con).await.map_err(|e| ServerFnError::<NoCustomError>::
-		ServerError(format!("Error getting song liked: {}", e)))?;
-	let dislike = user.get_dislike_song(song_id, db_con).await.map_err(|e| ServerFnError::<NoCustomError>::
-		ServerError(format!("Error getting song disliked: {}", e)))?;
-
-	Ok((like, dislike))
-}
--- a/src/app.rs
+++ b/src/app.rs
@ -1,24 +1,24 @@
 use crate::playbar::PlayBar;
-use crate::playbar::CustomTitle;
+use crate::playstatus::PlayStatus;
 use crate::queue::Queue;
 use leptos::*;
 use leptos_meta::*;
 use leptos_router::*;
 use crate::pages::login::*;
 use crate::pages::signup::*;
-use crate::pages::profile::*;
-use crate::pages::albumpage::*;
 use crate::error_template::{AppError, ErrorTemplate};
-use crate::util::state::GlobalState;
+

 #[component]
 pub fn App() -> impl IntoView {
    // Provides context that manages stylesheets, titles, meta tags, etc.
    provide_meta_context();

-    provide_context(GlobalState::new());
-
+    let play_status = PlayStatus::default();
+    let play_status = create_rw_signal(play_status);
    let upload_open = create_rw_signal(false);
+    let add_artist_open = create_rw_signal(false);
+    let add_album_open = create_rw_signal(false);

    view! {
        // injects a stylesheet into the document <head>
@ -26,7 +26,7 @@ pub fn App() -> impl IntoView {
        <Stylesheet id="leptos" href="/pkg/libretunes.css"/>

        // sets the document title
-        <CustomTitle />
+        <Title text="LibreTunes"/>

        // content for this welcome page
        <Router fallback=|| {
@ -39,13 +39,16 @@ pub fn App() -> impl IntoView {
        }>
            <main>
                <Routes>
-                    <Route path="" view=move || view! { <HomePage upload_open=upload_open/> }>
+                    <Route path="" view=move || 
+                    view! { <HomePage play_status=play_status 
+                                upload_open=upload_open 
+                                add_artist_open=add_artist_open 
+                                add_album_open=add_album_open
+                            /> 
+                        }>
                        <Route path="" view=Dashboard />
                        <Route path="dashboard" view=Dashboard />
                        <Route path="search" view=Search />
-                        <Route path="user/:id" view=Profile />
-                        <Route path="user" view=Profile />
-                        <Route path="album/:id" view=AlbumPage />
                    </Route>
                    <Route path="/login" view=Login />
                    <Route path="/signup" view=Signup />
@ -58,21 +61,25 @@ pub fn App() -> impl IntoView {
 use crate::components::sidebar::*;
 use crate::components::dashboard::*;
 use crate::components::search::*;
-use crate::components::personal::Personal;
+use crate::components::personal::*;
 use crate::components::upload::*;
+use crate::components::add_artist::AddArtist;
+use crate::components::add_album::AddAlbum;

 /// Renders the home page of your application.
 #[component]
-fn HomePage(upload_open: RwSignal<bool>) -> impl IntoView {
+fn HomePage(play_status: RwSignal<PlayStatus>, upload_open: RwSignal<bool>, add_artist_open: RwSignal<bool>, add_album_open: RwSignal<bool>) -> impl IntoView {
    view! {
        <div class="home-container">
            <Upload open=upload_open/>
-            <Sidebar upload_open=upload_open/>
+            <AddArtist open=add_artist_open/>
+            <AddAlbum open=add_album_open/>
+            <Sidebar upload_open=upload_open add_artist_open=add_artist_open add_album_open=add_album_open/>
            // This <Outlet /> will render the child route components
            <Outlet />
            <Personal />
-            <PlayBar />
-            <Queue />
+            <PlayBar status=play_status/>
+            <Queue status=play_status/>
        </div>
    }
 }
--- a/src/artistdata.rs
+++ b/src/artistdata.rs
@ -1,34 +0,0 @@
-use crate::components::dashboard_tile::DashboardTile;
-use serde::{Serialize, Deserialize};
-
-/// Holds information about an artist
-/// 
-/// Intended to be used in the front-end
-#[derive(Clone, Serialize, Deserialize)]
-pub struct ArtistData {
-	/// Artist id
-	pub id: i32,
-	/// Artist name
-	pub name: String,
-	/// Path to artist image, relative to the root of the web server.
-	/// For example, `"/assets/images/Artist.jpg"`
-	pub image_path: String,
-}
-
-impl DashboardTile for ArtistData {
-	fn image_path(&self) -> String {
-		self.image_path.clone()
-	}
-
-	fn title(&self) -> String {
-		self.name.clone()
-	}
-
-	fn link(&self) -> String {
-		format!("/artist/{}", self.id)
-	}
-
-	fn description(&self) -> Option<String> {
-		Some("Artist".to_string())
-	}
-}
--- a/src/auth.rs
+++ b/src/auth.rs
@ -19,11 +19,6 @@ use crate::users::UserCredentials;
 /// Returns a Result with the error message if the user could not be created
 #[server(endpoint = "signup")]
 pub async fn signup(new_user: User) -> Result<(), ServerFnError> {
-	// Check LIBRETUNES_DISABLE_SIGNUP env var
-	if std::env::var("LIBRETUNES_DISABLE_SIGNUP").is_ok_and(|v| v == "true") {
-		return Err(ServerFnError::<NoCustomError>::ServerError("Signup is disabled".to_string()));
-	}
-
 	use crate::users::create_user;

 	// Ensure the user has no id, and is not a self-proclaimed admin
@ -62,7 +57,7 @@ pub async fn signup(new_user: User) -> Result<(), ServerFnError> {
 /// Takes in a username or email and a password in plaintext
 /// Returns a Result with a boolean indicating if the login was successful
 #[server(endpoint = "login")]
-pub async fn login(credentials: UserCredentials) -> Result<Option<User>, ServerFnError> {
+pub async fn login(credentials: UserCredentials) -> Result<bool, ServerFnError> {
 	use crate::users::validate_user;

 	let mut auth_session = extract::<AuthSession<AuthBackend>>().await
@ -71,14 +66,12 @@ pub async fn login(credentials: UserCredentials) -> Result<Option<User>, ServerF
 	let user = validate_user(credentials).await
 		.map_err(|e| ServerFnError::<NoCustomError>::ServerError(format!("Error validating user: {}", e)))?;

-	if let Some(mut user) = user {
+	if let Some(user) = user {
 		auth_session.login(&user).await
 			.map_err(|e| ServerFnError::<NoCustomError>::ServerError(format!("Error logging in user: {}", e)))?;
-
-		user.password = None;
-		Ok(Some(user))
+		Ok(true)
 	} else {
-		Ok(None)
+		Ok(false)
 	}
 }

@ -92,7 +85,6 @@ pub async fn logout() -> Result<(), ServerFnError> {
 	auth_session.logout().await
 		.map_err(|e| ServerFnError::<NoCustomError>::ServerError(format!("Error getting auth session: {}", e)))?;

-	leptos_axum::redirect("/login");
 	Ok(())
 }

@ -130,42 +122,6 @@ pub async fn require_auth() -> Result<(), ServerFnError> {
 	})
 }

-/// Get the current logged-in user
-/// Returns a Result with the user if they are logged in
-/// Returns an error if the user is not logged in, or if there is an error getting the user
-/// Intended to be used in a route to get the current user:
-/// ```rust
-/// use leptos::*;
-/// use libretunes::auth::get_user;
-/// #[server(endpoint = "user_route")]
-/// pub async fn user_route() -> Result<(), ServerFnError> {
-/// 	let user = get_user().await?;
-/// 	println!("Logged in as: {}", user.username);
-/// 	// Do something with the user
-/// 	Ok(())
-/// }
-/// ```
-#[cfg(feature = "ssr")]
-pub async fn get_user() -> Result<User, ServerFnError> {
-	let auth_session = extract::<AuthSession<AuthBackend>>().await
-		.map_err(|e| ServerFnError::<NoCustomError>::ServerError(format!("Error getting auth session: {}", e)))?;
-
-	auth_session.user.ok_or(ServerFnError::<NoCustomError>::ServerError("User not logged in".to_string()))
-}
-
-#[server(endpoint = "get_logged_in_user")]
-pub async fn get_logged_in_user() -> Result<Option<User>, ServerFnError> {
-	let auth_session = extract::<AuthSession<AuthBackend>>().await
-		.map_err(|e| ServerFnError::<NoCustomError>::ServerError(format!("Error getting auth session: {}", e)))?;
-
-	let user = auth_session.user.map(|mut user| {
-		user.password = None;
-		user
-	});
-
-	Ok(user)
-}
-
 /// Check if a user is an admin
 /// Returns a Result with a boolean indicating if the user is logged in and an admin
 #[server(endpoint = "check_admin")]
--- a/src/components.rs
+++ b/src/components.rs
@ -2,10 +2,7 @@ pub mod sidebar;
 pub mod dashboard;
 pub mod search;
 pub mod personal;
-pub mod dashboard_tile;
-pub mod dashboard_row;
 pub mod upload;
-pub mod song_list;
-pub mod loading;
-pub mod error;
-pub mod album_info;
+pub mod upload_dropdown;
+pub mod add_artist;
+pub mod add_album;
--- a/src/components/add_album.rs
+++ b/src/components/add_album.rs
@ -0,0 +1,92 @@
+use leptos::*;
+use leptos::leptos_dom::log;
+use leptos_icons::*;
+use crate::api::albums::add_album;
+
+#[component]
+pub fn AddAlbumBtn(add_album_open: RwSignal<bool>) -> impl IntoView {
+    let open_dialog = move |_| {
+        add_album_open.set(true);
+    };
+    view! {
+        <button class="add-album-btn add-btns" on:click=open_dialog>
+            Add Album
+        </button>
+    }
+}
+#[component]
+pub fn AddAlbum(open: RwSignal<bool>) -> impl IntoView {
+    let album_title = create_rw_signal("".to_string());
+    let release_date = create_rw_signal("".to_string());
+    let image_path = create_rw_signal("".to_string());
+
+    let close_dialog = move |ev: leptos::ev::MouseEvent| {
+		ev.prevent_default();
+		open.set(false);
+	};
+
+    let on_add_album = move |ev: leptos::ev::SubmitEvent| {
+        ev.prevent_default();
+        let album_title_clone = album_title.get();
+        let release_date_clone = Some(release_date.get());
+        let image_path_clone = Some(image_path.get());
+
+        spawn_local(async move {
+            let add_album_result = add_album(album_title_clone, release_date_clone, image_path_clone).await;
+            if let Err(err) = add_album_result {
+                log!("Error adding album: {:?}", err);
+            } else if let Ok(album) = add_album_result {
+                log!("Added album: {:?}", album);
+                album_title.set("".to_string());
+                release_date.set("".to_string());
+                image_path.set("".to_string());
+            }
+        })
+    };
+
+    view! {
+        <Show when=open fallback=move|| view!{}>
+            <div class="add-album-container">
+                <div class="upload-header">
+                    <h1>Add Album</h1>
+                </div>
+                <div class="close-button" on:click=close_dialog><Icon icon=icondata::IoClose /></div>
+                <form class="create-album-form" action="POST" on:submit=on_add_album>
+                    <div class="input-bx">
+                        <input type="text" required class="text-input" 
+                            prop:value=album_title
+                            on:input=move |ev: leptos::ev::Event| {
+                                album_title.set(event_target_value(&ev));
+                            }        
+                            required 
+                         />
+                        <span>Album Title</span>
+                    </div>
+                    <div class="release-date">
+						<div class="left">
+							<span>Release</span>
+							<span>Date</span>
+						</div>
+						<input class="info" type="date"
+                            prop:value=release_date
+                            on:input=move |ev: leptos::ev::Event| {
+                                release_date.set(event_target_value(&ev));
+                            }
+                        />
+					</div>
+                    <div class="input-bx">
+                        <input type="text" class="text-input" 
+                            prop:value=image_path
+                            on:input=move |ev: leptos::ev::Event| {
+                                image_path.set(event_target_value(&ev));
+                            }        
+                         />
+                        <span>Image Path</span>
+                    </div>
+                    <button type="submit" class="upload-button">Add</button>
+                </form>
+            </div>
+        </Show>
+    }
+
+}
--- a/src/components/add_artist.rs
+++ b/src/components/add_artist.rs
@ -0,0 +1,62 @@
+use leptos::*;
+use leptos::leptos_dom::log;
+use leptos_icons::*;
+use crate::api::artists::add_artist;
+
+#[component]
+pub fn AddArtistBtn(add_artist_open: RwSignal<bool>) -> impl IntoView {
+    let open_dialog = move |_| {
+        add_artist_open.set(true);
+    };
+    view! {
+        <button class="add-artist-btn add-btns" on:click=open_dialog>
+            Add Artist
+        </button>
+    }
+}
+#[component]
+pub fn AddArtist(open: RwSignal<bool>) -> impl IntoView {
+    let artist_name = create_rw_signal("".to_string());
+
+    let close_dialog = move |ev: leptos::ev::MouseEvent| {
+		ev.prevent_default();
+		open.set(false);
+	};
+    let on_add_artist = move |ev: leptos::ev::SubmitEvent| {
+        ev.prevent_default();
+        let artist_name_clone = artist_name.get();
+        spawn_local(async move {
+            let add_artist_result = add_artist(artist_name_clone).await;
+            if let Err(err) = add_artist_result {
+                log!("Error adding artist: {:?}", err);
+            } else if let Ok(artist) = add_artist_result {
+                log!("Added artist: {:?}", artist);
+                artist_name.set("".to_string());
+            }
+        })
+    };
+
+    view! {
+        <Show when=open fallback=move|| view!{}>
+            <div class="add-artist-container">
+                <div class="upload-header">
+                    <h1>Add Artist</h1>
+                </div>
+                <div class="close-button" on:click=close_dialog><Icon icon=icondata::IoClose /></div>
+                <form class="create-artist-form" action="POST" on:submit=on_add_artist>
+                    <div class="input-bx">
+                        <input type="text" name="title" required class="text-input" 
+                            prop:value=artist_name
+                            on:input=move |ev: leptos::ev::Event| {
+                                artist_name.set(event_target_value(&ev));
+                            }        
+                            required 
+                         />
+                        <span>Artist Name</span>
+                    </div>
+                    <button type="submit" class="upload-button">Add</button>
+                </form>
+            </div>
+        </Show>
+    }
+}
--- a/src/components/album_info.rs
+++ b/src/components/album_info.rs
@ -1,25 +0,0 @@
-use leptos::leptos_dom::*;
-use leptos::*;
-use crate::albumdata::AlbumData;
-
-#[component]
-pub fn AlbumInfo(albumdata: AlbumData) -> impl IntoView {
-	view! {
-		<div class="album-info">
-			<img class="album-image" src={albumdata.image_path} alt="dashboard-tile" />
-			<div class="album-body">
-				<p class="album-title">{albumdata.title}</p>
-				<div class="album-artists">
-					{
-						albumdata.artists.iter().map(|artist| {
-							view! {
-								<a class="album-artist" href={format!("/artist/{}", artist.id.unwrap())}>{artist.name.clone()}</a>
-							}
-						}).collect::<Vec<_>>()
-					}
-				</div>
-			</div>
-		</div>
-	}.into_view()
-}
-
--- a/src/components/dashboard_row.rs
+++ b/src/components/dashboard_row.rs
@ -1,118 +0,0 @@
-use leptos::html::Ul;
-use leptos::leptos_dom::*;
-use leptos::*;
-use leptos_use::{use_element_size, UseElementSizeReturn, use_scroll, UseScrollReturn};
-use crate::components::dashboard_tile::DashboardTile;
-use leptos_icons::*;
-
-/// A row of dashboard tiles, with a title
-pub struct DashboardRow {
-	pub title: String,
-	pub tiles: Vec<Box<dyn DashboardTile>>,
-}
-
-impl DashboardRow {
-	pub fn new(title: String, tiles: Vec<Box<dyn DashboardTile>>) -> Self {
-		Self {
-			title,
-			tiles,
-		}
-	}
-}
-
-impl IntoView for DashboardRow {
-	fn into_view(self) -> View {
-		let list_ref = create_node_ref::<Ul>();
-
-		// Scroll functions attempt to align the left edge of the scroll area with the left edge of a tile
-		// This is done by scrolling to the nearest multiple of the tile width, plus some for padding
-
-		let scroll_left = move |_| {
-			if let Some(scroll_element) = list_ref.get_untracked() {
-				let client_width = scroll_element.client_width() as f64;
-				let current_pos = scroll_element.scroll_left() as f64;
-				let desired_pos = current_pos - client_width;
-
-				if let Some(first_tile) = scroll_element.first_element_child() {
-					let tile_width = first_tile.client_width() as f64;
-					let scroll_pos = desired_pos + (tile_width - (desired_pos % tile_width));
-					scroll_element.scroll_to_with_x_and_y(scroll_pos, 0.0);
-				} else {
-					warn!("Could not get first tile to scroll left");
-					// Fall back to scrolling by the client width if we can't get the tile width
-					scroll_element.scroll_to_with_x_and_y(desired_pos, 0.0);
-				}
-			} else {
-				warn!("Could not get scroll element to scroll left");
-			}
-		};
-
-		let scroll_right = move |_| {
-			if let Some(scroll_element) = list_ref.get_untracked() {
-				let client_width = scroll_element.client_width() as f64;
-				let current_pos = scroll_element.scroll_left() as f64;
-				let desired_pos = current_pos + client_width;
-				
-				if let Some(first_tile) = scroll_element.first_element_child() {
-					let tile_width = first_tile.client_width() as f64;
-					let scroll_pos = desired_pos - (desired_pos % tile_width);
-					scroll_element.scroll_to_with_x_and_y(scroll_pos, 0.0);
-				} else {
-					warn!("Could not get first tile to scroll right");
-					// Fall back to scrolling by the client width if we can't get the tile width
-					scroll_element.scroll_to_with_x_and_y(desired_pos, 0.0);
-				}
-			} else {
-				warn!("Could not get scroll element to scroll right");
-			}
-		};
-
-		let UseElementSizeReturn { width: scroll_element_width, .. } = use_element_size(list_ref);
-		let UseScrollReturn { x: scroll_x, .. } = use_scroll(list_ref);
-
-		let scroll_right_hidden = Signal::derive(move || {
-			if let Some(scroll_element) = list_ref.get() {
-				if scroll_element.scroll_width() as f64 - scroll_element_width.get() <= scroll_x.get() {
-					"visibility: hidden"
-				} else {
-					""
-				}
-			} else {
-				""
-			}
-		});
-
-		let scroll_left_hidden = Signal::derive(move || {
-			if scroll_x.get() <= 0.0 {
-				"visibility: hidden"
-			} else {
-				""
-			}
-		});
-
-		view! {
-			<div class="dashboard-tile-row">
-				<div class="dashboard-tile-row-title-row">
-					<h2>{self.title}</h2>
-					<div class="dashboard-tile-row-scroll-btn">
-						<button on:click=scroll_left tabindex=-1 style=scroll_left_hidden>
-							<Icon class="dashboard-tile-row-scroll" icon=icondata::FiChevronLeft />
-						</button>
-						<button on:click=scroll_right tabindex=-1 style=scroll_right_hidden>
-							<Icon class="dashboard-tile-row-scroll" icon=icondata::FiChevronRight />
-						</button>
-					</div>
-				</div>
-				<ul _ref={list_ref}>
-				{self.tiles.into_iter().map(|tile_info| {
-					view! {
-						<li>
-							{ tile_info.into_view() }
-						</li>
-					}
-				}).collect::<Vec<_>>()}
-				</ul>
-			</div>
-		}.into_view()
-	}
-}
--- a/src/components/dashboard_tile.rs
+++ b/src/components/dashboard_tile.rs
@ -1,27 +0,0 @@
-use leptos::leptos_dom::*;
-use leptos::*;
-
-pub trait DashboardTile {
-	fn image_path(&self) -> String;
-	fn title(&self) -> String;
-	fn link(&self) -> String;
-	fn description(&self) -> Option<String> { None }
-}
-
-impl IntoView for &dyn DashboardTile {
-	fn into_view(self) -> View {
-		let link = self.link();
-
-		view! {
-			<div class="dashboard-tile">
-				<a href={link}>
-					<img src={self.image_path()} alt="dashboard-tile" />
-					<p class="dashboard-tile-title">{self.title()}</p>
-					<p class="dashboard-tile-description">
-						{self.description().unwrap_or_default()}
-					</p>
-				</a>
-			</div>
-		}.into_view()
-	}
-}
--- a/src/components/error.rs
+++ b/src/components/error.rs
@ -1,45 +0,0 @@
-use leptos::*;
-use leptos_icons::*;
-use std::fmt::Display;
-
-#[component]
-pub fn ServerError<E: Display + 'static>(
-	#[prop(optional, into, default="An Error Occurred".into())]
-	title: TextProp,
-	#[prop(optional, into)]
-	message: TextProp,
-	#[prop(optional, into)]
-	error: Option<ServerFnError<E>>,
-) -> impl IntoView {
-	view!{
-		<div class="error-container">
-			<div class="error-header">
-				<Icon icon=icondata::BiErrorSolid />
-				<h1>{title}</h1>
-			</div>
-			<p>{message}</p>
-			<p>{error.map(|error| format!("{}", error))}</p>
-		</div>
-	}
-}
-
-#[component]
-pub fn Error<E: Display + 'static>(
-	#[prop(optional, into, default="An Error Occurred".into())]
-	title: TextProp,
-	#[prop(optional, into)]
-	message: TextProp,
-	#[prop(optional, into)]
-	error: Option<E>,
-) -> impl IntoView {
-	view! {
-		<div class="error-container">
-			<div class="error-header">
-				<Icon icon=icondata::BiErrorSolid />
-				<h1>{title}</h1>
-			</div>
-			<p>{message}</p>
-			<p>{error.map(|error| format!("{}", error))}</p>
-		</div>
-	}
-}
--- a/src/components/loading.rs
+++ b/src/components/loading.rs
@ -1,19 +0,0 @@
-use leptos::*;
-
-/// A loading indicator
-#[component]
-pub fn Loading() -> impl IntoView {
-	view! {
-		<div class="loading"></div>
-	}
-}
-
-/// A full page, centered loading indicator
-#[component]
-pub fn LoadingPage() -> impl IntoView {
-	view!{
-		<div class="loading-page">
-			<Loading />
-		</div>
-	}
-}
--- a/src/components/personal.rs
+++ b/src/components/personal.rs
@ -1,8 +1,6 @@
 use leptos::leptos_dom::*;
 use leptos::*;
 use leptos_icons::*;
-use crate::auth::logout;
-use crate::util::state::GlobalState;

 #[component]
 pub fn Personal() -> impl IntoView {
@ -16,66 +14,18 @@ pub fn Personal() -> impl IntoView {
 #[component]
 pub fn Profile() -> impl IntoView {
    let (dropdown_open, set_dropdown_open) = create_signal(false);
-	let user = GlobalState::logged_in_user();
-    
-	let open_dropdown = move |_| {
+
+    let open_dropdown = move |_| {
        set_dropdown_open.update(|value| *value = !*value);
+        log!("opened dropdown");
    };
-
-    let user_profile_picture = move || {
-        user.get().and_then(|user| {
-            if let Some(user) = user {
-				if user.id.is_none() {
-					return None;
-				}
-				Some(format!("/assets/images/profile/{}.webp", user.id.unwrap()))
-			} else {
-				None
-			}
-        })
-    };
-
    view! {
        <div class="profile-container">
-            <div class="profile-name">
-                <Suspense
-                    fallback=|| view!{
-                        <h1>Not Logged In</h1>
-                    }>
-					<Show
-						when=move || user.get().map(|user| user.is_some()).unwrap_or(false)
-						fallback=|| view!{
-							<h1>Not Logged In</h1>
-						}>
-                    	<h1>{move || user.get().map(|user| user.map(|user| user.username))}</h1>
-					</Show>
-                </Suspense>
-            </div>
            <div class="profile-icon" on:click=open_dropdown>
-				<Suspense fallback=|| view! { <Icon icon=icondata::CgProfile width="45" height="45"/> }>
-					<Show 
-						when=move || user.get().map(|user| user.is_some()).unwrap_or(false)
-						fallback=|| view! { <Icon icon=icondata::CgProfile width="45" height="45"/> }
-					>
-						<object class="profile-image" data={user_profile_picture} type="image/webp">
-							<Icon class="profile-image" icon=icondata::CgProfile width="45" height="45"/>
-						</object>
-					</Show>
-				</Suspense>
+                <Icon icon=icondata::CgProfile />
            </div>
            <div class="dropdown-container" style={move || if dropdown_open() {"display: flex"} else {"display: none"}}>
-				<Suspense
-					fallback=|| view!{
-						<DropDownNotLoggedIn />
-					}>
-					<Show
-						when=move || user.get().map(|user| user.is_some()).unwrap_or(false)
-						fallback=|| view!{
-							<DropDownNotLoggedIn />
-						}>
-						<DropDownLoggedIn />
-					</Show>
-				</Suspense>
+                <DropDownNotLoggedIn />
            </div>
        </div>
    }
@ -83,33 +33,10 @@ pub fn Profile() -> impl IntoView {
 #[component]
 pub fn DropDownNotLoggedIn() -> impl IntoView {
    view! {
-        <div class="dropdown-logged">
-            <h1>Not Logged In</h1>
+        <div class="dropdown-not-logged">
+            <h1>Not Logged in!</h1>
            <a href="/login"><button class="auth-button">Log In</button></a>
-            <a href="/signup"><button class="auth-button">Sign Up</button></a>
-        </div>
-    }
-}
-#[component]
-pub fn DropDownLoggedIn() -> impl IntoView {
-    
-	let logout = move |_| {
-        spawn_local(async move {
-            let result = logout().await;
-            if let Err(err) = result {
-                log!("Error logging out: {:?}", err);
-            } else {
-				let user = GlobalState::logged_in_user();
-				user.refetch();
-                log!("Logged out successfully");
-            }
-        });
-    };
-
-    view! {
-        <div class="dropdown-logged">
-            <h1>"Logged In"</h1>
-            <button on:click=logout class="auth-button">Log Out</button>
+            <a href="/signup"><button class="auth-button">Sign up</button></a>
        </div>
    }
 }
--- a/src/components/sidebar.rs
+++ b/src/components/sidebar.rs
@ -1,13 +1,15 @@
 use leptos::leptos_dom::*;
 use leptos::*;
 use leptos_icons::*;
-use crate::components::upload::*;
+use crate::components::upload_dropdown::*;

 #[component]
-pub fn Sidebar(upload_open: RwSignal<bool>) -> impl IntoView {
+pub fn Sidebar(upload_open: RwSignal<bool>, add_artist_open: RwSignal<bool>, add_album_open: RwSignal<bool>) -> impl IntoView {
    use leptos_router::use_location;
    let location = use_location();

+    let dropdown_open = create_rw_signal(false);
+
    let on_dashboard = Signal::derive(
        move || location.pathname.get().starts_with("/dashboard") || location.pathname.get() == "/",
    );
@ -19,8 +21,26 @@ pub fn Sidebar(upload_open: RwSignal<bool>) -> impl IntoView {
    view! {
        <div class="sidebar-container">
            <div class="sidebar-top-container">
+                <Show
+                    when=move || {upload_open.get() || add_artist_open.get() || add_album_open.get()}
+                    fallback=move || view! {}
+                >
+                    <div class="upload-overlay" on:click=move |_| {
+                        upload_open.set(false);
+                        add_artist_open.set(false);
+                        add_album_open.set(false);
+                    }></div>
+                </Show>
                <h2 class="header">LibreTunes</h2>
-                <UploadBtn dialog_open=upload_open />
+                <div class="upload-dropdown-container">
+                    <UploadDropdownBtn dropdown_open=dropdown_open/>
+                    <Show
+                        when= move || dropdown_open()
+                        fallback=move || view! {}
+                    >
+                        <UploadDropdown dropdown_open=dropdown_open upload_open=upload_open add_artist_open=add_artist_open add_album_open=add_album_open/>
+                    </Show>
+                </div>
                <a class="buttons" href="/dashboard" style={move || if on_dashboard() {"color: #e1e3e1"} else {""}} >
                    <Icon icon=icondata::OcHomeFillLg />
                    <h1>Dashboard</h1>
--- a/src/components/song_list.rs
+++ b/src/components/song_list.rs
@ -1,270 +0,0 @@
-use std::rc::Rc;
-
-use leptos::*;
-use leptos::logging::*;
-use leptos_icons::*;
-
-use crate::api::songs::*;
-use crate::songdata::SongData;
-use crate::models::{Album, Artist};
-use crate::util::state::GlobalState;
-
-const LIKE_DISLIKE_BTN_SIZE: &str = "2em";
-
-#[component]
-pub fn SongList(songs: Vec<SongData>) -> impl IntoView {
-	__SongListInner(songs.into_iter().map(|song| (song, ())).collect::<Vec<_>>(), false)
-}
-
-#[component]
-pub fn SongListExtra<T>(songs: Vec<(SongData, T)>) -> impl IntoView where 
-	T: Clone + IntoView + 'static
-{
-	__SongListInner(songs, true)
-}
-
-#[component]
-fn SongListInner<T>(songs: Vec<(SongData, T)>, show_extra: bool) -> impl IntoView where
-	T: Clone + IntoView + 'static
-{
-	let songs = Rc::new(songs);
-	let songs_2 = songs.clone();
-
-	// Signal that acts as a callback for a song list item to queue songs after it in the list
-	let (handle_queue_remaining, do_queue_remaining) = create_signal(None);
-	create_effect(move |_| {
-		let clicked_index = handle_queue_remaining.get();
-
-		if let Some(index) = clicked_index {
-			GlobalState::play_status().update(|status| {
-				let song: &(SongData, T) = songs.get(index).expect("Invalid song list item index");
-
-				if status.queue.front().map(|song| song.id) == Some(song.0.id) {
-					// If the clicked song is already at the front of the queue, just play it
-					status.playing = true;
-				} else {
-					// Otherwise, add the currently playing song to the history,
-					// clear the queue, and queue the clicked song and other after it
-					if let Some(last_playing) = status.queue.pop_front() {
-						status.history.push_back(last_playing);
-					}
-
-					status.queue.clear();
-					status.queue.extend(songs.iter().skip(index).map(|(song, _)| song.clone()));
-					status.playing = true;
-				}
-			});
-		}
-	});
-
-	view! {
-		<table class="song-list">
-			{
-				songs_2.iter().enumerate().map(|(list_index, (song, extra))| {
-					let song_id = song.id;
-					let playing = create_rw_signal(false);
-
-					create_effect(move |_| {
-						GlobalState::play_status().with(|status| {
-							playing.set(status.queue.front().map(|song| song.id) == Some(song_id) && status.playing);
-						});
-					});
-
-					view! {
-						<SongListItem song={song.clone()} song_playing=playing.into()
-							extra={if show_extra { Some(extra.clone()) } else { None }} list_index do_queue_remaining/>
-					}
-				}).collect::<Vec<_>>()
-			}
-		</table>
-	}
-}
-
-#[component]
-pub fn SongListItem<T>(song: SongData, song_playing: MaybeSignal<bool>, extra: Option<T>,
-	list_index: usize, do_queue_remaining: WriteSignal<Option<usize>>) -> impl IntoView where
-	T: IntoView + 'static
-{
-	let liked = create_rw_signal(song.like_dislike.map(|(liked, _)| liked).unwrap_or(false));
-	let disliked = create_rw_signal(song.like_dislike.map(|(_, disliked)| disliked).unwrap_or(false));
-	
-	view! {
-		<tr class="song-list-item">
-			<td class="song-image"><SongImage image_path=song.image_path song_playing
-				list_index do_queue_remaining /></td>
-			<td class="song-title"><p>{song.title}</p></td>
-			<td class="song-list-spacer"></td>
-			<td class="song-artists"><SongArtists artists=song.artists /></td>
-			<td class="song-list-spacer"></td>
-			<td class="song-album"><SongAlbum album=song.album /></td>
-			<td class="song-list-spacer-big"></td>
-			<td class="song-like-dislike"><SongLikeDislike song_id=song.id liked disliked/></td>
-			<td>{format!("{}:{:02}", song.duration / 60, song.duration % 60)}</td>
-			{extra.map(|extra| view! {
-				<td class="song-list-spacer"></td>
-				<td>{extra}</td>
-			})}
-		</tr>
-	}
-}
-
-/// Display the song's image, with an overlay if the song is playing
-/// When the song list item is hovered, the overlay will show the play button
-#[component]
-fn SongImage(image_path: String, song_playing: MaybeSignal<bool>, list_index: usize,
-	do_queue_remaining: WriteSignal<Option<usize>>) -> impl IntoView
-{
-	let play_song = move |_| {
-		do_queue_remaining.set(Some(list_index));
-	};
-
-	let pause_song = move |_| {
-		GlobalState::play_status().update(|status| {
-			status.playing = false;
-		});
-	};
-
-	view! {
-		<img class="song-image" src={image_path}/>
-		{move || if song_playing.get() {
-			view! { <Icon class="song-image-overlay song-playing-overlay"
-				icon=icondata::BsPauseFill on:click=pause_song /> }.into_view()
-		} else {
-			view! { <Icon class="song-image-overlay hide-until-hover"
-				icon=icondata::BsPlayFill on:click=play_song /> }.into_view()
-		}}
-	}
-}
-
-/// Displays a song's artists, with links to their artist pages
-#[component]
-fn SongArtists(artists: Vec<Artist>) -> impl IntoView {
-	let num_artists = artists.len() as isize;
-
-	artists.iter().enumerate().map(|(i, artist)| {
-		let i = i as isize;
-		
-		view! {
-			{
-				if let Some(id) = artist.id {
-					view! { <a href={format!("/artist/{}", id)}>{artist.name.clone()}</a> }.into_view()
-				} else {
-					view! { <span>{artist.name.clone()}</span> }.into_view()
-				}
-			}
-			{if i < num_artists - 2 { ", " } else if i == num_artists - 2 { " & " } else { "" }}
-		}
-	}).collect::<Vec<_>>()
-}
-
-/// Display a song's album, with a link to the album page
-#[component]
-fn SongAlbum(album: Option<Album>) -> impl IntoView {
-	album.as_ref().map(|album| {
-		view! {
-			<span>
-				{
-					if let Some(id) = album.id {
-						view! { <a href={format!("/album/{}", id)}>{album.title.clone()}</a> }.into_view()
-					} else {
-						view! { <span>{album.title.clone()}</span> }.into_view()
-					}
-				}
-			</span>
-		}
-	})
-}
-
-/// Display like and dislike buttons for a song, and indicate if the song is liked or disliked
-#[component]
-fn SongLikeDislike(
-	#[prop(into)]
-	song_id: MaybeSignal<i32>,
-	liked: RwSignal<bool>,
-	disliked: RwSignal<bool>) -> impl IntoView
-{
-	let like_icon = Signal::derive(move || {
-		if liked.get() {
-			icondata::TbThumbUpFilled
-		} else {
-			icondata::TbThumbUp
-		}
-	});
-
-	let dislike_icon = Signal::derive(move || {
-		if disliked.get() {
-			icondata::TbThumbDownFilled
-		} else {
-			icondata::TbThumbDown
-		}
-	});
-
-	let like_class = MaybeProp::derive(move || {
-		if liked.get() {
-			Some(TextProp::from("controlbtn"))
-		} else {
-			Some(TextProp::from("controlbtn hide-until-hover"))
-		}
-	});
-
-	let dislike_class = MaybeProp::derive(move || {
-		if disliked.get() {
-			Some(TextProp::from("controlbtn hmirror"))
-		} else {
-			Some(TextProp::from("controlbtn hmirror hide-until-hover"))
-		}
-	});
-
-	// If an error occurs, check the like/dislike status again to ensure consistency
-	let check_like_dislike = move || {
-		spawn_local(async move {
-			match get_like_dislike_song(song_id.get_untracked()).await {
-				Ok((like, dislike)) => {
-					liked.set(like);
-					disliked.set(dislike);
-				},
-				Err(_) => {}
-			}
-		});
-	};
-
-	let toggle_like = move |_| {
-		let new_liked = !liked.get_untracked();
-		liked.set(new_liked);
-		disliked.set(disliked.get_untracked() && !liked.get_untracked());
-		
-		spawn_local(async move {
-			match set_like_song(song_id.get_untracked(), new_liked).await {
-				Ok(_) => {},
-				Err(e) => {
-					error!("Error setting like: {}", e);
-					check_like_dislike();
-				}
-			}
-		});
-	};
-
-	let toggle_dislike = move |_| {
-		disliked.set(!disliked.get_untracked());
-		liked.set(liked.get_untracked() && !disliked.get_untracked());
-
-		spawn_local(async move {
-			match set_dislike_song(song_id.get_untracked(), disliked.get_untracked()).await {
-				Ok(_) => {},
-				Err(e) => {
-					error!("Error setting dislike: {}", e);
-					check_like_dislike();
-				}
-			}
-		});
-	};
-
-	view! {
-		<button on:click=toggle_dislike>
-			<Icon class=dislike_class width=LIKE_DISLIKE_BTN_SIZE height=LIKE_DISLIKE_BTN_SIZE icon=dislike_icon />
-		</button>
-		<button on:click=toggle_like>
-			<Icon class=like_class width=LIKE_DISLIKE_BTN_SIZE height=LIKE_DISLIKE_BTN_SIZE icon=like_icon />
-		</button>
-	}
-}
--- a/src/components/upload.rs
+++ b/src/components/upload.rs
@ -16,11 +16,8 @@ pub fn UploadBtn(dialog_open: RwSignal<bool>) -> impl IntoView {
 	};

 	view! {
-		<button class="upload-btn" on:click=open_dialog>
-			<div class="add-sign">
-				<Icon icon=icondata::IoAddSharp />
-			</div>
-			Upload
+		<button class="upload-btn add-btns" on:click=open_dialog>
+			Upload Song
 		</button>
 	}
 }
--- a/src/components/upload_dropdown.rs
+++ b/src/components/upload_dropdown.rs
@ -0,0 +1,30 @@
+use leptos::*;
+use leptos_icons::*;
+use crate::components::upload::*;
+use crate::components::add_artist::*;
+use crate::components::add_album::*;
+
+#[component]
+pub fn UploadDropdownBtn(dropdown_open: RwSignal<bool>) -> impl IntoView {
+    let open_dropdown = move |_| {
+        dropdown_open.set(!dropdown_open.get());
+    };
+    view! {
+        <button class={move || if dropdown_open() {"upload-dropdown-btn upload-dropdown-btn-active"} else {"upload-dropdown-btn"}} on:click=open_dropdown>
+			<div class="add-sign">
+				<Icon icon=icondata::IoAddSharp />
+			</div>
+		</button>
+    }
+}
+
+#[component]
+pub fn UploadDropdown(dropdown_open: RwSignal<bool>, upload_open: RwSignal<bool>, add_artist_open: RwSignal<bool>, add_album_open: RwSignal<bool>) -> impl IntoView {
+    view! {
+        <div class="upload-dropdown" on:click=move |_| dropdown_open.set(false)>
+            <UploadBtn dialog_open=upload_open />
+            <AddArtistBtn add_artist_open=add_artist_open/>
+            <AddAlbumBtn add_album_open=add_album_open/>
+        </div>
+    }
+}
--- a/src/fileserv.rs
+++ b/src/fileserv.rs
@ -12,7 +12,6 @@ cfg_if! { if #[cfg(feature = "ssr")] {
    use tower_http::services::ServeDir;
    use leptos::*;
    use crate::app::App;
-    use std::str::FromStr;

    pub async fn file_and_error_handler(uri: Uri, State(options): State<LeptosOptions>, req: Request<Body>) -> AxumResponse {
        let root = options.site_root.clone();
@ -28,43 +27,14 @@ cfg_if! { if #[cfg(feature = "ssr")] {

    pub async fn get_static_file(uri: Uri, root: &str) -> Result<Response<Body>, (StatusCode, String)> {
        let req = Request::builder().uri(uri.clone()).body(Body::empty()).unwrap();
-
        // `ServeDir` implements `tower::Service` so we can call it with `tower::ServiceExt::oneshot`
        // This path is relative to the cargo root
-        match ServeDir::new(root).oneshot(req).await.ok() {
-            Some(res) => Ok(res.into_response()),
-            None => Err((
+        match ServeDir::new(root).oneshot(req).await {
+            Ok(res) => Ok(res.into_response()),
+            Err(err) => Err((
                StatusCode::INTERNAL_SERVER_ERROR,
-                format!("Something went wrong"),
+                format!("Something went wrong: {err}"),
            )),
        }
    }
-
-    pub enum AssetType {
-        Audio,
-        Image,
-    }
-
-    pub async fn get_asset_file(filename: String, asset_type: AssetType) -> Result<Response<Body>, (StatusCode, String)> {
-        const DEFAULT_AUDIO_PATH: &str = "assets/audio";
-        const DEFAULT_IMAGE_PATH: &str = "assets/images";
-
-        let root = match asset_type {
-            AssetType::Audio => std::env::var("LIBRETUNES_AUDIO_PATH").unwrap_or(DEFAULT_AUDIO_PATH.to_string()),
-            AssetType::Image => std::env::var("LIBRETUNES_IMAGE_PATH").unwrap_or(DEFAULT_IMAGE_PATH.to_string()),
-        };
-
-        // Create a Uri from the filename
-        // ServeDir expects a leading `/`
-        let uri = Uri::from_str(format!("/{}", filename).as_str());
-
-        match uri {
-            Ok(uri) => get_static_file(uri, root.as_str()).await,
-            Err(_) => Err((
-                StatusCode::INTERNAL_SERVER_ERROR,
-                format!("Attempted to serve an invalid file"),
-            )),
-        }
-    }
-
 }}
--- a/src/lib.rs
+++ b/src/lib.rs
@ -1,8 +1,6 @@
 pub mod app;
 pub mod auth;
 pub mod songdata;
-pub mod albumdata;
-pub mod artistdata;
 pub mod playstatus;
 pub mod playbar;
 pub mod database;
@ -15,9 +13,9 @@ pub mod users;
 pub mod search;
 pub mod fileserv;
 pub mod error_template;
-pub mod api;
 pub mod upload;
 pub mod util;
+pub mod api;

 use cfg_if::cfg_if;

--- a/src/main.rs
+++ b/src/main.rs
@ -1,10 +1,10 @@
 // Needed for building in Docker container
 // See https://github.com/clux/muslrust?tab=readme-ov-file#diesel-and-pq-builds
 // See https://github.com/sgrif/pq-sys/issues/25
-#[cfg(target_env = "musl")]
+#[cfg(target = "x86_64-unknown-linux-musl")]
 extern crate openssl;

-#[cfg(target_env = "musl")]
+#[cfg(target = "x86_64-unknown-linux-musl")]
 #[macro_use]
 extern crate diesel;

@ -14,12 +14,11 @@ extern crate diesel_migrations;
 #[cfg(feature = "ssr")]
 #[tokio::main]
 async fn main() {
-    use axum::{routing::get, Router, extract::Path, middleware::from_fn};
+    use axum::{routing::get, Router};
    use leptos::*;
    use leptos_axum::{generate_route_list, LeptosRoutes};
    use libretunes::app::*;
-    use libretunes::util::require_auth::require_auth_middleware;
-    use libretunes::fileserv::{file_and_error_handler, get_asset_file, get_static_file, AssetType};
+    use libretunes::fileserv::{file_and_error_handler, get_static_file};
    use axum_login::tower_sessions::SessionManagerLayer;
    use tower_sessions_redis_store::{fred::prelude::*, RedisStore};
    use axum_login::AuthManagerLayerBuilder;
@ -31,7 +30,7 @@ async fn main() {
    info!("\n{}", include_str!("../ascii_art.txt"));
    info!("Starting Leptos server...");

-    use dotenvy::dotenv;
+    use dotenv::dotenv;
    dotenv().ok();

    debug!("Running database migrations...");
@ -61,10 +60,7 @@ async fn main() {

    let app = Router::new()
        .leptos_routes(&leptos_options, routes, App)
-        .route("/assets/audio/:song", get(|Path(song) : Path<String>| get_asset_file(song, AssetType::Audio)))
-        .route("/assets/images/:image", get(|Path(image) : Path<String>| get_asset_file(image, AssetType::Image)))
        .route("/assets/*uri", get(|uri| get_static_file(uri, "")))
-        .layer(from_fn(require_auth_middleware))
        .layer(auth_layer)
        .fallback(file_and_error_handler)
        .with_state(leptos_options);
--- a/src/models.rs
+++ b/src/models.rs
@ -1,4 +1,5 @@
-use chrono::{NaiveDate, NaiveDateTime};
+use std::time::SystemTime;
+use time::Date;
 use serde::{Deserialize, Serialize};

 use cfg_if::cfg_if;
@ -6,10 +7,8 @@ use cfg_if::cfg_if;
 cfg_if! {
 	if #[cfg(feature = "ssr")] {
 		use diesel::prelude::*;
-		use crate::database::*;
+		use crate::database::PgPooledConn;
 		use std::error::Error;
-		use crate::songdata::SongData;
-		use crate::albumdata::AlbumData;
 	}
 }

@ -40,281 +39,12 @@ pub struct User {
 	#[cfg_attr(feature = "ssr", diesel(deserialize_as = String))]
 	pub password: Option<String>,
 	/// The time the user was created
-	#[cfg_attr(feature = "ssr", diesel(deserialize_as = NaiveDateTime))]
-	pub created_at: Option<NaiveDateTime>,
+	#[cfg_attr(feature = "ssr", diesel(deserialize_as = SystemTime))]
+	pub created_at: Option<SystemTime>,
 	/// Whether the user is an admin
 	pub admin: bool,
 }

-impl User {
-	/// Get the history of songs listened to by this user from the database
-	/// 
-	/// The returned history will be ordered by date in descending order,
-	/// and a limit of N will select the N most recent entries.
-	/// The `id` field of this user must be present (Some) to get history
-	/// 
-	/// # Arguments
-	/// 
-	/// * `limit` - An optional limit on the number of history entries to return
-	/// * `conn` - A mutable reference to a database connection
-	/// 
-	/// # Returns
-	/// 
-	/// * `Result<Vec<HistoryEntry>, Box<dyn Error>>` -
-	/// 	A result indicating success with a vector of history entries, or an error
-	/// 
-	#[cfg(feature = "ssr")]
-	pub fn get_history(self: &Self, limit: Option<i64>, conn: &mut PgPooledConn) ->
-		Result<Vec<HistoryEntry>, Box<dyn Error>> {
-		use crate::schema::song_history::dsl::*;
-
-		let my_id = self.id.ok_or("Artist id must be present (Some) to get history")?;
-
-		let my_history = 
-		if let Some(limit) = limit {
-			song_history
-				.filter(user_id.eq(my_id))
-				.order(date.desc())
-				.limit(limit)
-				.load(conn)?
-		} else {
-			song_history
-				.filter(user_id.eq(my_id))
-				.load(conn)?
-		};
-
-		Ok(my_history)
-	}
-
-	/// Get the history of songs listened to by this user from the database
-	/// 
-	/// The returned history will be ordered by date in descending order,
-	/// and a limit of N will select the N most recent entries.
-	/// The `id` field of this user must be present (Some) to get history
-	/// 
-	/// # Arguments
-	/// 
-	/// * `limit` - An optional limit on the number of history entries to return
-	/// * `conn` - A mutable reference to a database connection
-	/// 
-	/// # Returns
-	/// 
-	/// * `Result<Vec<(SystemTime, Song)>, Box<dyn Error>>` -
-	/// 	A result indicating success with a vector of listen dates and songs, or an error
-	/// 
-	#[cfg(feature = "ssr")]
-	pub fn get_history_songs(self: &Self, limit: Option<i64>, conn: &mut PgPooledConn) ->
-		Result<Vec<(NaiveDateTime, Song)>, Box<dyn Error>> {
-		use crate::schema::songs::dsl::*;
-		use crate::schema::song_history::dsl::*;
-
-		let my_id = self.id.ok_or("Artist id must be present (Some) to get history")?;
-
-		let my_history =
-		if let Some(limit) = limit {
-			song_history
-				.inner_join(songs)
-				.filter(user_id.eq(my_id))
-				.order(date.desc())
-				.limit(limit)
-				.select((date, songs::all_columns()))
-				.load(conn)?
-		} else {
-			song_history
-				.inner_join(songs)
-				.filter(user_id.eq(my_id))
-				.order(date.desc())
-				.select((date, songs::all_columns()))
-				.load(conn)?
-		};
-
-		Ok(my_history)
-	}
-
-	/// Add a song to this user's history in the database
-	/// 
-	/// The date of the history entry will be the current time
-	/// The `id` field of this user must be present (Some) to add history
-	/// 
-	/// # Arguments
-	/// 
-	/// * `song_id` - The id of the song to add to this user's history
-	/// * `conn` - A mutable reference to a database connection
-	/// 
-	/// # Returns
-	/// 
-	/// * `Result<(), Box<dyn Error>>` - A result indicating success with an empty value, or an error
-	/// 
-	#[cfg(feature = "ssr")]
-	pub fn add_history(self: &Self, song_id: i32, conn: &mut PgPooledConn) -> Result<(), Box<dyn Error>> {
-		use crate::schema::song_history;
-
-		let my_id = self.id.ok_or("Artist id must be present (Some) to add history")?;
-
-		diesel::insert_into(song_history::table)
-			.values((song_history::user_id.eq(my_id), song_history::song_id.eq(song_id)))
-			.execute(conn)?;
-
-		Ok(())
-	}
-
-	/// Check if this user has listened to a song
-	/// 
-	/// The `id` field of this user must be present (Some) to check history
-	/// 
-	/// # Arguments
-	/// 
-	/// * `song_id` - The id of the song to check if this user has listened to
-	/// * `conn` - A mutable reference to a database connection
-	/// 
-	/// # Returns
-	/// 
-	/// * `Result<bool, Box<dyn Error>>` - A result indicating success with a boolean value, or an error
-	/// 
-	#[cfg(feature = "ssr")]
-	pub fn has_listened_to(self: &Self, song_id: i32, conn: &mut PgPooledConn) -> Result<bool, Box<dyn Error>> {
-		use crate::schema::song_history::{self, user_id};
-
-		let my_id = self.id.ok_or("Artist id must be present (Some) to check history")?;
-
-		let has_listened = song_history::table
-			.filter(user_id.eq(my_id))
-			.filter(song_history::song_id.eq(song_id))
-			.first::<HistoryEntry>(conn)
-			.optional()?
-			.is_some();
-
-		Ok(has_listened)
-	}
-
-	/// Like or unlike a song for this user
-	/// If likeing a song, remove dislike if it exists
-	#[cfg(feature = "ssr")]
-	pub async fn set_like_song(self: &Self, song_id: i32, like: bool, conn: &mut PgPooledConn) -> 
-		Result<(), Box<dyn Error>> {
-		use log::*;
-		debug!("Setting like for song {} to {}", song_id, like);
-
-		use crate::schema::song_likes;
-		use crate::schema::song_dislikes;
-
-		let my_id = self.id.ok_or("User id must be present (Some) to like/un-like a song")?;
-
-		if like {
-			diesel::insert_into(song_likes::table)
-				.values((song_likes::song_id.eq(song_id), song_likes::user_id.eq(my_id)))
-				.execute(conn)?;
-
-			// Remove dislike if it exists
-			diesel::delete(song_dislikes::table.filter(song_dislikes::song_id.eq(song_id)
-				.and(song_dislikes::user_id.eq(my_id))))
-				.execute(conn)?;
-		} else {
-			diesel::delete(song_likes::table.filter(song_likes::song_id.eq(song_id).and(song_likes::user_id.eq(my_id))))
-				.execute(conn)?;
-		}
-
-		Ok(())
-	}
-
-	/// Get the like status of a song for this user
-	#[cfg(feature = "ssr")]
-	pub async fn get_like_song(self: &Self, song_id: i32, conn: &mut PgPooledConn) -> Result<bool, Box<dyn Error>> {
-		use crate::schema::song_likes;
-
-		let my_id = self.id.ok_or("User id must be present (Some) to get like status of a song")?;
-
-		let like = song_likes::table
-			.filter(song_likes::song_id.eq(song_id).and(song_likes::user_id.eq(my_id)))
-			.first::<(i32, i32)>(conn)
-			.optional()?
-			.is_some();
-
-		Ok(like)
-	}
-
-	/// Get songs liked by this user
-	#[cfg(feature = "ssr")]
-	pub async fn get_liked_songs(self: &Self, conn: &mut PgPooledConn) -> Result<Vec<Song>, Box<dyn Error>> {
-		use crate::schema::songs::dsl::*;
-		use crate::schema::song_likes::dsl::*;
-
-		let my_id = self.id.ok_or("User id must be present (Some) to get liked songs")?;
-
-		let my_songs = songs
-			.inner_join(song_likes)
-			.filter(user_id.eq(my_id))
-			.select(songs::all_columns())
-			.load(conn)?;
-
-		Ok(my_songs)
-	}
-
-	/// Dislike or remove dislike from a song for this user
-	/// If disliking a song, remove like if it exists
-	#[cfg(feature = "ssr")]
-	pub async fn set_dislike_song(self: &Self, song_id: i32, dislike: bool, conn: &mut PgPooledConn) -> 
-		Result<(), Box<dyn Error>> {
-		use log::*;
-		debug!("Setting dislike for song {} to {}", song_id, dislike);
-
-		use crate::schema::song_likes;
-		use crate::schema::song_dislikes;
-
-		let my_id = self.id.ok_or("User id must be present (Some) to dislike/un-dislike a song")?;
-
-		if dislike {
-			diesel::insert_into(song_dislikes::table)
-				.values((song_dislikes::song_id.eq(song_id), song_dislikes::user_id.eq(my_id)))
-				.execute(conn)?;
-
-			// Remove like if it exists
-			diesel::delete(song_likes::table.filter(song_likes::song_id.eq(song_id)
-				.and(song_likes::user_id.eq(my_id))))
-				.execute(conn)?;
-		} else {
-			diesel::delete(song_dislikes::table.filter(song_dislikes::song_id.eq(song_id)
-				.and(song_dislikes::user_id.eq(my_id))))
-				.execute(conn)?;
-		}
-
-		Ok(())
-	}
-
-	/// Get the dislike status of a song for this user
-	#[cfg(feature = "ssr")]
-	pub async fn get_dislike_song(self: &Self, song_id: i32, conn: &mut PgPooledConn) -> Result<bool, Box<dyn Error>> {
-		use crate::schema::song_dislikes;
-
-		let my_id = self.id.ok_or("User id must be present (Some) to get dislike status of a song")?;
-
-		let dislike = song_dislikes::table
-			.filter(song_dislikes::song_id.eq(song_id).and(song_dislikes::user_id.eq(my_id)))
-			.first::<(i32, i32)>(conn)
-			.optional()?
-			.is_some();
-
-		Ok(dislike)
-	}
-
-	/// Get songs disliked by this user
-	#[cfg(feature = "ssr")]
-	pub async fn get_disliked_songs(self: &Self, conn: &mut PgPooledConn) -> Result<Vec<Song>, Box<dyn Error>> {
-		use crate::schema::songs::dsl::*;
-		use crate::schema::song_likes::dsl::*;
-
-		let my_id = self.id.ok_or("User id must be present (Some) to get disliked songs")?;
-
-		let my_songs = songs
-			.inner_join(song_likes)
-			.filter(user_id.eq(my_id))
-			.select(songs::all_columns())
-			.load(conn)?;
-
-		Ok(my_songs)
-	}
-}
-
 /// Model for an artist
 #[cfg_attr(feature = "ssr", derive(Queryable, Selectable, Insertable, Identifiable))]
 #[cfg_attr(feature = "ssr", diesel(table_name = crate::schema::artists))]
@ -434,26 +164,6 @@ impl Artist {

 		Ok(my_songs)
 	}
-
-	/// Display a list of artists as a string.
-	/// 
-	/// For one artist, displays [artist1]. For two artists, displays [artist1] & [artist2].
-	/// For three or more artists, displays [artist1], [artist2], & [artist3].
-	pub fn display_list(artists: &Vec<Artist>) -> String {
-		let mut artist_list = String::new();
-
-		for (i, artist) in artists.iter().enumerate() {
-			if i == 0 {
-				artist_list.push_str(&artist.name);
-			} else if i == artists.len() - 1 {
-				artist_list.push_str(&format!(" & {}", artist.name));
-			} else {
-				artist_list.push_str(&format!(", {}", artist.name));
-			}
-		}
-
-		artist_list
-	}
 }

 /// Model for an album
@ -468,7 +178,7 @@ pub struct Album {
 	/// The album's title
 	pub title: String,
 	/// The album's release date
-	pub release_date: Option<NaiveDate>,
+	pub release_date: Option<Date>,
 	/// The path to the album's image file
 	pub image_path: Option<String>,
 }
@ -500,7 +210,7 @@ impl Album {
 		Ok(())
 	}

-	/// Get songs by this album from the database
+	/// Get songs by this artist from the database
 	/// 
 	/// The `id` field of this album must be present (Some) to get songs
 	/// 
@ -527,143 +237,6 @@ impl Album {

 		Ok(my_songs)
 	}
-
-	/// Obtain an album from its albumid
-	/// # Arguments
-	/// 
-	/// * `album_id` - The id of the album to select
-	/// * `conn` - A mutable reference to a database connection
-	/// 
-	/// # Returns
-	/// 
-	/// * `Result<Album, Box<dyn Error>>` - A result indicating success with the desired album, or an error
-	/// 
-	#[cfg(feature = "ssr")]
-	pub fn get_album_data(album_id: i32, conn: &mut PgPooledConn) -> Result<AlbumData, Box<dyn Error>> {
-		use crate::schema::*;
-
-		let artist_list: Vec<Artist> = album_artists::table
-			.filter(album_artists::album_id.eq(album_id))
-			.inner_join(artists::table.on(album_artists::artist_id.eq(artists::id)))
-			.select(
-				artists::all_columns
-			)
-			.load(conn)?;
-
-		// Get info of album
-		let albuminfo = albums::table
-			.filter(albums::id.eq(album_id))
-			.first::<Album>(conn)?;
-
-		let img = albuminfo.image_path.unwrap_or("/assets/images/placeholders/MusicPlaceholder.svg".to_string());
-
-		let albumdata = AlbumData {
-			id: albuminfo.id.unwrap(),
-			title: albuminfo.title,
-			artists: artist_list,
-			release_date: albuminfo.release_date,
-			image_path: img
-		};
-
-		Ok(albumdata)
-	}
-
-	/// Obtain an album from its albumid
-	/// # Arguments
-	/// 
-	/// * `album_id` - The id of the album to select
-	/// * `conn` - A mutable reference to a database connection
-	/// 
-	/// # Returns
-	/// 
-	/// * `Result<Album, Box<dyn Error>>` - A result indicating success with the desired album, or an error
-	/// 
-	#[cfg(feature = "ssr")]
-	pub fn get_song_data(album_id: i32, user_like_dislike: Option<User>, conn: &mut PgPooledConn) -> Result<Vec<SongData>, Box<dyn Error>> {
-		use crate::schema::*;
-		use std::collections::HashMap;
-		
-		let song_list = if let Some(user_like_dislike) = user_like_dislike {
-			let user_like_dislike_id = user_like_dislike.id.unwrap();
-			let song_list: Vec<(Album, Option<Song>, Option<Artist>, Option<(i32, i32)>, Option<(i32, i32)>)> =
-				albums::table
-					.find(album_id)
-					.left_join(songs::table.on(albums::id.nullable().eq(songs::album_id)))
-					.left_join(song_artists::table.inner_join(artists::table).on(songs::id.eq(song_artists::song_id)))
-					.left_join(song_likes::table.on(songs::id.eq(song_likes::song_id).and(song_likes::user_id.eq(user_like_dislike_id))))
-					.left_join(song_dislikes::table.on(songs::id.eq(song_dislikes::song_id).and(song_dislikes::user_id.eq(user_like_dislike_id))))
-					.select((
-						albums::all_columns,
-						songs::all_columns.nullable(),
-						artists::all_columns.nullable(),
-						song_likes::all_columns.nullable(),
-						song_dislikes::all_columns.nullable()
-					))
-					.order(songs::track.asc())
-					.load(conn)?;
-			song_list
-		} else {
-			let song_list: Vec<(Album, Option<Song>, Option<Artist>)> =
-				albums::table
-					.find(album_id)
-					.left_join(songs::table.on(albums::id.nullable().eq(songs::album_id)))
-					.left_join(song_artists::table.inner_join(artists::table).on(songs::id.eq(song_artists::song_id)))
-					.select((
-						albums::all_columns,
-						songs::all_columns.nullable(),
-						artists::all_columns.nullable()
-					))
-					.order(songs::track.asc())
-					.load(conn)?;
-
-			let song_list:  Vec<(Album, Option<Song>, Option<Artist>, Option<(i32, i32)>, Option<(i32, i32)>)> =
-				song_list.into_iter().map( |(album, song, artist)| (album, song, artist, None, None) ).collect();
-			song_list
-		};
-
-		let mut album_songs: HashMap<i32, SongData> = HashMap::with_capacity(song_list.len());
-		
-		for (album, song, artist, like, dislike) in song_list {
-			if let Some(song) = song {				
-				if let Some(stored_songdata) = album_songs.get_mut(&song.id.unwrap()) {
-					// If the song is already in the map, update the artists
-					if let Some(artist) = artist {
-						stored_songdata.artists.push(artist);
-					}
-				} else {
-					let like_dislike = match (like, dislike) {
-						(Some(_), Some(_)) => Some((true, true)),
-						(Some(_), None) => Some((true, false)),
-						(None, Some(_)) => Some((false, true)),
-						_ => None,
-					};
-		
-					let image_path = song.image_path.unwrap_or(
-						album.image_path.clone().unwrap_or("/assets/images/placeholders/MusicPlaceholder.svg".to_string()));
-		
-					let songdata = SongData {
-						id: song.id.unwrap(),
-						title: song.title,
-						artists: artist.map(|artist| vec![artist]).unwrap_or_default(),
-						album: Some(album),
-						track: song.track,
-						duration: song.duration,
-						release_date: song.release_date,
-						song_path: song.storage_path,
-						image_path: image_path,
-						like_dislike: like_dislike,
-					};
-		
-					album_songs.insert(song.id.unwrap(), songdata);
-				}
-			} 
-		}
-		
-		// Sort the songs by date
-		let mut songdata: Vec<SongData> = album_songs.into_values().collect();
-		songdata.sort_by(|a, b| a.track.cmp(&b.track));
-		Ok(songdata)
-	}
 }

 /// Model for a song
@ -684,7 +257,7 @@ pub struct Song {
 	/// The duration of the song in seconds
 	pub duration: i32,
 	/// The song's release date
-	pub release_date: Option<NaiveDate>,
+	pub release_date: Option<Date>,
 	/// The path to the song's audio file
 	pub storage_path: String,
 	/// The path to the song's image file
@ -720,68 +293,4 @@ impl Song {

 		Ok(my_artists)
 	}
-
-	/// Get the album for this song from the database
-	/// 
-	/// # Arguments
-	/// 
-	/// * `conn` - A mutable reference to a database connection
-	/// 
-	/// # Returns
-	/// 
-	/// * `Result<Option<Album>, Box<dyn Error>>` - A result indicating success with an album, or None if
-	/// the song does not have an album, or an error
-	/// 
-	#[cfg(feature = "ssr")]
-	pub fn get_album(self: &Self, conn: &mut PgPooledConn) -> Result<Option<Album>, Box<dyn Error>> {
-		use crate::schema::albums::dsl::*;
-
-		if let Some(album_id) = self.album_id {
-			let my_album = albums
-				.filter(id.eq(album_id))
-				.first::<Album>(conn)?;
-
-			Ok(Some(my_album))
-		} else {
-			Ok(None)
-		}
-	}
-}
-
-/// Model for a history entry
-#[cfg_attr(feature = "ssr", derive(Queryable, Selectable, Insertable))]
-#[cfg_attr(feature = "ssr", diesel(table_name = crate::schema::song_history))]
-#[cfg_attr(feature = "ssr", diesel(check_for_backend(diesel::pg::Pg)))]
-#[derive(Serialize, Deserialize)]
-pub struct HistoryEntry {
-	/// A unique id for the history entry
-	#[cfg_attr(feature = "ssr", diesel(deserialize_as = i32))]
-	pub id: Option<i32>,
-	/// The id of the user who listened to the song
-	pub user_id: i32,
-	/// The date the song was listened to
-	pub date: NaiveDateTime,
-	/// The id of the song that was listened to
-	pub song_id: i32,
-}
-
-/// Model for a playlist
-#[cfg_attr(feature = "ssr", derive(Queryable, Selectable, Insertable))]
-#[cfg_attr(feature = "ssr", diesel(table_name = crate::schema::playlists))]
-#[cfg_attr(feature = "ssr", diesel(check_for_backend(diesel::pg::Pg)))]
-#[derive(Serialize, Deserialize)]
-pub struct Playlist {
-	/// A unique id for the playlist
-	#[cfg_attr(feature = "ssr", diesel(deserialize_as = i32))]
-	pub id: Option<i32>,
-	/// The time the playlist was created
-	#[cfg_attr(feature = "ssr", diesel(deserialize_as = NaiveDateTime))]
-	pub created_at: Option<NaiveDateTime>,
-	/// The time the playlist was last updated
-	#[cfg_attr(feature = "ssr", diesel(deserialize_as = NaiveDateTime))]
-	pub updated_at: Option<NaiveDateTime>,
-	/// The id of the user who owns the playlist
-	pub owner_id: i32,
-	/// The name of the playlist
-	pub name: String,
 }
--- a/src/pages.rs
+++ b/src/pages.rs
@ -1,4 +1,2 @@
 pub mod login;
-pub mod signup;
-pub mod profile;
-pub mod albumpage;
+pub mod signup;
--- a/src/pages/albumpage.rs
+++ b/src/pages/albumpage.rs
@ -1,87 +0,0 @@
-use leptos::leptos_dom::*;
-use leptos::*;
-use leptos_router::*;
-use crate::components::song_list::*;
-use crate::api::album::*;
-use crate::components::album_info::*;
-
-
-#[derive(Params, PartialEq)]
-struct AlbumParams {
-    id: i32
-}
-
-#[component]
-pub fn AlbumPage() -> impl IntoView {
-    let params = use_params::<AlbumParams>();
-
-    let id = move || {params.with(|params| {
-            params.as_ref()
-                .map(|params| params.id)
-                .map_err(|e| e.clone())
-        })
-    };
-
-    let song_list = create_resource(
-        id,
-        |value| async move {
-            match value {
-                Ok(v) => {get_songs(v).await},
-                Err(e) => {Err(ServerFnError::Request(format!("Error getting song data: {}", e).into()))},
-            }
-        },
-    );
-
-    let albumdata = create_resource(
-        id,
-        |value| async move {
-            match value {
-                Ok(v) => {get_album(v).await},
-                Err(e) => {Err(ServerFnError::Request(format!("Error getting song data: {}", e).into()))},
-            }
-        },
-    );
-
-    view! {
-        <div class="album-page-container">
-            <div class="album-header">
-                <Suspense
-                    fallback=move || view! { <p class="loading">"Loading..."</p> }
-                >
-                    {move || {
-                        albumdata.with( |albumdata| {
-                            match albumdata {
-                                Some(Ok(s)) => {
-                                    view! { <AlbumInfo albumdata=(*s).clone() /> }
-                                },
-                                Some(Err(e)) => {
-                                    view! { <div class="error">{format!("Error loading album : {}",e)}</div> }.into_view()
-                                },
-                                None => {view! { }.into_view()}
-                            }
-                        })
-                    }}
-                </Suspense>
-            </div>
-        
-            <Suspense
-                fallback=move || view! { <p class="loading">"Loading..."</p> }
-            >
-                {move || {
-                    song_list.with( |song_list| {
-                        match song_list {
-                            Some(Ok(s)) => {
-                                view! { <SongList songs=(*s).clone()/> }
-                            },
-                            Some(Err(e)) => {
-                                view! { <div class="error">{format!("Error loading albums: : {}",e)}</div> }.into_view()
-                            },
-                            None => {view! { }.into_view()}
-                        }
-                    })
-                }}
-            </Suspense>
-        </div>
-    }
-}
-
--- a/src/pages/login.rs
+++ b/src/pages/login.rs
@ -1,10 +1,8 @@
 use crate::auth::login;
-use crate::util::state::GlobalState;
 use leptos::leptos_dom::*;
 use leptos::*;
 use leptos_icons::*;
 use crate::users::UserCredentials;
-use crate::components::loading::Loading;

 #[component]
 pub fn Login() -> impl IntoView {
@ -13,9 +11,6 @@ pub fn Login() -> impl IntoView {

    let (show_password, set_show_password) = create_signal(false);

-    let loading = create_rw_signal(false);
-    let error_msg = create_rw_signal(None);
-
    let toggle_password = move |_| {
        set_show_password.update(|show_password| *show_password = !*show_password);
        log!("showing password");
@ -28,41 +23,23 @@ pub fn Login() -> impl IntoView {
        let password1 = password.get();

        spawn_local(async move {
-            loading.set(true);
-            error_msg.set(None);
-
            let user_credentials = UserCredentials {
                username_or_email: username_or_email1,
                password: password1
            };
-
-            let user = GlobalState::logged_in_user();
            
            let login_result = login(user_credentials).await;
            if let Err(err) = login_result {
                // Handle the error here, e.g., log it or display to the user
                log!("Error logging in: {:?}", err);
-                error_msg.set(Some(err.to_string()));
-
-                // Since we're not sure what the state is, manually refetch the user
-                user.refetch();
-            } else if let Ok(Some(login_user)) = login_result {
-                // Manually set the user to the new user, avoiding a refetch
-                user.set(Some(login_user));
-
+            } else if let Ok(true) = login_result {
                // Redirect to the login page
                log!("Logged in Successfully!");
                leptos_router::use_navigate()("/", Default::default());
                log!("Navigated to home page after login");
-            } else if let Ok(None) = login_result {
+            } else if let Ok(false) = login_result {
                log!("Invalid username or password");
-                error_msg.set(Some("Invalid username or password".to_string()));
-
-                // User could be already logged in or not, so refetch the user
-                user.refetch();
            }
-
-            loading.set(false);
        });
    };

@ -107,13 +84,7 @@ pub fn Login() -> impl IntoView {
                        </Show>
                    </div>
                    <a href="" class="forgot-pw">Forgot Password?</a>
-                    <div class="error-msg" >{ move || error_msg.get() }</div>
-                    <Show
-                        when=move || !loading.get()
-                        fallback=move || view! { <Loading /> }
-                    >
-                        <input type="submit" value="Login" />
-                    </Show>
+                    <input type="submit" value="Login" />
                    <span class="go-to-signup">
                        New here? <a href="/signup">Create an Account</a>
                    </span>
--- a/src/pages/profile.rs
+++ b/src/pages/profile.rs
@ -1,316 +0,0 @@
-use leptos::*;
-use leptos_router::use_params_map;
-use leptos_icons::*;
-use server_fn::error::NoCustomError;
-
-use crate::components::dashboard_row::DashboardRow;
-use crate::components::dashboard_tile::DashboardTile;
-use crate::components::song_list::*;
-use crate::components::loading::*;
-use crate::components::error::*;
-
-use crate::api::profile::*;
-
-use crate::models::User;
-use crate::users::get_user_by_id;
-use crate::util::state::GlobalState;
-
-/// Duration in seconds backwards from now to aggregate history data for
-const HISTORY_SECS: i64 = 60 * 60 * 24 * 30;
-const HISTORY_MESSAGE: &str = "Last Month";
-
-/// How many top songs to show
-const TOP_SONGS_COUNT: i64 = 10;
-/// How many recent songs to show
-const RECENT_SONGS_COUNT: i64 = 5;
-/// How many recent artists to show
-const TOP_ARTISTS_COUNT: i64 = 10;
-
-/// Profile page
-/// Shows the current user's profile if no id is specified, or a user's profile if an id is specified in the path
-#[component]
-pub fn Profile() -> impl IntoView {
-	let params = use_params_map();
-
-	view! {
-		<div class="profile-container home-component">
-			{move || params.with(|params| {
-				match params.get("id").map(|id| id.parse::<i32>()) {
-					None => {
-						// No id specified, show the current user's profile
-						view! { <OwnProfile /> }.into_view()
-					},
-					Some(Ok(id)) => {
-						// Id specified, get the user and show their profile
-						view! { <UserIdProfile id /> }.into_view()
-					},
-					Some(Err(e)) => {
-						// Invalid id, return an error
-						view! {
-							<Error<String>
-								title="Invalid User ID"
-								error=e.to_string()
-							/>
-						}.into_view()
-					}
-				}
-			})}
-		</div>
-	}
-}
-
-/// Show the logged in user's profile
-#[component]
-fn OwnProfile() -> impl IntoView {
-	view! {
-		<Transition
-			fallback=move || view! { <LoadingPage /> }
-		>
-			{move || GlobalState::logged_in_user().get().map(|user| {
-				match user {
-					Some(user) => {
-						let user_id = user.id.unwrap();
-						view! {
-								<UserProfile user />
-								<TopSongs user_id={user_id} />
-								<RecentSongs user_id={user_id} />
-								<TopArtists user_id={user_id} />
-						}.into_view()
-					},
-					None => view! {
-						<Error<String>
-							title="Not Logged In"
-							message="You must be logged in to view your profile"
-						/>
-					}.into_view(),
-				}
-			})}
-		</Transition>
-	}
-}
-
-/// Show a user's profile by ID
-#[component]
-fn UserIdProfile(#[prop(into)] id: MaybeSignal<i32>) -> impl IntoView {
-	let user_info = create_resource(move || id.get(), move |id| {
-		get_user_by_id(id)
-	});
-
-	// Show the details if the user is found
-	let show_details = create_rw_signal(false);
-
-	view!{ 
-		<Transition
-			fallback=move || view! { <LoadingPage /> }
-		>
-			{move || user_info.get().map(|user| {
-				match user {
-					Ok(Some(user)) => {
-						show_details.set(true);
-
-						view! { <UserProfile user /> }.into_view()
-					},
-					Ok(None) => {
-						show_details.set(false);
-
-						view! {
-							<Error<String>
-								title="User Not Found"
-								message=format!("User with ID {} not found", id.get())
-							/>
-						}.into_view()
-					},
-					Err(error) => {
-						show_details.set(false);
-
-						view! {
-							<ServerError<NoCustomError>
-								title="Error Getting User"
-								error
-							/>
-						}.into_view()
-					}
-				}
-			})}
-		</Transition>
-		<div hidden={move || !show_details.get()}>
-			<TopSongs user_id={id} />
-			<RecentSongs user_id={id} />
-			<TopArtists user_id={id} />
-		</div>
-	}
-}
-
-/// Show a profile for a User object
-#[component]
-fn UserProfile(user: User) -> impl IntoView {
-	let user_id = user.id.unwrap();
-	let profile_image_path = format!("/assets/images/profile/{}.webp", user_id);
-
-	view! {
-		<div class="profile-header">
-			<object class="profile-image" data={profile_image_path.clone()} type="image/webp">
-				<Icon class="profile-image" icon=icondata::CgProfile width="75" height="75"/>
-			</object>
-			<h1>{user.username}</h1>
-		</div>
-		<div class="profile-details">
-			<p>
-				{user.email}
-				{
-					user.created_at.map(|created_at| {
-						format!(" • Joined {}", created_at.format("%B %Y"))
-					})
-				}
-				{
-					if user.admin {
-						" • Admin"
-					} else {
-						""
-					}
-				}
-			</p>
-		</div>
-	}
-}
-
-/// Show a list of top songs for a user
-#[component]
-fn TopSongs(#[prop(into)] user_id: MaybeSignal<i32>) -> impl IntoView {
-	let top_songs = create_resource(move || user_id.get(), |user_id| async move {
-		use chrono::{Local, Duration};
-		let now = Local::now();
-		let start = now - Duration::seconds(HISTORY_SECS);
-		let top_songs = top_songs(user_id, start.naive_utc(), now.naive_utc(), Some(TOP_SONGS_COUNT)).await;
-
-		top_songs.map(|top_songs| {
-			top_songs.into_iter().map(|(plays, song)| {
-				let plays = if plays == 1 {
-					format!("{} Play", plays)
-				} else {
-					format!("{} Plays", plays)
-				};
-
-				(song, plays)
-			}).collect::<Vec<_>>()
-		})
-	});
-
-	view! {
-		<h2>{format!("Top Songs {}", HISTORY_MESSAGE)}</h2>
-		<Transition
-			fallback=move || view! { <Loading /> }
-		>
-			<ErrorBoundary
-				fallback=|errors| view! {
-					{move || errors.get()
-						.into_iter()
-						.map(|(_, e)| view! { <p>{e.to_string()}</p>})
-						.collect_view()
-					}
-				}
-			>
-				{move ||
-					top_songs.get().map(|top_songs| {
-						top_songs.map(|top_songs| {
-							view! {
-								<SongListExtra songs=top_songs />
-							}
-						})
-					})
-				}
-			</ErrorBoundary>
-		</Transition>
-	}
-}
-
-/// Show a list of recently played songs for a user
-#[component]
-fn RecentSongs(#[prop(into)] user_id: MaybeSignal<i32>) -> impl IntoView {
-	let recent_songs = create_resource(move || user_id.get(), |user_id| async move {
-		let recent_songs = recent_songs(user_id, Some(RECENT_SONGS_COUNT)).await;
-
-		recent_songs.map(|recent_songs| {
-			recent_songs.into_iter().map(|(_date, song)| {
-				song
-			}).collect::<Vec<_>>()
-		})
-	});
-
-	view! {
-		<h2>"Recently Played"</h2>
-		<Transition
-			fallback=move || view! { <Loading /> }
-		>
-			<ErrorBoundary
-				fallback=|errors| view! {
-					{move || errors.get()
-						.into_iter()
-						.map(|(_, e)| view! { <p>{e.to_string()}</p>})
-						.collect_view()
-					}
-				}
-			>
-				{move ||
-					recent_songs.get().map(|recent_songs| {
-						recent_songs.map(|recent_songs| {
-							view! {
-								<SongList songs=recent_songs />
-							}
-						})
-					})
-				}
-			</ErrorBoundary>	
-		</Transition>
-	}
-}
-
-/// Show a list of top artists for a user
-#[component]
-fn TopArtists(#[prop(into)] user_id: MaybeSignal<i32>) -> impl IntoView {
-	let top_artists = create_resource(move || user_id.get(), |user_id| async move {
-		use chrono::{Local, Duration};
-
-		let now = Local::now();
-		let start = now - Duration::seconds(HISTORY_SECS);
-		let top_artists = top_artists(user_id, start.naive_utc(), now.naive_utc(), Some(TOP_ARTISTS_COUNT)).await;
-
-		top_artists.map(|top_artists| {
-			top_artists.into_iter().map(|(_plays, artist)| {
-				artist
-			}).collect::<Vec<_>>()
-		})
-	});
-
-	view! {
-		<Transition
-			fallback=move || view! {
-				<h2>{format!("Top Artists {}", HISTORY_MESSAGE)}</h2>
-				<Loading />
-			}
-		>
-			<ErrorBoundary
-				fallback=|errors| view! {
-					<h2>{format!("Top Artists {}", HISTORY_MESSAGE)}</h2>
-					{move || errors.get()
-						.into_iter()
-						.map(|(_, e)| view! { <p>{e.to_string()}</p>})
-						.collect_view()
-					}
-				}
-			>
-				{move ||
-					top_artists.get().map(|top_artists| {
-						top_artists.map(|top_artists| {
-							let tiles = top_artists.into_iter().map(|artist| {
-								Box::new(artist) as Box<dyn DashboardTile>
-							}).collect::<Vec<_>>();
-
-							DashboardRow::new(format!("Top Artists {}", HISTORY_MESSAGE), tiles)
-						})
-					})
-				}
-			</ErrorBoundary>
-		</Transition>
-	}
-}
--- a/src/pages/signup.rs
+++ b/src/pages/signup.rs
@ -1,10 +1,8 @@
 use crate::auth::signup;
 use crate::models::User;
-use crate::util::state::GlobalState;
 use leptos::leptos_dom::*;
 use leptos::*;
 use leptos_icons::*;
-use crate::components::loading::Loading;

 #[component]
 pub fn Signup() -> impl IntoView {
@ -14,9 +12,6 @@ pub fn Signup() -> impl IntoView {

    let (show_password, set_show_password) = create_signal(false);

-    let loading = create_rw_signal(false);
-    let error_msg = create_rw_signal(None);
-
    let toggle_password = move |_| {
        set_show_password.update(|show_password| *show_password = !*show_password);
        log!("showing password");
@ -24,7 +19,7 @@ pub fn Signup() -> impl IntoView {

    let on_submit = move |ev: leptos::ev::SubmitEvent| {
        ev.prevent_default();
-        let mut new_user = User {
+        let new_user = User {
            id: None,
            username: username.get(),
            email: email.get(),
@ -34,31 +29,16 @@ pub fn Signup() -> impl IntoView {
        };
        log!("new user: {:?}", new_user);

-        loading.set(true);
-        error_msg.set(None);
-
-        let user = GlobalState::logged_in_user();
-
        spawn_local(async move {
-            if let Err(err) = signup(new_user.clone()).await {
+            if let Err(err) = signup(new_user).await {
                // Handle the error here, e.g., log it or display to the user
                log!("Error signing up: {:?}", err);
-                error_msg.set(Some(err.to_string()));
-
-                // Since we're not sure what the state is, manually refetch the user
-                user.refetch();
            } else {
-                // Manually set the user to the new user, avoiding a refetch
-                new_user.password = None;
-                user.set(Some(new_user));
-
                // Redirect to the login page
                log!("Signed up successfully!");
                leptos_router::use_navigate()("/", Default::default());
                log!("Navigated to home page after signup")
            }
-
-            loading.set(false);
        });
    };

@ -109,13 +89,7 @@ pub fn Signup() -> impl IntoView {
                            </button>
                        </Show>
                    </div>
-                    <div class="error-msg">{ move || error_msg.get() }</div>
-                    <Show
-                        when=move || !loading.get()
-                        fallback=move || view!{ <Loading /> }
-                    >
-                        <input type="submit" value="Sign Up" />
-                    </Show>
+                    <input type="submit" value="Sign Up"  />
                    <span class="go-to-login">
                        Already Have an Account? <a href="/login" class="link" >Go to Login</a>
                    </span>
--- a/src/playbar.rs
+++ b/src/playbar.rs
@ -1,14 +1,9 @@
-use crate::models::Artist;
-use crate::songdata::SongData;
-use crate::api::songs;
-use crate::util::state::GlobalState;
+use crate::playstatus::PlayStatus;
 use leptos::ev::MouseEvent;
 use leptos::html::{Audio, Div};
 use leptos::leptos_dom::*;
-use leptos_meta::Title;
 use leptos::*;
 use leptos_icons::*;
-use leptos_use::{utils::Pausable, use_interval_fn};

 /// Width and height of the forward/backward skip buttons
 const SKIP_BTN_SIZE: &str = "3.5em";
@ -24,9 +19,6 @@ const MIN_SKIP_BACK_TIME: f64 = 5.0;
 /// How many seconds to skip forward/backward when the user presses the arrow keys
 const ARROW_KEY_SKIP_TIME: f64 = 5.0;

-/// Threshold in seconds for considering when the user has listened to a song, for adding it to the history
-const HISTORY_LISTEN_THRESHOLD: u64 = MIN_SKIP_BACK_TIME as u64;
-
 // TODO Handle errors better, when getting audio HTML element and when playing/pausing audio

 /// Get the current time and duration of the current song, if available
@ -40,8 +32,8 @@ const HISTORY_LISTEN_THRESHOLD: u64 = MIN_SKIP_BACK_TIME as u64;
 /// * `None` if the audio element is not available
 /// * `Some((current_time, duration))` if the audio element is available
 /// 
-pub fn get_song_time_duration() -> Option<(f64, f64)> {
-	GlobalState::play_status().with_untracked(|status| {
+pub fn get_song_time_duration(status: impl SignalWithUntracked<Value = PlayStatus>) -> Option<(f64, f64)> {
+	status.with_untracked(|status| {
 		if let Some(audio) = status.get_audio() {
 			Some((audio.current_time(), audio.duration()))
 		} else {
@ -61,13 +53,13 @@ pub fn get_song_time_duration() -> Option<(f64, f64)> {
 /// * `status` - The `PlayStatus` to get the audio element from, as a signal
 /// * `time` - The time to skip to, in seconds
 /// 
-pub fn skip_to(time: f64) {
+pub fn skip_to(status: impl SignalUpdate<Value = PlayStatus>, time: f64) {
    if time.is_infinite() || time.is_nan() {
        error!("Unable to skip to non-finite time: {}", time);
        return
    }

-    GlobalState::play_status().update(|status| {
+    status.update(|status| {
        if let Some(audio) = status.get_audio() {
            audio.set_current_time(time);
            log!("Player skipped to time: {}", time);
@ -85,8 +77,8 @@ pub fn skip_to(time: f64) {
 /// * `status` - The `PlayStatus` to get the audio element from, as a signal
 /// * `play` - `true` to play the song, `false` to pause it
 /// 
-pub fn set_playing(play: bool) {
-    GlobalState::play_status().update(|status| {
+pub fn set_playing(status: impl SignalUpdate<Value = PlayStatus>, play: bool) {
+    status.update(|status| {
        if let Some(audio) = status.get_audio() {
            if play {
                if let Err(e) = audio.play() {
@ -109,8 +101,8 @@ pub fn set_playing(play: bool) {
    });
 }

-fn toggle_queue() {
-	GlobalState::play_status().update(|status| {
+fn toggle_queue(status: impl SignalUpdate<Value = PlayStatus>) {
+	status.update(|status| {
 		status.queue_open = !status.queue_open;
 	});

@ -126,8 +118,8 @@ fn toggle_queue() {
 /// * `status` - The `PlayStatus` to get the audio element from, as a signal
 /// * `src` - The source to set the audio player to
 /// 
-fn set_play_src(src: String) {
-    GlobalState::play_status().update(|status| {
+fn set_play_src(status: impl SignalUpdate<Value = PlayStatus>, src: String) {
+    status.update(|status| {
        if let Some(audio) = status.get_audio() {
            audio.set_src(&src);
            log!("Player set src to: {}", src);
@ -139,13 +131,11 @@ fn set_play_src(src: String) {

 /// The play, pause, and skip buttons
 #[component]
-fn PlayControls() -> impl IntoView {
-    let status = GlobalState::play_status();
-
+fn PlayControls(status: RwSignal<PlayStatus>) -> impl IntoView {
    // On click handlers for the skip and play/pause buttons

    let skip_back = move |_| {
-        if let Some(duration) = get_song_time_duration() {
+        if let Some(duration) = get_song_time_duration(status) {
            // Skip to previous song if the current song is near the start
            // Also skip to the previous song if we're at the end of the current song
            // This is because after running out of songs in the queue, the current song will be at the end
@ -162,8 +152,8 @@ fn PlayControls() -> impl IntoView {
                    // Push the popped song to the front of the queue, and play it
                    let next_src = last_played_song.song_path.clone();
                    status.update(|status| status.queue.push_front(last_played_song));
-                    set_play_src(next_src);
-                    set_playing(true);
+                    set_play_src(status, next_src);
+                    set_playing(status, true);
                } else {
                    warn!("Unable to skip back: No previous song");
                }
@ -172,14 +162,14 @@ fn PlayControls() -> impl IntoView {

        // Default to skipping to start of current song, and playing
        log!("Skipping to start of current song");
-        skip_to(0.0);
-        set_playing(true);
+        skip_to(status, 0.0);
+        set_playing(status, true);
    };

    let skip_forward = move |_| {
-		if let Some(duration) = get_song_time_duration() {
-            skip_to(duration.1);
-            set_playing(true);
+		if let Some(duration) = get_song_time_duration(status) {
+            skip_to(status, duration.1);
+            set_playing(status, true);
 		} else {
 			error!("Unable to skip forward: Unable to get current duration");
 		}
@ -187,7 +177,7 @@ fn PlayControls() -> impl IntoView {

    let toggle_play = move |_| {
        let playing = status.with_untracked(|status| { status.playing });
-		set_playing(!playing);
+		set_playing(status, !playing);
    };

    // We use this to prevent the buttons from being focused when clicked
@ -250,163 +240,47 @@ fn PlayDuration(elapsed_secs: MaybeSignal<i64>, total_secs: MaybeSignal<i64>) ->

 /// The name, artist, and album of the current song
 #[component]
-fn MediaInfo() -> impl IntoView {
-    let status = GlobalState::play_status();
-
+fn MediaInfo(status: RwSignal<PlayStatus>) -> impl IntoView {
    let name = Signal::derive(move || {
 		status.with(|status| {
-			status.queue.front().map_or("No media playing".into(), |song| song.title.clone())
+			status.queue.front().map_or("No media playing".into(), |song| song.name.clone())
 		})
    });

 	let artist = Signal::derive(move || {
 		status.with(|status| {
-			status.queue.front().map_or("".into(), |song| format!("{}", Artist::display_list(&song.artists)))
+			status.queue.front().map_or("".into(), |song| song.artist.clone())
 		})
 	});

 	let album = Signal::derive(move || {
 		status.with(|status| {
-			status.queue.front().map_or("".into(), |song|
-                song.album.as_ref().map_or("".into(), |album| album.title.clone()))
+			status.queue.front().map_or("".into(), |song| song.album.clone())
 		})
 	});

 	let image = Signal::derive(move || {
 		status.with(|status| {
-			status.queue.front().map_or("/images/placeholders/MusicPlaceholder.svg".into(),
-                |song| song.image_path.clone())
+			// TODO Use some default / unknown image?
+			status.queue.front().map_or("".into(), |song| song.image_path.clone())
 		})
 	});

    view! {
+        <div class="media-info">
        <img class="media-info-img" align="left" src={image}/>
        <div class="media-info-text">
            {name}
            <br/>
            {artist} - {album}
        </div>
-    }
-}
-
-/// The like and dislike buttons
-#[component]
-fn LikeDislike() -> impl IntoView {
-    let status = GlobalState::play_status();
-
-    let like_icon = Signal::derive(move || {
-        status.with(|status| {
-            match status.queue.front() {
-                Some(SongData { like_dislike: Some((true, _)), .. }) => icondata::TbThumbUpFilled,
-                _ => icondata::TbThumbUp,
-            }
-        })
-    });
-
-    let dislike_icon = Signal::derive(move || {
-        status.with(|status| {
-            match status.queue.front() {
-                Some(SongData { like_dislike: Some((_, true)), .. }) => icondata::TbThumbDownFilled,
-                _ => icondata::TbThumbDown,
-            }
-        })
-    });
-
-    let toggle_like = move |_| {
-        status.update(|status| {
-            match status.queue.front_mut() {
-                Some(SongData { id, like_dislike: Some((liked, disliked)), .. }) => {
-                    *liked = !*liked;
-
-                    if *liked {
-                        *disliked = false;
-                    }
-
-                    let id = *id;
-                    let liked = *liked;
-                    spawn_local(async move {
-                        if let Err(e) = songs::set_like_song(id, liked).await {
-                            error!("Error liking song: {:?}", e);
-                        }
-                    });
-                },
-                Some(SongData { id, like_dislike, .. }) => {
-                    // This arm should only be reached if like_dislike is None
-                    // In this case, the buttons will show up not filled, indicating that the song is not
-                    // liked or disliked. Therefore, clicking the like button should like the song.
-
-                    *like_dislike = Some((true, false));
-
-                    let id = *id;
-                    spawn_local(async move {
-                        if let Err(e) = songs::set_like_song(id, true).await {
-                            error!("Error liking song: {:?}", e);
-                        }
-                    });
-                },
-                _ => {
-                    log!("Unable to like song: No song in queue");
-                    return;
-                }
-            }
-        });
-    };
-
-    let toggle_dislike = move |_| {
-        status.update(|status| {
-            match status.queue.front_mut() {
-                Some(SongData { id, like_dislike: Some((liked, disliked)), .. }) => {
-                    *disliked = !*disliked;
-
-                    if *disliked {
-                        *liked = false;
-                    }
-
-                    let id = *id;
-                    let disliked = *disliked;
-                    spawn_local(async move {
-                        if let Err(e) = songs::set_dislike_song(id, disliked).await {
-                            error!("Error disliking song: {:?}", e);
-                        }
-                    });
-                },
-                Some(SongData { id, like_dislike, .. }) => {
-                    // This arm should only be reached if like_dislike is None
-                    // In this case, the buttons will show up not filled, indicating that the song is not
-                    // liked or disliked. Therefore, clicking the dislike button should dislike the song.
-                    
-                    *like_dislike = Some((false, true));
-
-                    let id = *id;
-                    spawn_local(async move { 
-                        if let Err(e) = songs::set_dislike_song(id, true).await {
-                            error!("Error disliking song: {:?}", e);
-                        }
-                    });
-                },
-                _ => {
-                    log!("Unable to dislike song: No song in queue");
-                    return;
-                }
-            }
-        });
-    };
-
-    view! {
-        <div class="like-dislike">
-            <button on:click=toggle_dislike>
-                <Icon class="controlbtn hmirror" width=SKIP_BTN_SIZE height=SKIP_BTN_SIZE icon=dislike_icon />
-            </button>
-            <button on:click=toggle_like>
-                <Icon class="controlbtn" width=SKIP_BTN_SIZE height=SKIP_BTN_SIZE icon=like_icon />
-            </button>
        </div>
    }
 }

 /// The play progress bar, and click handler for skipping to a certain time in the song
 #[component]
-fn ProgressBar(percentage: MaybeSignal<f64>) -> impl IntoView {
+fn ProgressBar(percentage: MaybeSignal<f64>, status: RwSignal<PlayStatus>) -> impl IntoView {
    // Keep a reference to the progress bar div so we can get its width and calculate the time to skip to
    let progress_bar_ref = create_node_ref::<Div>();

@ -418,10 +292,10 @@ fn ProgressBar(percentage: MaybeSignal<f64>) -> impl IntoView {
            let width = progress_bar.offset_width() as f64;
            let percentage = x_click_pos / width * 100.0;

-			if let Some(duration) = get_song_time_duration() {
+			if let Some(duration) = get_song_time_duration(status) {
 				let time = duration.1 * percentage / 100.0;
-				skip_to(time);
-                set_playing(true);
+				skip_to(status, time);
+                set_playing(status, true);
 			} else {
                error!("Unable to skip to time: Unable to get current duration");
            }
@ -444,13 +318,13 @@ fn ProgressBar(percentage: MaybeSignal<f64>) -> impl IntoView {
 }

 #[component]
-fn QueueToggle() -> impl IntoView {
+fn QueueToggle(status: RwSignal<PlayStatus>) -> impl IntoView {
+
    let update_queue = move |_| {
-        toggle_queue();
-		log!("queue button pressed, queue status: {:?}",
-            GlobalState::play_status().with_untracked(|status| status.queue_open));
+        toggle_queue(status);
+		log!("queue button pressed, queue status: {:?}", status.with_untracked(|status| status.queue_open));
    };
-    
+
 	// We use this to prevent the buttons from being focused when clicked
    // If buttons were focused on clicks, then pressing space bar to play/pause would "click" the button
    // and trigger unwanted behavior
@ -467,37 +341,20 @@ fn QueueToggle() -> impl IntoView {
    }
 }

-/// Renders the title of the page based on the currently playing song
-#[component]
-pub fn CustomTitle() -> impl IntoView {
-    let title = create_memo(move |_| {
-        GlobalState::play_status().with(|play_status| {
-            play_status.queue.front().map_or("LibreTunes".to_string(), |song_data| {
-                    format!("{} - {} | {}",song_data.title.clone(),Artist::display_list(&song_data.artists), "LibreTunes")
-                })
-            })
-        });
-    view! {
-        <Title text=title />
-    }
-}
-
 /// The main play bar component, containing the progress bar, media info, play controls, and play duration
 #[component]
-pub fn PlayBar() -> impl IntoView {
-    let status = GlobalState::play_status();
-
+pub fn PlayBar(status: RwSignal<PlayStatus>) -> impl IntoView {
    // Listen for key down events -- arrow keys don't seem to trigger key press events
    let _arrow_key_handle = window_event_listener(ev::keydown, move |e: ev::KeyboardEvent| {
        if e.key() == "ArrowRight" {
            e.prevent_default();
            log!("Right arrow key pressed, skipping forward by {} seconds", ARROW_KEY_SKIP_TIME);

-            if let Some(duration) = get_song_time_duration() {
+            if let Some(duration) = get_song_time_duration(status) {
                let mut time = duration.0 + ARROW_KEY_SKIP_TIME;
                time = time.clamp(0.0, duration.1);
-                skip_to(time);
-                set_playing(true);
+                skip_to(status, time);
+                set_playing(status, true);
            } else {
                error!("Unable to skip forward: Unable to get current duration");
            }
@ -506,11 +363,11 @@ pub fn PlayBar() -> impl IntoView {
            e.prevent_default();
            log!("Left arrow key pressed, skipping backward by {} seconds", ARROW_KEY_SKIP_TIME);

-            if let Some(duration) = get_song_time_duration() {
+            if let Some(duration) = get_song_time_duration(status) {
                let mut time = duration.0 - ARROW_KEY_SKIP_TIME;
                time = time.clamp(0.0, duration.1);
-                skip_to(time);
-                set_playing(true);
+                skip_to(status, time);
+                set_playing(status, true);
            } else {
                error!("Unable to skip backward: Unable to get current duration");
            }
@ -524,7 +381,7 @@ pub fn PlayBar() -> impl IntoView {
            log!("Space bar pressed, toggling play/pause");

            let playing = status.with_untracked(|status| status.playing);
-            set_playing(!playing);
+            set_playing(status, !playing);
        }
    });

@ -543,7 +400,7 @@ pub fn PlayBar() -> impl IntoView {
        status.with_untracked(|status| {
            // Start playing the first song in the queue, if available
            if let Some(song) = status.queue.front() {
-                log!("Starting playing with song: {}", song.title);
+                log!("Starting playing with song: {}", song.name);

                // Don't use the set_play_src / set_playing helper function
                // here because we already have access to the audio element
@ -560,39 +417,6 @@ pub fn PlayBar() -> impl IntoView {
        });
    });

-    let current_song_id = create_memo(move |_| {
-        status.with(|status| {
-            status.queue.front().map(|song| song.id)
-        })
-    });
-
-    // Track the last song that was added to the history to prevent duplicates
-    let last_history_song_id = create_rw_signal(None);
-
-    let Pausable { 
-        is_active: hist_timeout_pending,
-        resume: resume_hist_timeout,
-        pause: pause_hist_timeout,
-        ..
-    } = use_interval_fn(move || {
-        if last_history_song_id.get_untracked() == current_song_id.get_untracked() {
-            return;
-        }
-
-        if let Some(current_song_id) = current_song_id.get_untracked() {
-            last_history_song_id.set(Some(current_song_id));
-
-            spawn_local(async move {
-                if let Err(e) = crate::api::history::add_history(current_song_id).await {
-                    error!("Error adding song {} to history: {}", current_song_id, e);
-                }
-            });
-        }
-    }, HISTORY_LISTEN_THRESHOLD * 1000);
-
-    // Initially pause the timeout, since the audio starts off paused
-    pause_hist_timeout();
-
    let on_play = move |_| {
        log!("Audio playing");
        status.update(|status| status.playing = true);
@ -601,7 +425,6 @@ pub fn PlayBar() -> impl IntoView {
    let on_pause = move |_| {
        log!("Audio paused");
        status.update(|status| status.playing = false);
-        pause_hist_timeout();
    };

    let on_time_update = move |_| {
@ -619,11 +442,6 @@ pub fn PlayBar() -> impl IntoView {
                error!("Unable to update time: Audio element not available");
            }
        });
-
-        // If time is updated, audio is playing, so make sure the history timeout is running
-        if !hist_timeout_pending.get_untracked() {
-            resume_hist_timeout();
-        }
    };

    let on_end = move |_| {
@ -635,7 +453,7 @@ pub fn PlayBar() -> impl IntoView {
            let prev_song = status.queue.pop_front();

            if let Some(prev_song) = prev_song {
-                log!("Adding song to history: {}", prev_song.title);
+                log!("Adding song to history: {}", prev_song.name);
                status.history.push_back(prev_song);
            } else {
                log!("Queue empty, no previous song to add to history");
@ -667,14 +485,11 @@ pub fn PlayBar() -> impl IntoView {
        <audio _ref=audio_ref on:play=on_play on:pause=on_pause
            on:timeupdate=on_time_update on:ended=on_end type="audio/mpeg" />
        <div class="playbar">
-        <ProgressBar percentage=percentage.into() />
-        <div class="playbar-left-group">
-        <MediaInfo />
-        <LikeDislike />
-        </div>
-        <PlayControls />
+        <ProgressBar percentage=percentage.into() status=status />
+        <MediaInfo status=status />
+        <PlayControls status=status />
        <PlayDuration elapsed_secs=elapsed_secs.into() total_secs=total_secs.into() />
-        <QueueToggle />
+        <QueueToggle status=status />
        </div>
    }
 }
--- a/src/queue.rs
+++ b/src/queue.rs
@ -1,6 +1,5 @@
-use crate::models::Artist;
+use crate::playstatus::PlayStatus;
 use crate::song::Song;
-use crate::util::state::GlobalState;
 use leptos::ev::MouseEvent;
 use leptos::leptos_dom::*;
 use leptos::*;
@ -9,23 +8,22 @@ use leptos::ev::DragEvent;

 const RM_BTN_SIZE: &str = "2.5rem";

-fn remove_song_fn(index: usize) {
+fn remove_song_fn(index: usize, status: RwSignal<PlayStatus>) {
 	if index == 0 {
 		log!("Error: Trying to remove currently playing song (index 0) from queue");
 	} else {
 		log!("Remove Song from Queue: Song is not currently playing, deleting song from queue and not adding to history");
-		GlobalState::play_status().update(|status| {
+		status.update(|status| {
 			status.queue.remove(index);
 		});
 	}
 }

 #[component]
-pub fn Queue() -> impl IntoView {
-	let status = GlobalState::play_status();
+pub fn Queue(status: RwSignal<PlayStatus>) -> impl IntoView {

 	let remove_song = move |index: usize| {
-		remove_song_fn(index);
+		remove_song_fn(index, status);
 		log!("Removed song {}", index + 1);
 	};

@ -100,7 +98,7 @@ pub fn Queue() -> impl IntoView {
 									on:dragenter=move |e: DragEvent| on_drag_enter(e, index)
 									on:dragover=on_drag_over
 								>
-									<Song song_image_path=song.image_path.clone() song_title=song.title.clone() song_artist=Artist::display_list(&song.artists) />
+									<Song song_image_path=song.image_path.clone() song_title=song.name.clone() song_artist=song.artist.clone() />
 									<Show
 										when=move || index != 0
 										fallback=|| view!{
--- a/src/schema.rs
+++ b/src/schema.rs
@ -23,39 +23,6 @@ diesel::table! {
    }
 }

-diesel::table! {
-    friend_requests (from_id, to_id) {
-        created_at -> Timestamp,
-        from_id -> Int4,
-        to_id -> Int4,
-    }
-}
-
-diesel::table! {
-    friendships (friend_1_id, friend_2_id) {
-        created_at -> Timestamp,
-        friend_1_id -> Int4,
-        friend_2_id -> Int4,
-    }
-}
-
-diesel::table! {
-    playlist_songs (playlist_id, song_id) {
-        playlist_id -> Int4,
-        song_id -> Int4,
-    }
-}
-
-diesel::table! {
-    playlists (id) {
-        id -> Int4,
-        created_at -> Timestamp,
-        updated_at -> Timestamp,
-        owner_id -> Int4,
-        name -> Text,
-    }
-}
-
 diesel::table! {
    song_artists (song_id, artist_id) {
        song_id -> Int4,
@ -63,29 +30,6 @@ diesel::table! {
    }
 }

-diesel::table! {
-    song_dislikes (song_id, user_id) {
-        song_id -> Int4,
-        user_id -> Int4,
-    }
-}
-
-diesel::table! {
-    song_history (id) {
-        id -> Int4,
-        user_id -> Int4,
-        date -> Timestamp,
-        song_id -> Int4,
-    }
-}
-
-diesel::table! {
-    song_likes (song_id, user_id) {
-        song_id -> Int4,
-        user_id -> Int4,
-    }
-}
-
 diesel::table! {
    songs (id) {
        id -> Int4,
@ -112,31 +56,15 @@ diesel::table! {

 diesel::joinable!(album_artists -> albums (album_id));
 diesel::joinable!(album_artists -> artists (artist_id));
-diesel::joinable!(playlist_songs -> playlists (playlist_id));
-diesel::joinable!(playlist_songs -> songs (song_id));
-diesel::joinable!(playlists -> users (owner_id));
 diesel::joinable!(song_artists -> artists (artist_id));
 diesel::joinable!(song_artists -> songs (song_id));
-diesel::joinable!(song_dislikes -> songs (song_id));
-diesel::joinable!(song_dislikes -> users (user_id));
-diesel::joinable!(song_history -> songs (song_id));
-diesel::joinable!(song_history -> users (user_id));
-diesel::joinable!(song_likes -> songs (song_id));
-diesel::joinable!(song_likes -> users (user_id));
 diesel::joinable!(songs -> albums (album_id));

 diesel::allow_tables_to_appear_in_same_query!(
    album_artists,
    albums,
    artists,
-    friend_requests,
-    friendships,
-    playlist_songs,
-    playlists,
    song_artists,
-    song_dislikes,
-    song_history,
-    song_likes,
    songs,
    users,
 );
--- a/src/songdata.rs
+++ b/src/songdata.rs
@ -1,82 +1,16 @@
-use crate::models::{Album, Artist, Song};
-use crate::components::dashboard_tile::DashboardTile;
-
-use serde::{Serialize, Deserialize};
-use chrono::NaiveDate;
-
 /// Holds information about a song
-/// 
-/// Intended to be used in the front-end, as it includes artist and album objects, rather than just their ids.
-#[derive(Serialize, Deserialize, Clone)]
+#[derive(Debug, Clone)]
 pub struct SongData {
-	/// Song id
-	pub id: i32,
 	/// Song name
-	pub title: String,
-	/// Song artists
-	pub artists: Vec<Artist>,
+	pub name: String,
+	/// Song artist
+	pub artist: String,
 	/// Song album
-	pub album: Option<Album>,
-	/// The track number of the song on the album
-	pub track: Option<i32>,
-	/// The duration of the song in seconds
-	pub duration: i32,
-	/// The song's release date
-	pub release_date: Option<NaiveDate>,
+	pub album: String,
 	/// Path to song file, relative to the root of the web server.
 	/// For example, `"/assets/audio/Song.mp3"`
 	pub song_path: String,
 	/// Path to song image, relative to the root of the web server.
 	/// For example, `"/assets/images/Song.jpg"`
 	pub image_path: String,
-	/// Whether the song is liked by the user
-	pub like_dislike: Option<(bool, bool)>,
-}
-
-
-impl TryInto<Song> for SongData {
-	type Error = Box<dyn std::error::Error>;
-
-	/// Convert a SongData object into a Song object
-	/// 
-	/// The SongData/Song conversions are also not truly reversible,
-	/// due to the way the image_path data is handled.
-	fn try_into(self) -> Result<Song, Self::Error> {
-		Ok(Song {
-			id: Some(self.id),
-			title: self.title,
-			album_id: self.album.map(|album|
-				album.id.ok_or("Album id must be present (Some) to convert to Song")).transpose()?,
-			track: self.track,
-			duration: self.duration,
-			release_date: self.release_date,
-			storage_path: self.song_path,
-
-			// Note that if the source of the image_path was the album, the image_path
-			// will be set to the album's image_path instead of None
-			image_path: if self.image_path == "/assets/images/placeholder.jpg" {
-				None
-			} else {
-				Some(self.image_path)
-			},
-		})
-	}
-}
-
-impl DashboardTile for SongData {
-	fn image_path(&self) -> String {
-		self.image_path.clone()
-	}
-
-	fn title(&self) -> String {
-		self.title.clone()
-	}
-
-	fn link(&self) -> String {
-		format!("/song/{}", self.id)
-	}
-
-	fn description(&self) -> Option<String> {
-		Some(format!("Song • {}", Artist::display_list(&self.artists)))
-	}
 }
--- a/src/upload.rs
+++ b/src/upload.rs
@ -10,7 +10,7 @@ cfg_if! {
 		use diesel::prelude::*;
 		use log::*;
 		use server_fn::error::NoCustomError;
-		use chrono::NaiveDate;
+		use time::Date;
 	}
 }

@ -124,14 +124,15 @@ async fn validate_track_number(track_number: Field<'static>) -> Result<Option<i3
 /// Validate the release date in a multipart field
 /// Expects a field with a release date, and ensures it is a valid date in the format [year]-[month]-[day]
 #[cfg(feature = "ssr")]
-async fn validate_release_date(release_date: Field<'static>) -> Result<Option<NaiveDate>, ServerFnError> {
+async fn validate_release_date(release_date: Field<'static>) -> Result<Option<Date>, ServerFnError> {
 	match release_date.text().await {
 		Ok(release_date) => {
 			if release_date.trim().is_empty() {
 				return Ok(None);
 			}

-			let release_date = NaiveDate::parse_from_str(&release_date.trim(), "%Y-%m-%d");
+			let date_format = time::macros::format_description!("[year]-[month]-[day]");
+			let release_date = Date::parse(&release_date.trim(), date_format);

 			match release_date {
 				Ok(release_date) => Ok(Some(release_date)),
@ -180,7 +181,8 @@ pub async fn upload(data: MultipartData) -> Result<(), ServerFnError> {
 					ServerError("Title field required and must precede file field".to_string()))?;

 				let clean_title = title.replace(" ", "_").replace("/", "_");
-				let date_str = chrono::Utc::now().format("%Y-%m-%d_%H:%M:%S").to_string();
+				let date_format = time::macros::format_description!("[year]-[month]-[day]_[hour]:[minute]:[second]");
+				let date_str = time::OffsetDateTime::now_utc().format(date_format).unwrap_or_default();
 				let upload_path = format!("assets/audio/upload-{}_{}.mp3", date_str, clean_title);
 				file_name = Some(format!("upload-{}_{}.mp3", date_str, clean_title));

--- a/src/users.rs
+++ b/src/users.rs
@ -117,7 +117,7 @@ pub async fn validate_user(credentials: UserCredentials) -> Result<Option<User>,

 /// Get a user from the database by username or email
 /// Returns a Result with the user if found, None if not found, or an error if there was a problem
-#[server(endpoint = "find_user")]
+#[server(endpoint = "get_user")]
 pub async fn get_user(username_or_email: String) -> Result<Option<User>, ServerFnError> {
 	let mut user = find_user(username_or_email).await?;

@ -128,15 +128,3 @@ pub async fn get_user(username_or_email: String) -> Result<Option<User>, ServerF

 	Ok(user)
 }
-
-#[server(endpoint = "get_user_by_id")]
-pub async fn get_user_by_id(user_id: i32) -> Result<Option<User>, ServerFnError> {
-	let mut user = find_user_by_id(user_id).await?;
-
-	// Remove the password hash before returning the user
-	if let Some(user) = user.as_mut() {
-		user.password = None;
-	}
-
-	Ok(user)
-}
--- a/src/util/mod.rs
+++ b/src/util/mod.rs
@ -3,8 +3,5 @@ use cfg_if::cfg_if;
 cfg_if! {
 	if #[cfg(feature = "ssr")] {
 		pub mod audio;
-		pub mod require_auth;
 	}
 }
-
-pub mod state;
--- a/src/util/require_auth.rs
+++ b/src/util/require_auth.rs
@ -1,46 +0,0 @@
-use axum::extract::Request;
-use axum::response::Response;
-use axum::body::Body;
-use axum::middleware::Next;
-use axum_login::AuthSession;
-use http::StatusCode;
-
-use crate::auth_backend::AuthBackend;
-
-use axum::extract::FromRequestParts;
-
-// Things in pkg/ are allowed automatically. This includes the CSS/JS/WASM files
-const ALLOWED_PATHS: [&str; 5] = ["/login", "/signup", "/api/login", "/api/signup", "/favicon.ico"];
-
-/**
- * Middleware to require authentication for all paths except those in ALLOWED_PATHS
- * 
- * If a user is not authenticated, they will be redirected to the login page
- */
-pub async fn require_auth_middleware(req: Request, next: Next) -> Result<Response<Body>, (StatusCode, &'static str)> {
-	let path = req.uri().path();
-
-	if !ALLOWED_PATHS.iter().any(|&x| x == path) {
-		let (mut parts, body) = req.into_parts();
-
-		let auth_session = AuthSession::<AuthBackend>::from_request_parts(&mut parts, &())
-			.await?;
-
-		if auth_session.user.is_none() {
-			let response = Response::builder()
-				.status(StatusCode::TEMPORARY_REDIRECT)
-				.header("Location", "/login")
-				.body(Body::empty())
-				.map_err(|_| (StatusCode::INTERNAL_SERVER_ERROR, "Failed to build response"))?;
-
-			return Ok(response);
-		}
-
-		let req = Request::from_parts(parts, body);
-		let response = next.run(req).await;
-		Ok(response)
-	} else {
-		let response = next.run(req).await;
-		Ok(response)
-	}
-}
--- a/src/util/state.rs
+++ b/src/util/state.rs
@ -1,49 +0,0 @@
-use leptos::*;
-use leptos::logging::*;
-
-use crate::playstatus::PlayStatus;
-use crate::models::User;
-use crate::auth::get_logged_in_user;
-
-/// Global front-end state
-/// Contains anything frequently needed across multiple components
-/// Behaves like a singleton, in that provide/expect_context will
-/// always return the same instance
-#[derive(Clone)]
-pub struct GlobalState {
-	/// A resource that fetches the logged in user
-	/// This will not automatically refetch, so any login/logout related code
-	/// should call `refetch` on this resource
-    pub logged_in_user: Resource<(), Option<User>>,
-
-    /// The current play status
-    pub play_status: RwSignal<PlayStatus>,
-}
-
-impl GlobalState {
-    pub fn new() -> Self {
-        let play_status = create_rw_signal(PlayStatus::default());
-
-        let logged_in_user = create_resource(|| (), |_| async {
-            get_logged_in_user().await
-                .inspect_err(|e| {
-                    error!("Error getting logged in user: {:?}", e);
-                })
-                .ok()
-                .flatten()
-        });
-
-        Self {
-            logged_in_user,
-            play_status,
-        }
-    }
-
-    pub fn logged_in_user() -> Resource<(), Option<User>> {
-        expect_context::<Self>().logged_in_user
-    }
-
-    pub fn play_status() -> RwSignal<PlayStatus> {
-        expect_context::<Self>().play_status
-    }
-}
--- a/style/addAlbum.scss
+++ b/style/addAlbum.scss
@ -0,0 +1,135 @@
+@import "theme.scss";
+
+.add-album-container {
+    position: fixed;
+    top: 45%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    width: 30rem;
+    height: 24rem;
+    border: 1px solid white;
+    border-radius: 5px;
+    padding: 1rem;
+    padding-top: 0;
+    z-index: 2;
+    display: flex;
+    flex-direction: column;
+    background-color: #1c1c1c;
+    z-index: 11;
+    .upload-header {
+        font-size: .7rem;
+        font-weight: 300;
+        padding-bottom: 0;
+        border-bottom: 1px solid white;
+        font-family: "Roboto", sans-serif;
+    }
+    .close-button {
+        position: absolute;
+        top: 5px;
+        right: 5px;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        cursor: pointer;
+        border-radius: 50%;
+        font-size: 1.6rem;
+        transition: all 0.3s;
+        border: none;
+
+    }
+    .close-button:hover {
+        transform: scale(1.1);
+    background-color: rgba(255, 255, 255, 0.1);
+    }
+    .close-button:active {
+        transform: scale(0.8);
+    }
+    .create-album-form {
+        width:100%;
+        height: 100%;
+        position: relative;
+        .input-bx{
+            position: relative;
+            margin-top: 1rem;
+            width: 300px;
+            input{
+                width: 100%;
+                padding: 10px;
+                border: 2px solid #7f8fa6;
+                border-radius: 5px;
+                outline: none;
+                font-size: 1rem;
+                transition: 0.6s;
+                background-color: transparent;
+            }
+            span{
+                position: absolute;
+                left: 0;
+                top: 1px;
+                padding: 10px;
+                font-size: 1rem;
+                color: #7f8fa6;
+                text-transform: uppercase;
+                pointer-events: none;
+                transition: 0.6s;
+                background-color: transparent;
+            }
+            input:valid ~ span,
+            input:focus ~ span{
+                color: #fff;
+                transform: translateX(10px) translateY(-7px);
+                font-size: 0.65rem;
+                font-weight: 600;
+                padding: 0 10px;
+                background: #1c1c1c;
+                letter-spacing: 0.1rem;
+            }
+            input:valid,
+            input:focus{
+                color: #fff;
+                border: 2px solid #fff;
+            }
+
+        }
+        .release-date {
+            margin-top: 1rem;
+            font-size: 1.2rem;
+            color: #7f8fa6;
+            font-family: "Roboto", sans-serif;
+            display: flex;
+            align-items: center;
+            .left {
+                display: flex;
+                flex-direction: column;
+                margin-left: 5px;
+                margin-right: 10px;
+            }
+            span {
+                font-size: .85rem;
+            }
+            input {
+                padding: 8px;
+            }
+        }
+        .upload-button {
+            position: absolute;
+            bottom: 5px;
+            margin-top: 1rem;
+            padding: 10px;
+            background-color: #7f8fa6;
+            color: #fff;
+            width: 100%;
+            font-size: 1rem;
+            font-family: "Roboto", sans-serif;
+            border: none;
+            border-radius: 5px;
+            cursor: pointer;
+            transition: 0.3s;
+            &:hover {
+                background-color: #fff;
+                color: #7f8fa6;
+            }
+        }
+    }
+    
+}
--- a/style/addArtist.scss
+++ b/style/addArtist.scss
@ -0,0 +1,115 @@
+@import "theme.scss";
+
+.add-artist-container {
+    position: fixed;
+    top: 45%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    width: 30rem;
+    height: 15rem;
+    border: 1px solid white;
+    border-radius: 5px;
+    padding: 1rem;
+    padding-top: 0;
+    z-index: 2;
+    display: flex;
+    flex-direction: column;
+    background-color: #1c1c1c;
+    z-index: 11;
+    .upload-header {
+        font-size: .7rem;
+        font-weight: 300;
+        padding-bottom: 0;
+        border-bottom: 1px solid white;
+        font-family: "Roboto", sans-serif;
+    }
+    .close-button {
+        position: absolute;
+        top: 5px;
+        right: 5px;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        cursor: pointer;
+        border-radius: 50%;
+        font-size: 1.6rem;
+        transition: all 0.3s;
+        border: none;
+
+    }
+    .close-button:hover {
+        transform: scale(1.1);
+    background-color: rgba(255, 255, 255, 0.1);
+    }
+    .close-button:active {
+        transform: scale(0.8);
+    }
+    .create-artist-form {
+        width:100%;
+        height: 100%;
+        position: relative;
+        .input-bx{
+            margin-top: 1rem;
+            width: 300px;
+            position: relative;
+            input{
+                width: 100%;
+                padding: 10px;
+                border: 2px solid #7f8fa6;
+                border-radius: 5px;
+                outline: none;
+                font-size: 1rem;
+                transition: 0.6s;
+                background-color: transparent;
+            }
+            span{
+                position: absolute;
+                left: 0;
+                top: 1px;
+                padding: 10px;
+                font-size: 1rem;
+                color: #7f8fa6;
+                text-transform: uppercase;
+                pointer-events: none;
+                transition: 0.6s;
+                background-color: transparent;
+            }
+            input:valid ~ span,
+            input:focus ~ span{
+                color: #fff;
+                transform: translateX(10px) translateY(-7px);
+                font-size: 0.65rem;
+                font-weight: 600;
+                padding: 0 10px;
+                background: #1c1c1c;
+                letter-spacing: 0.1rem;
+            }
+            input:valid,
+            input:focus{
+                color: #fff;
+                border: 2px solid #fff;
+            }
+
+        }
+        .upload-button {
+            position: absolute;
+            bottom: 5px;
+            margin-top: 1rem;
+            padding: 10px;
+            background-color: #7f8fa6;
+            color: #fff;
+            width: 100%;
+            font-size: 1rem;
+            font-family: "Roboto", sans-serif;
+            border: none;
+            border-radius: 5px;
+            cursor: pointer;
+            transition: 0.3s;
+            &:hover {
+                background-color: #fff;
+                color: #7f8fa6;
+            }
+        }
+    }
+    
+}
--- a/style/album_page.scss
+++ b/style/album_page.scss
@ -1,80 +0,0 @@
-@import 'theme.scss';
-
-.album-page-container {
-	width: 90vw;
-
-	.album-header {
-		height: 40vh;
-		width: 65vw;
-		margin: auto;
-		
-
-		padding:20px;
-
-		background-image: linear-gradient($accent-color, $background-color);
-		border-radius: 15px;
-
-		.album-info {
-			width: 100%;
-			height: 100%;
-		}
-	}
-}
-
-.album-info {
-	display: flex;
-	flex-flow: row nowrap;
-	justify-content: space-around;
-
-	.album-image {
-		max-width: 80%;
-		max-height: 80%;
-		box-shadow: 10px 10px 50px -10px $background-color;
-	}
-
-	.album-body {
-		display: flex;
-		flex-flow: column nowrap;
-		justify-content: center;
-
-		.album-title {
-			color: $text-controls-color;
-			font-size: 40px;
-			font-weight: bold;
-			margin:15px;
-			text-align: center;
-		}
-
-		.album-artists {
-			display: flex;
-			flex-flow: row wrap;
-			justify-content: space-around;
-			align-content: space-around;
-			margin:15px;
-
-			color: $text-controls-color;
-			font-size: 20px;
-			
-			.album-artist {
-				margin: 5px;
-				text-align: center;
-				text-decoration: underline;
-			}
-		}
-	}
-
-	a {
-		color: $text-controls-color;
-	}
-	a:visited {
-		color: $text-controls-color;
-	  }
-	a:hover {
-		color: $controls-hover-color;
-	}
-
-	a:active {
-		color: $controls-click-color;
-	}
-	
-}
--- a/style/dashboard.scss
+++ b/style/dashboard.scss
@ -1,6 +1,7 @@
@import "theme.scss";

 .dashboard-container {
+  width: calc(100% - 22rem - 16rem);
  .dashboard-header {
    font-size: 1.2rem;
    font-weight: 300;
--- a/style/dashboard_row.scss
+++ b/style/dashboard_row.scss
@ -1,45 +0,0 @@
-.dashboard-tile-row {
-	.dashboard-tile-row-title-row {
-		display: flex;
-
-		.dashboard-tile-row-scroll-btn {
-			margin-left: auto;
-			margin-top: auto;
-			margin-bottom: auto;
-
-			button {
-				background-color: transparent;
-				border: none;
-				
-				.dashboard-tile-row-scroll {
-					color: $text-controls-color;
-					width: 2.5rem;
-					height: 2.5rem;
-				}
-				
-				.dashboard-tile-row-scroll:hover {
-					color: $controls-hover-color;
-				}
-				
-				.dashboard-tile-row-scroll:active {
-					color: $controls-click-color;
-				}
-			}
-		}
-	}
-
-	ul {
-		display: flex;
-		overflow-x: hidden;
-		scroll-behavior: smooth;
-		margin-left: 40px;
-		padding-inline-start: 0;
-
-		li {
-			list-style-type: none;
-	  	}
-
-		-webkit-mask-image: linear-gradient(90deg, #000000 95%, transparent);
-		mask-image: linear-gradient(90deg, #000000 95%, transparent);
-	}
-}
--- a/style/dashboard_tile.scss
+++ b/style/dashboard_tile.scss
@ -1,28 +0,0 @@
-.dashboard-tile {
-	img {
-		width: $dashboard-tile-size;
-		height: $dashboard-tile-size;
-		border-radius: 7px;
-		margin-right: 20px;
-	}
-
-	a {
-		text-decoration: none;
-		color: $text-controls-color;
-	}
-
-	p.dashboard-tile-title {
-		font-size: 16px;
-		font-weight: bold;
-		margin: 0;
-		padding: 0;
-	}
-
-	p.dashboard-tile-description {
-		font-size: 12px;
-		margin: 0;
-		padding: 0;
-	}
-	
-	margin-right: 10px;
-}
--- a/style/error.scss
+++ b/style/error.scss
@ -1,18 +0,0 @@
-.error-container {
-	.error-header {
-		display: inline-grid;
-
-		svg {
-			width: 30px;
-			height: 30px;
-			grid-row-start: 1;
-			align-self: center;
-			padding-right: 10px;
-		}
-
-		h1 {
-			grid-row-start: 1;
-			align-self: center;
-		}
-	}
-}
--- a/style/home.scss
+++ b/style/home.scss
@ -6,12 +6,12 @@
  height: 100vh;
  display: flex;
  flex-direction: row;
+  overflow: hidden;
 }
 .home-component {
  background: #1c1c1c;
-  width: calc(100% - 22rem - 16rem);
+  height: 100vh;
  margin: 2px;
-  padding: 0.2rem 1.5rem $playbar-size 1rem;
+  padding: 0.2rem 1.5rem 1.5rem 1rem;
  border-radius: 0.5rem;
-  overflow: scroll;
 }
--- a/style/loading.scss
+++ b/style/loading.scss
@ -1,59 +0,0 @@
-@import "theme.scss";
-
-.loading-page {
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	height: 100%;
-}
-
-.loading {
-	position: relative;
-	width: 10px;
-	height: 10px;
-	border-radius: 5px;
-	margin: 10px;
-	background-color: $accent-color;
-	color: $accent-color;
-	animation: dot-flashing 1s infinite linear alternate;
-	animation-delay: 0.5s;
-}
-
-.loading::before, .loading::after {
-	content: "";
-	display: inline-block;
-	position: absolute;
-	top: 0;
-}
-
-.loading::before {
-	left: -15px;
-	width: 10px;
-	height: 10px;
-	border-radius: 5px;
-	background-color: $accent-color;
-	color: $accent-color;
-	animation: dot-flashing 1s infinite alternate;
-	animation-delay: 0s;
-}
-
-.loading::after {
-	left: 15px;
-	width: 10px;
-	height: 10px;
-	border-radius: 5px;
-	background-color: $accent-color;
-	color: $accent-color;
-	animation: dot-flashing 1s infinite alternate;
-	animation-delay: 1s;
-}
-
-@keyframes dot-flashing {
-	0% {
-		background-color: $accent-color;
-	}
-
-	50%, 100% {
-		background-color: $controls-hover-color;
-	}
-}
--- a/style/login.scss
+++ b/style/login.scss
@ -8,7 +8,7 @@
  top: 50%;
  left: 50%;
  width: 27rem;
-  height: 31rem;
+  height: 30rem;
  transform: translate(-50%, -50%);
  background: $auth-containers;
  z-index: 1;
@ -96,17 +96,6 @@
  color: #fff;
  transition: all 0.2s;
 }
-.login-form .error-msg {
-  color: $error-color;
-  margin-top: 1rem;
-  height: 1rem;
-}
-.login-form .loading {
-  margin-top: 4.5rem;
-  margin-left: auto;
-  margin-right: auto;
-  margin-bottom: calc(1.5rem - 10px);
-}
 .login-form input[type="submit"] {
  margin-top: 3rem;
  width: 100%;
--- a/style/main.scss
+++ b/style/main.scss
@ -8,14 +8,9 @@
@import 'home.scss';
@import 'search.scss';
@import 'personal.scss';
-@import 'dashboard_tile.scss';
-@import 'dashboard_row.scss';
@import 'upload.scss';
-@import 'error.scss';
-@import 'song_list.scss';
-@import 'profile.scss';
-@import 'loading.scss';
-@import 'album_page.scss';
+@import 'addArtist.scss';
+@import 'addAlbum.scss';

 body {
  font-family: sans-serif;
--- a/style/personal.scss
+++ b/style/personal.scss
@ -3,6 +3,7 @@
 .personal-container {
  width: 16rem;
  background: #1c1c1c;
+  height: 100vh;
  margin: 2px;
  border-radius: 0.5rem;

@ -11,19 +12,9 @@
    border-radius: 0.4rem;
    margin: 0.2rem;
    min-height: 6rem;
-    border: 0.2rem solid rgba(89, 89, 89, 0.199);
+    border: 2px solid rgba(89, 89, 89, 0.199);
    padding: 0.5rem;

-    .profile-name {
-      display: flex;
-      flex-direction: column;
-      margin-left: 0.5rem;
-      h1 {
-        font-size: 1.2rem;
-        margin: 0;
-      }
-    }
-
    .profile-icon {
      display: inline-flex;
      padding: 0.2rem;
@ -31,23 +22,17 @@
      font-size: 2rem;
      border-radius: 50%;
      transition: all 0.3s;
-      height: 45;
-      width: 45;
+      height: max-content;
      margin-left: auto;
-      .profile-image {
-        width: 100%;
-        height: 100%;
-        border-radius: 50%;
-      }
    }

    .profile-icon:hover {
-      transform: scale(1.05);
+      transform: scale(1.1);
      background-color: rgba(255, 255, 255, 0.1);
    }

    .profile-icon:active {
-      transform: scale(0.95);
+      transform: scale(0.8);
    }
    .dropdown-container {
      position: absolute;
@ -57,10 +42,10 @@
      border-radius: 0.5rem;
      width: 10rem;
      z-index: 1;
-      background-color: #1c1c1c;
-      border: 0.2rem solid rgba(89, 89, 89, 0.199);
+      background-color: red;
+      border: 1px solid grey;

-      .dropdown-logged {
+      .dropdown-not-logged {
        display: flex;
        flex-direction: column;
        width: 100%;
@ -69,29 +54,21 @@
        h1 {
          font-size: 1.2rem;
        }
-        .profile-info {
-          display: flex;
-          width: 100%;
-          justify-content: center;
-          border-top: 0.2rem solid rgba(89, 89, 89, 0.199);
-          border-bottom: 0.2rem solid rgba(89, 89, 89, 0.199);
-          h1 {
-            font-size: 1rem;
-            margin-top: 0.5rem;
-          }
-        }
        .auth-button {
-          margin-top: 0.5rem;
-          padding: 0.5rem;
-          border-radius: 0.5rem;
-          background-color: #1c1c1c;
-          border: 0.2rem solid rgba(89, 89, 89, 0.199);
-          color: white;
-          cursor: pointer;
-          transition: all 0.3s;
-          margin-bottom: 0.5rem;
        }
      }
    }
+    .dropdown-container:before {
+      content: "";
+      position: absolute;
+      top: -0.4rem;
+      right: 0.92rem;
+      width: 10px;
+      height: 10px;
+      transform: rotate(45deg);
+      background-color: red;
+      border-left: 1px solid grey;
+      border-top: 1px solid grey;
+    }
  }
 }
--- a/style/playbar.scss
+++ b/style/playbar.scss
@ -2,7 +2,7 @@

 .playbar {
 	width: 100%;
-	height: $playbar-size;
+	height: 75px;
 	background-color: $play-bar-background-color;
 	opacity: 0.9;
 	position: fixed;
@ -39,12 +39,15 @@
 		}
 	}

-	.playbar-left-group {
-		display: flex;
+	.media-info {
+		font-size: 16;
+		margin-left: 10px;
+
 		position: absolute;
 		top: 50%;
 		transform: translateY(-50%);
-		margin-left: 10px;
+		display: grid;
+		grid-template-columns: 50px 1fr;

 		.media-info-img {
 			width: 50px;
@ -54,10 +57,6 @@
 			text-align: left;
 			margin-left: 10px;
 		}
-
-		.like-dislike {
-			margin-left: 20px;
-		}
 	}

 	.playcontrols {
@ -65,6 +64,23 @@
 		flex-direction: row;
 		justify-content: center;
 		align-items: center;
+
+		button {
+			.controlbtn {
+				color: $text-controls-color;
+			}
+
+			.controlbtn:hover {
+				color: $controls-hover-color;
+			}
+
+			.controlbtn:active {
+				color: $controls-click-color;
+			}
+	
+			background-color: transparent;
+			border: transparent;
+		}
 	}

 	.playduration {
@ -78,30 +94,22 @@
 		bottom: 13px;
 		top: 13px;
 		right: 90px;
-	}

-	button {
-		.hmirror {
-			-moz-transform: scale(-1, 1);
-			-webkit-transform: scale(-1, 1);
-			-o-transform: scale(-1, 1);
-			-ms-transform: scale(-1, 1);
-			transform: scale(-1, 1);
+		button {
+			.controlbtn {
+				color: $text-controls-color;
+			}
+
+			.controlbtn:hover {
+				color: $controls-hover-color;
+			}
+
+			.controlbtn:active {
+				color: $controls-click-color;
+			}
+	
+			background-color: transparent;
+			border: transparent;
 		}
-
-		.controlbtn {
-			color: $text-controls-color;
-		}
-
-		.controlbtn:hover {
-			color: $controls-hover-color;
-		}
-
-		.controlbtn:active {
-			color: $controls-click-color;
-		}
-
-		background-color: transparent;
-		border: transparent;
 	}
 }
--- a/style/profile.scss
+++ b/style/profile.scss
@ -1,36 +0,0 @@
-@import 'theme.scss';
-
-.profile-container {
-	.profile-header {
-		display: flex;
-		
-		.profile-image {
-			width: 75px;
-			height: 75px;
-			border-radius: 50%;
-			padding: 10px;
-			padding-bottom: 5px;
-			margin-top: auto;
-			margin-bottom: auto;
-
-			svg {
-				padding: 0;
-				margin: 0;
-			}
-		}
-		
-		h1 {
-			font-size: 40px;
-			align-self: center;
-			padding: 10px;
-			padding-bottom: 5px;
-		}
-	}
-
-	.profile-details {
-		p {
-			font-size: 1rem;
-			margin: 0.5rem;
-		}
-	}
-}
--- a/style/search.scss
+++ b/style/search.scss
@ -1,4 +1,6 @@
@import "theme.scss";

 .search-container {
+  width: calc(100% - 22rem - 16rem);
+  
 }
--- a/style/sidebar.scss
+++ b/style/sidebar.scss
@ -11,35 +11,71 @@
    margin: 3px;
    padding: 0.1rem 1rem 1rem 1rem;
    position: relative;
+    .upload-overlay {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100vw;
+      height: 100vh;
+      background-color: rgba(0, 0, 0, 0.5);
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+      z-index: 10;
+    }
    .header {
      font-size: 1.2rem;
    }
-    .upload-btn {
+    .upload-dropdown-container {
      position: absolute;
      top: 10px;
      right: 7px;
-      display: flex;
-      flex-direction: row;
-      align-items: center;
-      justify-content: center;
-      font-size: 0.9rem;
-      border-radius: 50px;
-      border: none;
-      height: 2.2rem;
-      padding-right: 1rem;
-      padding-left: 1rem;
-      cursor: pointer;
-      transition: background-color 0.3s ease;
-      .add-sign {
-        font-size: 1.5rem;
-        margin-top: auto;
-        margin-right: 5px;
-        color: white;
+      .upload-dropdown-btn {
+        display: flex;
+        flex-direction: row;
+        justify-content: center;
+        font-size: 0.9rem;
+        border-radius: 50px;
+        border: none;
+        height: 2.2rem;
+        padding-right: 1rem;
+        padding-left: 1rem;
+        cursor: pointer;
+        transition: all 0.3s ease;
+        .add-sign {
+          font-size: 1.5rem;
+          margin-top: auto;
+        }
+      }
+      .upload-dropdown-btn:hover {
+        background-color: #9e9e9e;
+      }
+      .upload-dropdown-btn-active {
+        border-radius: 12.5px 12.5px 0 0;
+        width: 110px;
+      }
+      .upload-dropdown {
+        background-color: #f0ecec;
+        color: black;
+        width: 110px;
+        border-radius: 0 0 5px 5px;
+        .add-btns {
+          border: none;
+          border-bottom: 1px solid black;
+          width: 100%;
+          padding: 0.25rem;
+          cursor: pointer;
+        }
+        .add-btns:first-child {
+          border-top: 1px solid black;
+        }
+        .add-btns:last-child {
+          border-radius: 0 0 5px 5px;
+        }
      }
    }
-    .upload-btn:hover {
-      background-color: #9e9e9e;
-    }
+    
    .buttons {
      display: flex;
      flex-direction: row;
--- a/style/signup.scss
+++ b/style/signup.scss
@ -17,7 +17,7 @@
  top: 50%;
  left: 50%;
  width: 27rem;
-  height: 36rem;
+  height: 35rem;
  transform: translate(-50%, -50%);
  background: $auth-containers;
  z-index: 1;
@ -92,17 +92,7 @@
 .signup-form .input-box input:focus ~ i {
  height: 2.6rem;
 }
-.signup-form .error-msg {
-  color: $error-color;
-  margin-top: 1rem;
-  height: 1rem;
-}
-.signup-form .loading {
-  margin-top: 4.5rem;
-  margin-left: auto;
-  margin-right: auto;
-  margin-bottom: calc(1.5rem - 10px);
-}
+
 .signup-form input[type="submit"] {
  margin-top: 3.5rem;
  width: 100%;
--- a/style/song_list.scss
+++ b/style/song_list.scss
@ -1,124 +0,0 @@
-table.song-list {
-	width: 100%;
-	border-collapse: collapse;
-
-	tr.song-list-item {
-		border: solid;
-		border-width: 1px 0;
-		border-color: #303030;
-		position: relative;
-
-		td {
-			color: $text-controls-color;
-			white-space: nowrap;
-			padding-left: 10px;
-			padding-right: 10px;
-			
-			a {
-				text-decoration: none;
-				color: $text-controls-color;
-			}
-		}
-
-		a:hover {
-			text-decoration: underline $controls-hover-color;
-		}
-		
-		td.song-image {
-			width: 35px;
-			display: flex;
-
-			img.song-image {
-				position: absolute;
-				top: 50%;
-				-ms-transform: translateY(-50%);
-				transform: translateY(-50%);
-				width: 35px;
-				height: 35px;
-				border-radius: 5px;
-			}
-
-			svg.song-image-overlay {
-				position: absolute;
-				top: 50%;
-				-ms-transform: translateY(-50%);
-				transform: translateY(-50%);
-				width: 35px;
-				height: 35px;
-				border-radius: 5px;
-				fill: $text-controls-color;
-			}
-
-			svg.song-image-overlay:hover {
-				fill: $controls-hover-color;
-			}
-
-			svg.song-image-overlay:active {
-				fill: $controls-click-color;
-			}
-		}
-
-		td.song-list-spacer {
-			width: 20%;
-		}
-
-		td.song-list-spacer-big {
-			width: 40%;
-		}
-
-		button {
-			svg.hmirror {
-				-moz-transform: scale(-1, 1);
-				-webkit-transform: scale(-1, 1);
-				-o-transform: scale(-1, 1);
-				-ms-transform: scale(-1, 1);
-				transform: scale(-1, 1);
-			}
-	
-			.controlbtn {
-				color: $text-controls-color;
-			}
-	
-			.controlbtn:hover {
-				color: $controls-hover-color;
-			}
-	
-			.controlbtn:active {
-				color: $controls-click-color;
-			}
-	
-			background-color: transparent;
-			border: transparent;
-		}
-
-		.hide-until-hover {
-			visibility: hidden;
-		}
-
-		.song-playing-overlay {
-			background-color: rgba(0, 0, 0, 0.8);
-		}
-	}
-
-	tr.song-list-item:first-child {
-		border-top: none;
-	}
-
-	tr.song-list-item:last-child {
-		border-bottom: none;
-	}
-
-	tr.song-list-item:hover {
-		background-color: #303030;
-
-		.hide-until-hover {
-			visibility: visible;
-		}
-
-		td.song-image {
-			svg.song-image-overlay {
-				background-color: rgba(0, 0, 0, 0.8);
-			}
-		}
-	}
-}
--- a/style/theme.scss
+++ b/style/theme.scss
@ -10,12 +10,7 @@ $controls-click-color: #909090;
 $play-bar-background-color: #212121;
 $play-grad-start: #0a0533;
 $play-grad-end: $accent-color;
-$border-color: #7851ed;
 $queue-background-color: $play-bar-background-color;
-$error-color: red;

 $auth-inputs: #796dd4;
 $auth-containers: white;
-
-$dashboard-tile-size: 200px;
-$playbar-size: 75px;
--- a/style/upload.scss
+++ b/style/upload.scss
@ -15,6 +15,7 @@
    display: flex;
    flex-direction: column;
    background-color: #1c1c1c;
+    z-index: 11;
    .close-button {
        position: absolute;
        top: 5px;
@ -27,9 +28,7 @@
        font-size: 1.6rem;
        transition: all 0.3s;
        border: none;
-
    }
-
    .close-button:hover {
    transform: scale(1.1);
    background-color: rgba(255, 255, 255, 0.1);
@ -48,6 +47,9 @@
        padding: .1rem;
        display: flex;
        flex-direction: column;
+        width: 100%;
+        height: 100%;
+        position: relative;
        .input-bx{
            margin-top: 1rem;
            position: relative;
@ -126,6 +128,9 @@
            }
        }
        .upload-button {
+            position: absolute;
+            bottom: 5px;
+            width: 100%;
            margin-top: 1rem;
            padding: 10px;
            background-color: #7f8fa6;
Author	SHA1	Message	Date
dannyzou18	6112e0dfac	fixed input bug	2024-05-29 10:54:13 -04:00
Ethan Girouard	af604a9ddc	Fix doc comment indentation	2024-05-26 20:44:40 -04:00
dannyzou18	bcb24c2a97	added background overlay when adding anything	2024-05-23 00:02:13 -04:00
dannyzou18	6676f2c533	upload dropdown closes after selecting what upload	2024-05-22 23:17:52 -04:00
dannyzou18	3746c370a2	completed add album component, front and backend	2024-05-22 23:04:21 -04:00
dannyzou18	64e93649af	Completed Adding Artist component, front and back	2024-05-22 20:24:30 -04:00
dannyzou18	fcc5870824	create artist	2024-05-21 22:39:56 -04:00
dannyzou18	3ce762ce5b	create artist ui created	2024-05-21 22:39:48 -04:00
dannyzou18	1ecd13d65f	dropdown component complete	2024-05-21 12:41:44 -04:00
dannyzou18	be775862f9	created dropdown component	2024-05-21 11:50:41 -04:00
				`@ -1 +0,0 @@`
				<svg version="1.1" viewBox="0.0 0.0 960.0 960.0" fill="none" stroke="none" stroke-linecap="square" stroke-miterlimit="10" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><clipPath id="p.0"><path d="m0 0l960.0 0l0 960.0l-960.0 0l0 -960.0z" clip-rule="nonzero"/></clipPath><g clip-path="url(#p.0)"><path fill="#4032a8" d="m0 0l960.0 0l0 960.0l-960.0 0z" fill-rule="evenodd"/><path fill="#ffffff" d="m290.11365 265.52475l35.496063 0l0 471.3386l-35.496063 0z" fill-rule="evenodd"/><path fill="#ffffff" d="m115.68951 737.6639l0 0c0 -36.946594 46.99247 -66.897644 104.960625 -66.897644l0 0c57.968155 0 104.96065 29.95105 104.96065 66.897644l0 0c0 36.946533 -46.992493 66.897644 -104.96065 66.897644l0 0c-57.968155 0 -104.960625 -29.95111 -104.960625 -66.897644z" fill-rule="evenodd"/><path fill="#ffffff" d="m723.79346 175.86597l35.496033 0l0 471.33856l-35.496033 0z" fill-rule="evenodd"/><path fill="#ffffff" d="m549.3693 648.00507l0 0c0 -36.946533 46.99243 -66.897644 104.96063 -66.897644l0 0c57.96814 0 104.96057 29.95111 104.96057 66.897644l0 0c0 36.946533 -46.99243 66.897644 -104.96057 66.897644l0 0c-57.9682 0 -104.96063 -29.95111 -104.96063 -66.897644z" fill-rule="evenodd"/><path fill="#ffffff" d="m759.2711 155.4385l-0.01727295 94.79588l-427.05206 100.14052l-42.09601 -84.920654z" fill-rule="evenodd"/><path fill="#ffffff" d="m421.49164 234.64502l21.039368 89.85828l-131.40158 30.803131l-21.039368 -89.85828z" fill-rule="evenodd"/></g></svg>