🏃Add gitea actions demo

.dockerignore

@@ -1,14 +0,0 @@
-.git
-.venv
-**/__pycache__
-**/node_modules
-static/assets
-static/index.html
-staticfiles
-media
-db.sqlite3
-.env
-bbs/local_settings.py
-bbs/management/commands/generate_testdata.py
-.coverage
-coverage.xml

.gitea/workflows/deploy.yml

@@ -1,60 +0,0 @@
-name: Deploy
-
-on:
-  push:
-    branches: [main]
-
-jobs:
-  # The runner gives jobs no docker socket, so kaniko builds the image unprivileged.
-  # Its debug image has busybox but no node, so it clones the tested commit itself
-  # instead of using actions/checkout.
-  image:
-    if: vars.DEPLOY_AMIGA == 'true'
-    runs-on: ubuntu-latest
-    needs:
-      - tests
-      - prek
-    container: ghcr.io/osscontainertools/kaniko:v1.28.6-debug
-    defaults:
-      run:
-        shell: sh
-    steps:
-      - name: Build and push
-        env:
-          GIT_USERNAME: ${{ github.actor }}
-          GIT_PASSWORD: ${{ secrets.GITHUB_TOKEN }}
-          REGISTRY_USER: ${{ secrets.REGISTRY_USER }}
-          REGISTRY_TOKEN: ${{ secrets.REGISTRY_TOKEN }}
-        run: |
-          auth=$(printf '%s:%s' "$REGISTRY_USER" "$REGISTRY_TOKEN" | base64 | tr -d '\n')
-          printf '{"auths":{"git.neuf.no":{"auth":"%s"}}}' "$auth" > /kaniko/.docker/config.json
-          /kaniko/executor \
-            --context "git://git.neuf.no/${{ github.repository }}.git#${{ github.ref }}#${{ github.sha }}" \
-            --destination "git.neuf.no/edb/bbs:${{ github.sha }}" \
-            --build-arg "SENTRY_RELEASE=${{ github.sha }}" \
-            --cache=true --cache-repo git.neuf.no/edb/bbs-cache \
-            --snapshot-mode=redo --use-new-run \
-            --reproducible
-
-  # amiga's authorized_keys sends this key to bbs-deploy, which reads the sha from the
-  # ssh command line and deploys it to every bbs tenant on the host.
-  deploy-amiga:
-    if: vars.DEPLOY_AMIGA == 'true'
-    runs-on: ubuntu-latest
-    needs:
-      - image
-    steps:
-      - name: Deploy
-        run: |
-          command -v ssh-agent >/dev/null || ( apt-get update -y && apt-get install openssh-client -y )
-          eval $(ssh-agent -s)
-          echo "${{ secrets.SSH_PRIVATE_KEY }}" | tr -d '\r' | ssh-add -
-          mkdir -p ~/.ssh
-          chmod 700 ~/.ssh
-          echo "${{ secrets.SSH_KNOWN_HOSTS }}" >> ~/.ssh/known_hosts
-          ssh bbs-deploy@amiga.neuf.no "${{ github.sha }}"
-
-  prek:
-    uses: ./.gitea/workflows/prek.yml
-  tests:
-    uses: ./.gitea/workflows/tests.yml

.gitea/workflows/prek.yml

@@ -1,12 +0,0 @@
-name: "Lint: prek"
-
-on:
-  pull_request:
-  workflow_call:
-
-jobs:
-  prek:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v4
-      - uses: j178/prek-action@v1

.gitea/workflows/test.yaml

@@ -0,0 +1,19 @@
+name: Gitea Actions Demo
+run-name: ${{ gitea.actor }} is testing out Gitea Actions 🚀
+on: [push]
+
+jobs:
+  Explore-Gitea-Actions:
+    runs-on: ubuntu-latest
+    steps:
+      - run: echo "🎉 The job was automatically triggered by a ${{ gitea.event_name }} event."
+      - run: echo "🐧 This job is now running on a ${{ runner.os }} server hosted by Gitea!"
+      - run: echo "🔎 The name of your branch is ${{ gitea.ref }} and your repository is ${{ gitea.repository }}."
+      - name: Check out repository code
+        uses: actions/checkout@v4
+      - run: echo "💡 The ${{ gitea.repository }} repository has been cloned to the runner."
+      - run: echo "🖥️ The workflow is now ready to test your code on the runner."
+      - name: List files in the repository
+        run: |
+          ls ${{ gitea.workspace }}
+      - run: echo "🍏 This job's status is ${{ job.status }}."

.gitea/workflows/tests.yml

@@ -1,42 +0,0 @@
-name: Tests
-
-on:
-  pull_request:
-  workflow_call:
-
-jobs:
-  build_frontend:
-    runs-on: ubuntu-latest
-    container: node:26-alpine
-    steps:
-      - uses: actions/checkout@v4
-      - name: Build frontend
-        working-directory: frontend
-        run: |
-          npm ci
-          npm run build
-
-  tests:
-    runs-on: ubuntu-latest
-    container: nikolaik/python-nodejs:python3.14-nodejs26
-    steps:
-      - uses: actions/checkout@v4
-
-      # The SPA tests serve the built static/index.html
-      - name: Build frontend
-        working-directory: frontend
-        run: |
-          npm ci
-          npm run build
-      - name: Run migrations
-        run: uv run --locked manage.py migrate
-      - name: Run Django checks
-        run: uv run manage.py check
-      - name: Run tests with coverage
-        run: uv run pytest -v --cov bbs --cov-report term --cov-report xml:coverage.xml
-
-      - name: Upload coverage reports
-        uses: actions/upload-artifact@v3
-        with:
-          name: coverage-report
-          path: coverage.xml

.gitignore

@@ -15,4 +15,3 @@ static/assets
 static/index.html
 .python-version
 .env
-.coverage

.gitlab-ci.yml

@@ -0,0 +1,43 @@
+variables:
+  PIP_CACHE_DIR: "${CI_PROJECT_DIR}/.cache/pip"
+
+default:
+  image: nikolaik/python-nodejs:python3.9-nodejs20
+  cache:
+    paths:
+      - .cache/pip
+      - .venv
+
+django-checks:
+  stage: build
+  script:
+    - uv run manage.py migrate
+    - uv run manage.py check
+
+tests:
+  stage: test
+  script:
+    - uv run bin/test
+
+lint:
+  stage: test
+  script:
+    - uv run bin/pre-commit
+
+deploy:
+  stage: deploy
+  before_script:
+     # Install ssh if not already
+     - 'command -v ssh-agent >/dev/null || ( apt-get update -y && apt-get install openssh-client -y )'
+     - eval $(ssh-agent -s)
+     # Make SSH key available
+     - echo "$SSH_PRIVATE_KEY" | tr -d '\r' | ssh-add -
+     - mkdir -p ~/.ssh
+     - chmod 700 ~/.ssh
+     # Add known host keys
+     - echo "$SSH_KNOWN_HOSTS" >> ~/.ssh/known_hosts
+     - chmod 644 ~/.ssh/known_hosts
+  script:
+    - ssh gitdeploy@dreamcast.neuf.no "$(< bin/deploy)"
+  only:
+    - main

.pre-commit-config.yaml

@@ -0,0 +1,12 @@
+repos:
+  - repo: https://github.com/astral-sh/ruff-pre-commit
+    rev: 'v0.11.7'
+    hooks:
+      - id: ruff
+        args: [--fix, --exit-non-zero-on-fix]
+      - id: ruff-format
+  - repo: https://github.com/adamchainz/django-upgrade
+    rev: "1.24.0"
+    hooks:
+      - id: django-upgrade
+        args: [--target-version, "4.2"]

.yamllint.yml

@@ -1,8 +0,0 @@
-extends: default
-
-rules:
-  document-start: disable
-  line-length:
-    max: 120
-  truthy:
-    allowed-values: ["true", "false", "on", "off"]

Dockerfile

@@ -1,44 +0,0 @@
-FROM node:26-trixie-slim AS frontend
-WORKDIR /src/frontend
-COPY frontend/package.json frontend/package-lock.json ./
-RUN npm ci
-COPY frontend/ ./
-# Django serves its routes under /api/ in the image (BBS_API_PREFIX in settings_prod.py)
-ENV VITE_API_URL=/api
-RUN npm run build
-
-FROM python:3.14-slim-trixie AS build
-COPY --from=ghcr.io/astral-sh/uv:0.13.4 /uv /bin/uv
-# mysqlclient ships no wheels; it stays until no database is copied from MySQL
-RUN apt-get update \
-    && apt-get install -y --no-install-recommends build-essential pkg-config default-libmysqlclient-dev \
-    && rm -rf /var/lib/apt/lists/*
-# The venv lives outside /app so the final stage copies it as a layer of its own, which
-# only a dependency change replaces.
-ENV UV_COMPILE_BYTECODE=1 UV_LINK_MODE=copy UV_PYTHON_DOWNLOADS=never UV_PROJECT_ENVIRONMENT=/venv
-WORKDIR /app
-COPY pyproject.toml uv.lock ./
-RUN uv sync --locked --no-dev --no-install-project
-COPY . .
-# Vite writes into static/, beside the files already tracked there
-COPY --from=frontend /src/static/ static/
-RUN DJANGO_SETTINGS_MODULE=bbs.settings_prod SECRET_KEY=collectstatic /venv/bin/python manage.py collectstatic --noinput
-
-FROM python:3.14-slim-trixie
-RUN apt-get update \
-    && apt-get install -y --no-install-recommends libmariadb3 \
-    && rm -rf /var/lib/apt/lists/* \
-    && useradd --system --uid 932 --home-dir /app --no-create-home bbs \
-    && mkdir /data && chown bbs:bbs /data
-COPY --from=build /venv /venv
-COPY --from=build /app /app
-WORKDIR /app
-ARG SENTRY_RELEASE=N/A
-ENV PATH=/venv/bin:$PATH \
-    DJANGO_SETTINGS_MODULE=bbs.settings_prod \
-    PYTHONUNBUFFERED=1 \
-    SENTRY_RELEASE=$SENTRY_RELEASE
-USER bbs
-VOLUME /data
-EXPOSE 8000
-CMD ["gunicorn", "--bind", "0.0.0.0:8000", "--workers", "2", "--no-control-socket", "--access-logfile", "-", "bbs.wsgi"]

README.md

@@ -1,50 +1,31 @@
 # Getting started
 
-Before starting, make sure you have [mise](https://mise.jdx.dev) installed. It manages Python, Node, uv and prek.
+Before starting, make sure you have a working python and nodejs setup with pyenv and nvm.
 
 ```bash
-mise install
-prek install
+apt-get install libmysqlclient-dev
+pre-commit install
 uv run manage.py migrate
+uv run bin/run
 cp .env-default .env
-uv run manage.py seed_demo_data
 
-# Optional: create an admin login
-uv run manage.py createsuperuser
+# in another terminal
+cd frontend
+npm install
+npm start
 ```
 
-Start the backend and frontend in separate terminals from the project root:
-
-```bash
-mise run server
-```
-
-```bash
-mise run frontend-run
-```
-
-Vite prints the frontend URL when it starts (normally <http://localhost:5173/>; if that port is busy, it selects another). Django runs at <http://localhost:3000/>; open the admin directly at <http://localhost:3000/admin/> or through the frontend dev proxy at the printed Vite URL followed by `/admin/`. The GraphQL API is at <http://localhost:3000/graphql/>; the frontend uses Vite's proxy for development API requests.
-
-To test the frontend against a different backend, set `VITE_DEV_API_PROXY` when starting Vite, for example `VITE_DEV_API_PROXY=https://bbs.neuf.no mise run frontend-run`. This affects the development proxy only; use caution with a live backend, since app changes and submissions may modify production data.
-
-For more realistic statistics, `uv run manage.py seed_demo_data --size medium` also generates random users, orders and deposits spread over time (`small`, `medium` or `large`; add `--seed N` for reproducible output). It adds more data on every run.
-
-To create the admin during data seeding instead, set `BBS_SEED_ADMIN_PASSWORD` for that command; the command only creates a local `admin` superuser if one does not already exist.
-
-## Testing
-
-```bash
-mise run test
-```
-
-## Deployment
-
-Every push to main that passes the tests is built into `git.neuf.no/edb/bbs:<sha>` and deployed to amiga by `.gitea/workflows/deploy.yml`, while the repository variable `DEPLOY_AMIGA` is `true`. The image runs with `bbs.settings_prod`: SQLite and uploads in `/data`, Django under `/api/` and the frontend at the root. The stacks on amiga, one per tenant, are the `bbs` role in [edb-infra](https://git.neuf.no/edb/edb-infra).
-
 ## References
 
 - We use JS code generation to work with queries/mutations in our graphql API: <https://github.com/dotansimha/graphql-typed-document-node>
 
+## TODO
+
+- improve product listing (light purple background)
+- Stats: products over time
+- inventory views
+- Stats: Implement users tab
+
 ## TODO-old
 
 - Larger pictures

bbs/api/mutations/inventory.py

@@ -1,63 +0,0 @@
-from decimal import Decimal
-from typing import Annotated
-
-import strawberry
-from django.db import transaction
-from strawberry import ID, Info
-
-from bbs import models
-from bbs.api.errors import FieldError, FormErrors
-from bbs.api.types.inventory import InventoryTransaction
-
-
-@strawberry.input
-class InventoryTransactionInput:
-    product_id: ID
-    amount: int
-    unit_price: Decimal
-    comment: str = ""
-
-
-@strawberry.type
-class CreateInventoryTransactionSuccess:
-    inventory_transaction: InventoryTransaction
-
-
-CreateInventoryTransactionResponse = Annotated[
-    CreateInventoryTransactionSuccess | FormErrors,
-    strawberry.union("CreateInventoryTransactionResponse"),
-]
-
-
-@strawberry.mutation
-@transaction.atomic
-def create_inventory_transaction(
-    info: Info,
-    data: InventoryTransactionInput,
-) -> CreateInventoryTransactionResponse:
-    user = info.context.request.user
-    if not user.is_authenticated:
-        message = "Logg inn for å registrere varetransaksjoner."
-        return FormErrors(message=message, fields=[FieldError(field="user", message=message)])
-
-    try:
-        product = models.Product.objects.get(pk=data.product_id, active=True)
-    except models.Product.DoesNotExist, ValueError:
-        message = "Velg et aktivt produkt."
-        return FormErrors(message=message, fields=[FieldError(field="product_id", message=message)])
-
-    product.inventory_amount += data.amount
-    product.save()
-    inventory_transaction = models.InventoryTransaction.objects.create(
-        user=user,
-        product=product,
-        amount=data.amount,
-        unit_price=data.unit_price,
-        comment=data.comment,
-    )
-    return CreateInventoryTransactionSuccess(inventory_transaction=inventory_transaction)
-
-
-@strawberry.type
-class InventoryMutations:
-    create_inventory_transaction = create_inventory_transaction

bbs/api/mutations/shop.py

@@ -42,7 +42,7 @@ def create_order(customer_id: ID, order_lines: list[OrderLineInput], is_external
     # clean and validate
     try:
         user = UserModel.objects.get(pk=customer_id)
-    except UserModel.DoesNotExist, ValueError:
+    except (UserModel.DoesNotExist, ValueError):
         user = None
 
     if user is None and not is_external:
@@ -65,17 +65,16 @@ def create_order(customer_id: ID, order_lines: list[OrderLineInput], is_external
         price = product.sale_price_ext if is_external else product.sale_price_int
         ols.append(models.OrderLine(product=product, amount=ol.amount, unit_price=price))
         order_sum += ol.amount * price
+        product.inventory_amount -= ol.amount
+        product.save()
 
-    if not is_external and user.profile.balance < order_sum:
+    if not is_external and user.profile.balance <= order_sum:
         return InsufficientFunds(
             message="Du har ikke nok penger på bok.",
-            amount_lacking=float(abs(order_sum - user.profile.balance)),
+            amount_lacking=abs(order_sum - user.profile.balance),
         )
 
     # create
-    for ol in ols:
-        ol.product.inventory_amount -= ol.amount
-        ol.product.save()
     order = models.Order.objects.create(customer=user, order_sum=order_sum)
     for ol in ols:
         ol.order = order
@@ -111,7 +110,7 @@ def create_deposit(user_id: ID, amount: int) -> CreateDepositResponse:
     # clean and validate
     try:
         user = UserModel.objects.get(pk=user_id)
-    except UserModel.DoesNotExist, ValueError:
+    except (UserModel.DoesNotExist, ValueError):
         message = "Du har ikke valgt hvem som sette inn penger."
         return FormErrors(
             message=message,
@@ -128,7 +127,7 @@ def create_deposit(user_id: ID, amount: int) -> CreateDepositResponse:
         return AboveMaxSaldo(
             message="Du prøver å sette inn for mye penger",
             max_saldo=settings.BBS_SALDO_MAX,
-            above=float(amount + user.profile.balance - settings.BBS_SALDO_MAX),
+            above=amount + user.profile.balance - settings.BBS_SALDO_MAX,
         )
 
     trans = models.Transaction.objects.create(user=user, amount=amount)

bbs/api/queries/inventory.py

@@ -1,105 +1,9 @@
-from datetime import datetime
-from decimal import Decimal
-
 import strawberry
 import strawberry_django
-from django.db.models import F, Sum
-from django.utils import timezone
 
-from bbs import models
-from bbs.api.types.inventory import (
-    InventoryReport,
-    InventoryReportProduct,
-    InventoryTransaction,
-    InventoryTransactionOrdering,
-    Transaction,
-    TransactionOrdering,
-)
+from bbs.api.types.inventory import Transaction, TransactionOrdering
 
 
 @strawberry.type
 class InventoryQueries:
     transaction_list: list[Transaction] = strawberry_django.field(pagination=True, ordering=TransactionOrdering)
-    inventory_transaction_list: list[InventoryTransaction] = strawberry_django.field(
-        pagination=True,
-        ordering=InventoryTransactionOrdering,
-    )
-
-    @strawberry.field
-    def inventory_report(self, start_time: datetime, end_time: datetime) -> InventoryReport:
-        if timezone.is_naive(start_time):
-            start_time = timezone.make_aware(start_time)
-        if timezone.is_naive(end_time):
-            end_time = timezone.make_aware(end_time)
-        if start_time > end_time:
-            raise ValueError("The report start date must not be after the end date.")
-
-        purchases = (
-            models.InventoryTransaction.objects.filter(created__range=(start_time, end_time))
-            .values("product_id", "product__name")
-            .annotate(units=Sum("amount"), value=Sum(F("amount") * F("unit_price")))
-        )
-        sales = (
-            models.OrderLine.objects.filter(order__created__range=(start_time, end_time))
-            .values("product_id", "product__name")
-            .annotate(units=Sum("amount"), value=Sum(F("amount") * F("unit_price")))
-        )
-
-        product_totals = {}
-        for product in purchases:
-            product_totals[product["product_id"]] = {
-                "product_id": product["product_id"],
-                "product_name": product["product__name"],
-                "purchase_units": product["units"] or 0,
-                "purchase_value": product["value"] or Decimal(0),
-                "sales_units": 0,
-                "sales_value": Decimal(0),
-            }
-
-        for product in sales:
-            product_data = product_totals.setdefault(
-                product["product_id"],
-                {
-                    "product_id": product["product_id"],
-                    "product_name": product["product__name"],
-                    "purchase_units": 0,
-                    "purchase_value": Decimal(0),
-                    "sales_units": 0,
-                    "sales_value": Decimal(0),
-                },
-            )
-            product_data["sales_units"] = product["units"] or 0
-            product_data["sales_value"] = product["value"] or Decimal(0)
-
-        product_data = sorted(product_totals.values(), key=lambda product: product["product_name"])
-        inventory_purchases = sum((product["purchase_value"] for product in product_data), Decimal(0))
-        product_sales = sum((product["sales_value"] for product in product_data), Decimal(0))
-
-        deposits = models.Transaction.objects.filter(created__range=(start_time, end_time)).aggregate(
-            total=Sum("amount")
-        )["total"] or Decimal(0)
-        order_purchases = models.Order.objects.filter(created__range=(start_time, end_time)).aggregate(
-            total=Sum("order_sum")
-        )["total"] or Decimal(0)
-        deposits_start = models.Transaction.objects.filter(created__lt=start_time).aggregate(total=Sum("amount"))[
-            "total"
-        ] or Decimal(0)
-        orders_start = models.Order.objects.filter(created__lt=start_time).aggregate(total=Sum("order_sum"))[
-            "total"
-        ] or Decimal(0)
-        deposits_end = models.Transaction.objects.filter(created__lte=end_time).aggregate(total=Sum("amount"))[
-            "total"
-        ] or Decimal(0)
-        orders_end = models.Order.objects.filter(created__lte=end_time).aggregate(total=Sum("order_sum"))[
-            "total"
-        ] or Decimal(0)
-
-        return InventoryReport(
-            products=[InventoryReportProduct(**product) for product in product_data],
-            inventory_purchases=inventory_purchases,
-            product_sales=product_sales,
-            deposits=deposits,
-            order_purchases=order_purchases,
-            balance_at_start=deposits_start - orders_start,
-            balance_at_end=deposits_end - orders_end,
-        )

bbs/api/queries/users.py

@@ -1,4 +1,5 @@
 import strawberry
+import strawberry_django
 from django.contrib.auth.models import User as DjangoUser
 from strawberry import ID
 
@@ -7,9 +8,7 @@ from bbs.api.types.users import User
 
 @strawberry.type
 class UsersQueries:
-    @strawberry.field
-    def all_users(self) -> list[User]:
-        return DjangoUser.objects.filter(profile__isnull=False)
+    all_users: list[User] = strawberry_django.field()
 
     @strawberry.field
     def user(self, user_id: ID) -> User:

bbs/api/schema.py

@@ -2,7 +2,6 @@ import strawberry
 from django.core.exceptions import ObjectDoesNotExist
 from strawberry.extensions import SchemaExtension
 
-from bbs.api.mutations.inventory import InventoryMutations
 from bbs.api.mutations.shop import ShopMutations
 from bbs.api.mutations.users import UsersMutations
 from bbs.api.queries.inventory import InventoryQueries
@@ -16,13 +15,12 @@ class Query(InventoryQueries, ShopQueries, UsersQueries):
 
 
 @strawberry.type
-class Mutation(InventoryMutations, ShopMutations, UsersMutations):
+class Mutation(ShopMutations, UsersMutations):
     pass
 
 
 class HandleNotFound(SchemaExtension):
-    def on_operation(self):
-        yield
+    def on_request_end(self):
         result = self.execution_context.result
         if result.errors:
             for error in result.errors:

bbs/api/types/inventory.py

@@ -1,14 +1,12 @@
-from decimal import Decimal
 from typing import TYPE_CHECKING, Annotated
 
 import strawberry
 import strawberry_django
-from strawberry import ID, auto
+from strawberry import auto
 
 from bbs import models
 
 if TYPE_CHECKING:
-    from .shop import Product
     from .users import User
 
 
@@ -23,40 +21,3 @@ class Transaction:
     user: Annotated["User", strawberry.lazy(".users")]
     amount: auto
     created: auto
-
-
-@strawberry_django.type(models.InventoryTransaction)
-class InventoryTransaction:
-    id: auto
-    user: Annotated["User", strawberry.lazy(".users")]
-    product: Annotated["Product", strawberry.lazy(".shop")]
-    amount: auto
-    unit_price: auto
-    comment: auto
-    created: auto
-
-
-@strawberry_django.order_type(models.InventoryTransaction)
-class InventoryTransactionOrdering:
-    created: auto
-
-
-@strawberry.type
-class InventoryReportProduct:
-    product_id: ID
-    product_name: str
-    purchase_units: int
-    purchase_value: Decimal
-    sales_units: int
-    sales_value: Decimal
-
-
-@strawberry.type
-class InventoryReport:
-    products: list[InventoryReportProduct]
-    inventory_purchases: Decimal
-    product_sales: Decimal
-    deposits: Decimal
-    order_purchases: Decimal
-    balance_at_start: Decimal
-    balance_at_end: Decimal

bbs/api/types/shop.py

@@ -1,12 +1,11 @@
-from decimal import Decimal
 from typing import TYPE_CHECKING, Annotated
 
 import strawberry
 import strawberry_django
 from strawberry import auto
-from strawberry.scalars import JSON
 
 from bbs import models
+from bbs.api.types.utils import JSONScalar
 
 if TYPE_CHECKING:
     from .users import User
@@ -25,13 +24,8 @@ class Product:
     image_url: str
     sale_price_int: auto
     sale_price_ext: auto
-    active: auto
-    inventory_amount: auto
-    updated: auto
-    wholesale_unit_price: Decimal
-    wholesale_value: Decimal
     # FIXME: stricter types
-    user_counts: JSON
+    user_counts: JSONScalar
 
 
 @strawberry_django.order_type(models.Order)
@@ -42,7 +36,7 @@ class OrderOrdering:
 @strawberry_django.type(models.Order)
 class Order:
     id: auto
-    customer: Annotated["User", strawberry.lazy(".users")] | None
+    customer: Annotated["User", strawberry.lazy(".users")]
     order_sum: auto
     created: auto
     orderlines: list["OrderLine"]

bbs/api/types/users.py

@@ -14,7 +14,7 @@ from bbs.api.types.shop import Point, ProductOrderStat
 class TopMonth:
     period: str
     count: int
-    sum: float
+    sum: int
 
 
 @strawberry_django.type(models.UserProfile)
@@ -27,10 +27,7 @@ class UserProfile:
 
     @strawberry.field()
     def top_months(self) -> list[TopMonth]:
-        return [
-            TopMonth(period=month["period"], count=month["count"], sum=float(month["sum"]))
-            for month in self.top_months()
-        ]
+        return [TopMonth(**month) for month in self.top_months()]
 
     @strawberry.field()
     def product_order_stats(self) -> list[ProductOrderStat]:
@@ -48,4 +45,4 @@ class User:
     id: auto
     first_name: auto
     last_name: auto
-    profile: UserProfile | None
+    profile: UserProfile

bbs/api/types/utils.py

@@ -0,0 +1,11 @@
+import json
+from typing import Any, NewType
+
+import strawberry
+
+JSONScalar = strawberry.scalar(
+    NewType("JSONScalar", Any),
+    serialize=lambda v: v,
+    parse_value=lambda v: json.loads(v),
+    description="The GenericScalar scalar type represents a generic GraphQL scalar value that could be: List or Object.",
+)

bbs/management/commands/export_schema.py

@@ -8,7 +8,7 @@ from bbs.api.schema import schema as schema_symbol
 
 
 class Command(BaseCommand):
-    help = "Write graphql schema to file or stdout"
+    help = " Write graphql schema to file or stdout"
 
     def add_arguments(self, parser: CommandParser):
         parser.add_argument("--filename", default="schema.graphql", help="`-` prints to stdout")

bbs/management/commands/seed_demo_data.py

@@ -1,388 +0,0 @@
-import os
-import random
-from datetime import datetime, time, timedelta
-from decimal import Decimal
-from urllib.parse import quote
-
-from django.contrib.auth import get_user_model
-from django.core.management import BaseCommand, CommandParser
-from django.db import transaction as db_transaction
-from django.db.models import Sum
-from django.utils import timezone
-
-from bbs.models import InventoryTransaction, Order, OrderLine, Product, Transaction, UserProfile
-
-# Some users go by first name only, which the frontend handles differently.
-DEMO_USERS = (
-    ("demo-ada", "Ada", "Nord", "ada@example.test", Decimal("300.0")),
-    ("demo-bjørn", "Bjørn", "Berg", "bjorn@example.test", Decimal("250.0")),
-    ("demo-casey", "Casey", "Sol", "casey@example.test", Decimal("200.0")),
-    ("demo-kari", "Kari", "Nordmann", "kari@example.test", Decimal("400.0")),
-    ("demo-ole-martin", "Ole-Martin", "Ødegård", "ole-martin@example.test", Decimal("300.0")),
-    ("demo-solveig", "Solveig", "", "solveig@example.test", Decimal("250.0")),
-    ("demo-trygve", "Trygve", "Halvorsen", "trygve@example.test", Decimal("200.0")),
-    ("demo-ingrid", "Ingrid", "Bakken", "ingrid@example.test", Decimal("350.0")),
-    ("demo-håkon", "Håkon", "", "hakon@example.test", Decimal("150.0")),
-)
-
-# name, volume_liter, alcohol_percent, sale_price_int, sale_price_ext
-BEERS = (
-    ("Frydenlund Fatøl", "0.5", "4.5", "25", "35"),
-    ("Ringnes Pilsner", "0.5", "4.7", "25", "35"),
-    ("Nøgne Ø India Pale Ale", "0.5", "7.5", "45", "60"),
-    ("Lervig Lucky Jack", "0.33", "4.7", "40", "55"),
-    ("Munkholm Alkoholfri", "0.5", "0.5", "20", "28"),
-    ("Haandbryggeriet Mjød", "0.5", "8.0", "55", "70"),
-    ("Hansa Bayer", "0.5", "4.6", "27", "37"),
-    ("Aass Bayer", "0.5", "4.5", "28", "38"),
-    ("Mack Pilsner", "0.5", "4.7", "28", "38"),
-    ("Dahls Pils", "0.5", "4.5", "25", "35"),
-    ("Borg Bryggeri Pils", "0.5", "4.7", "30", "40"),
-    ("Grans Bare Pils", "0.5", "4.7", "24", "34"),
-    ("CB Pilsner", "0.5", "4.7", "25", "35"),
-    ("7 Fjell Hopyards IPA", "0.33", "6.5", "48", "63"),
-    ("Tuborg Grønn", "0.5", "4.6", "28", "38"),
-    ("Carlsberg Pilsner", "0.5", "4.6", "28", "38"),
-    ("Frydenlund Bayer", "0.5", "4.5", "26", "36"),
-    ("Berentsens Julebrygg", "0.5", "4.7", "32", "42"),
-    ("Ægir Sumble", "0.5", "4.7", "42", "57"),
-    ("Kinn Vestkyst", "0.5", "5.2", "46", "61"),
-    ("Trondhjem Pilsner", "0.5", "4.7", "30", "40"),
-    ("Nøgne Ø Pale Ale", "0.5", "4.5", "44", "59"),
-    ("Voss Bryggeri Pils", "0.5", "4.7", "38", "50"),
-    ("Lervig Pils", "0.33", "4.7", "30", "40"),
-)
-DEMO_PRODUCTS = BEERS[:6]
-DEMO_STOCK = 30
-
-DESCRIPTIONS = (
-    "Klassisk norsk pils med frisk og rund smak.",
-    "Fyldig og maltrik, perfekt på en kald kveld.",
-    "Lett og forfriskende, godt selskap til maten.",
-    "Humlerik og bitter, for den som vil ha litt mer.",
-    "Tradisjonsrik bryggekunst fra ærverdig bryggeri.",
-)
-
-# user index, days ago, (product name, amount) lines
-DEMO_ORDERS = (
-    (0, 26, (("Ringnes Pilsner", 2), ("Munkholm Alkoholfri", 1))),
-    (1, 21, (("Frydenlund Fatøl", 2), ("Lervig Lucky Jack", 1))),
-    (2, 13, (("Nøgne Ø India Pale Ale", 1),)),
-    (3, 24, (("Frydenlund Fatøl", 2), ("Munkholm Alkoholfri", 1))),
-    (4, 19, (("Nøgne Ø India Pale Ale", 2),)),
-    (5, 15, (("Ringnes Pilsner", 1), ("Lervig Lucky Jack", 1))),
-    (6, 11, (("Haandbryggeriet Mjød", 1),)),
-    (7, 8, (("Lervig Lucky Jack", 2), ("Frydenlund Fatøl", 1))),
-    (3, 4, (("Ringnes Pilsner", 1), ("Frydenlund Fatøl", 1))),
-    (8, 2, (("Munkholm Alkoholfri", 3),)),
-    (4, 1, (("Frydenlund Fatøl", 2),)),
-)
-
-# Extra random users for --size
-FIRST_NAMES = (
-    "Ola", "Kari", "Per", "Anne", "Lars", "Ingrid", "Bjørn", "Marit", "Geir", "Hanne", "Knut", "Liv",
-    "Nils", "Solveig", "Erik", "Astrid", "Håkon", "Sigrid", "Trygve", "Randi", "Espen", "Tone", "Magnus",
-    "Silje", "Henrik", "Maren", "Sander", "Ida", "Jonas", "Emma", "Mathias", "Nora", "Tobias", "Thea",
-    "Vegard", "Kristin", "Ole-Martin", "Anne-Lise", "Frode", "Gunnhild",
-)  # fmt: skip
-LAST_NAMES = (
-    "Hansen", "Johansen", "Olsen", "Larsen", "Andersen", "Pedersen", "Nilsen", "Kristiansen", "Jensen",
-    "Karlsen", "Berg", "Haugen", "Hagen", "Johnsen", "Andreassen", "Jakobsen", "Dahl", "Lund", "Halvorsen",
-    "Eriksen", "Bakken", "Moen", "Strand", "Ødegård",
-)  # fmt: skip
-
-SIZE_PRESETS = {
-    "small": {"users": 6, "orders": 40, "days": 30},
-    "medium": {"users": 15, "orders": 300, "days": 180},
-    "large": {"users": 40, "orders": 1500, "days": 365},
-}
-FIRST_NAME_ONLY_PROB = 0.35  # users registered with just a first name
-EXTERNAL_ORDER_PROB = 0.10  # orders with no customer (paid in cash)
-WITHDRAWAL_PROB = 0.10  # users who have had money paid back out
-
-
-def avatar_url(email: str) -> str:
-    return f"https://i.pravatar.cc/150?u={quote(email)}"
-
-
-def ascii_name(name: str) -> str:
-    return name.lower().replace("ø", "o").replace("å", "a").replace("æ", "ae")
-
-
-class Command(BaseCommand):
-    help = "Create repeatable demo users, products, deposits, and orders for local testing."
-
-    def add_arguments(self, parser: CommandParser):
-        parser.add_argument(
-            "--size",
-            choices=sorted(SIZE_PRESETS),
-            help="Also generate random users, orders and deposits on top of the demo data. Adds more on every run.",
-        )
-        parser.add_argument("--users", type=int, help="Number of random users (overrides --size).")
-        parser.add_argument("--orders", type=int, help="Number of random orders (overrides --size).")
-        parser.add_argument("--days", type=int, help="Spread random activity over this many past days.")
-        parser.add_argument("--seed", type=int, help="Seed for the random data, for reproducible output.")
-
-    def handle(self, *args, **options):  # noqa: ARG002
-        users = self.seed_users()
-        products = self.seed_products(users[0][0])
-        self.seed_deposits(users)
-        self.seed_orders(users, products)
-        self.update_balances(users)
-        self.create_admin()
-
-        if options["size"]:
-            preset = SIZE_PRESETS[options["size"]]
-            generator = RandomData(
-                random.Random(options["seed"]),  # noqa: S311
-                days=options["days"] or preset["days"],
-            )
-            with db_transaction.atomic():
-                generator.run(
-                    n_users=options["users"] or preset["users"],
-                    n_orders=options["orders"] or preset["orders"],
-                )
-            self.stdout.write(
-                f"Generated {generator.n_users} random users and {generator.n_orders} random orders "
-                f"over {generator.days} days.",
-            )
-
-        self.stdout.write(self.style.SUCCESS("Demo data is ready."))
-        if not os.environ.get("BBS_SEED_ADMIN_PASSWORD"):
-            self.stdout.write("Create an admin login with: uv run manage.py createsuperuser")
-
-    @staticmethod
-    def seed_users():
-        user_model = get_user_model()
-        users = []
-        for username, first_name, last_name, email, deposit_amount in DEMO_USERS:
-            user, _ = user_model.objects.get_or_create(
-                username=username,
-                defaults={"first_name": first_name, "last_name": last_name, "email": email},
-            )
-            UserProfile.objects.get_or_create(user=user, defaults={"image": avatar_url(email)})
-            users.append((user, deposit_amount))
-        return users
-
-    @staticmethod
-    def seed_products(stock_user):
-        products = {}
-        for index, (name, volume, alcohol, sale_price_int, sale_price_ext) in enumerate(DEMO_PRODUCTS):
-            product, created = Product.objects.get_or_create(
-                name=name,
-                defaults={
-                    "sale_price_int": Decimal(sale_price_int),
-                    "sale_price_ext": Decimal(sale_price_ext),
-                    "volume_liter": Decimal(volume),
-                    "alcohol_percent": Decimal(alcohol),
-                    "inventory_amount": DEMO_STOCK,
-                    "description": DESCRIPTIONS[index % len(DESCRIPTIONS)],
-                },
-            )
-            products[name] = product
-            if created:
-                InventoryTransaction.objects.get_or_create(
-                    user=stock_user,
-                    product=product,
-                    comment="Demo opening stock",
-                    defaults={"amount": DEMO_STOCK, "unit_price": Decimal(sale_price_int) * Decimal("0.6")},
-                )
-        return products
-
-    def seed_deposits(self, users):
-        for index, (user, deposit_amount) in enumerate(users):
-            created_at = self.timestamp(days_ago=32 + index)
-            deposit, created = Transaction.objects.get_or_create(
-                user=user,
-                created=created_at,
-                defaults={"amount": deposit_amount},
-            )
-            if created:
-                deposit.created = created_at
-                deposit.save(update_fields=["created"])
-
-    def seed_orders(self, users, products):
-        for user_index, days_ago, lines in DEMO_ORDERS:
-            user = users[user_index][0]
-            created_at = self.timestamp(days_ago=days_ago)
-            total = sum(
-                (products[name].sale_price_int * amount for name, amount in lines),
-                start=Decimal(0),
-            )
-            order, created = Order.objects.get_or_create(
-                customer=user,
-                created=created_at,
-                defaults={"order_sum": total},
-            )
-            if created:
-                order.created = created_at
-                order.save(update_fields=["created"])
-                for name, amount in lines:
-                    product = products[name]
-                    OrderLine.objects.create(
-                        order=order,
-                        product=product,
-                        amount=amount,
-                        unit_price=product.sale_price_int,
-                    )
-                    product.inventory_amount -= amount
-                    product.save(update_fields=["inventory_amount"])
-
-    @staticmethod
-    def update_balances(users):
-        for user, _ in users:
-            deposits = Transaction.objects.filter(user=user).aggregate(total=Sum("amount"))["total"] or Decimal(0)
-            purchases = Order.objects.filter(customer=user).aggregate(total=Sum("order_sum"))["total"] or Decimal(0)
-            profile = user.profile
-            profile.balance = deposits - purchases
-            profile.save(update_fields=["balance"])
-
-    def create_admin(self):
-        admin_password = os.environ.get("BBS_SEED_ADMIN_PASSWORD")
-        if not admin_password:
-            return
-
-        user_model = get_user_model()
-        if user_model.objects.filter(username="admin").exists():
-            self.stdout.write("Existing 'admin' account left unchanged.")
-        else:
-            user_model.objects.create_superuser(
-                username="admin",
-                email="admin@example.test",
-                password=admin_password,
-            )
-            self.stdout.write("Created superuser 'admin'.")
-
-    @staticmethod
-    def timestamp(days_ago: int) -> datetime:
-        date = timezone.localdate() - timedelta(days=days_ago)
-        return timezone.make_aware(datetime.combine(date, time(hour=12)))
-
-
-class RandomData:
-    """Random users, restocks, orders and deposits spread over time, for realistic stats."""
-
-    def __init__(self, rng: random.Random, days: int):
-        self.rng = rng
-        self.days = days
-        self.end = timezone.now()
-        self.start = self.end - timedelta(days=days)
-        self.n_users = 0
-        self.n_orders = 0
-
-    def run(self, n_users: int, n_orders: int):
-        users = self.create_users(n_users)
-        products = self.create_products()
-        self.restock(products, users)
-        spent = self.create_orders(users, products, n_orders)
-        self.create_money(users, spent)
-
-    def random_time(self):
-        span = int((self.end - self.start).total_seconds())
-        return self.start + timedelta(seconds=self.rng.randint(0, max(span, 1)))
-
-    @staticmethod
-    def set_created(obj, created):
-        # created is auto_now_add, so backdate with an update
-        type(obj).objects.filter(pk=obj.pk).update(created=created)
-
-    def create_users(self, n: int) -> list:
-        user_model = get_user_model()
-        users = []
-        for _ in range(n):
-            first = self.rng.choice(FIRST_NAMES)
-            last = "" if self.rng.random() < FIRST_NAME_ONLY_PROB else self.rng.choice(LAST_NAMES)
-            base = ".".join(ascii_name(part) for part in (first, last) if part)
-            email = f"{base}@example.test"
-            suffix = 1
-            while user_model.objects.filter(username=email).exists():
-                suffix += 1
-                email = f"{base}{suffix}@example.test"
-
-            user = user_model.objects.create_user(username=email, email=email, first_name=first, last_name=last)
-            UserProfile.objects.create(user=user, image=avatar_url(email))
-            users.append(user)
-        self.n_users = len(users)
-        return users
-
-    def create_products(self) -> list:
-        products = []
-        for name, volume, alcohol, sale_price_int, sale_price_ext in BEERS:
-            product, _ = Product.objects.get_or_create(
-                name=name,
-                defaults={
-                    "sale_price_int": Decimal(sale_price_int),
-                    "sale_price_ext": Decimal(sale_price_ext),
-                    "volume_liter": Decimal(volume),
-                    "alcohol_percent": Decimal(alcohol),
-                    "description": self.rng.choice(DESCRIPTIONS),
-                },
-            )
-            products.append(product)
-        return products
-
-    def restock(self, products: list, users: list):
-        for product in products:
-            wholesale = (product.sale_price_int * Decimal("0.6")).quantize(Decimal("0.1"))
-            for _ in range(self.rng.randint(1, 3)):
-                amount = self.rng.choice([24, 48, 60, 120])
-                restock = InventoryTransaction.objects.create(
-                    user=self.rng.choice(users),
-                    product=product,
-                    amount=amount,
-                    unit_price=wholesale,
-                    comment="Innkjøp",
-                )
-                self.set_created(restock, self.random_time())
-                product.inventory_amount += amount
-            product.save(update_fields=["inventory_amount"])
-
-    def create_orders(self, users: list, products: list, n_orders: int) -> dict:
-        spent = {user.pk: Decimal(0) for user in users}
-        for _ in range(n_orders):
-            customer = None if self.rng.random() < EXTERNAL_ORDER_PROB else self.rng.choice(users)
-            # Mostly a single product, occasionally two or three
-            n_lines = self.rng.choices([1, 2, 3], weights=[60, 30, 10])[0]
-            lines = []
-            order_sum = Decimal(0)
-            for product in self.rng.sample(products, n_lines):
-                amount = self.rng.choices([1, 2, 3, 6], weights=[55, 30, 10, 5])[0]
-                unit_price = product.sale_price_int if customer else product.sale_price_ext
-                lines.append(OrderLine(product=product, amount=amount, unit_price=unit_price))
-                order_sum += unit_price * amount
-                product.inventory_amount = max(0, product.inventory_amount - amount)
-
-            order = Order.objects.create(customer=customer, order_sum=order_sum)
-            for line in lines:
-                line.order = order
-            OrderLine.objects.bulk_create(lines)
-            self.set_created(order, self.random_time())
-            if customer:
-                spent[customer.pk] += order_sum
-
-        for product in products:
-            product.save(update_fields=["inventory_amount"])
-        self.n_orders = n_orders
-        return spent
-
-    def create_money(self, users: list, spent: dict):
-        """Round deposits covering what each user spent, plus rare withdrawals within the leftover buffer."""
-        for user in users:
-            buffer = Decimal(self.rng.choice([0, 50, 100, 200, 300, 400]))
-            remaining = spent[user.pk] + buffer
-            net = Decimal(0)
-            while remaining > 0:
-                amount = min(Decimal(self.rng.choice([100, 200, 200, 300, 500])), remaining)
-                deposit = Transaction.objects.create(user=user, amount=amount)
-                self.set_created(deposit, self.random_time())
-                net += amount
-                remaining -= amount
-
-            if buffer > 0 and self.rng.random() < WITHDRAWAL_PROB:
-                withdrawal = Decimal(self.rng.randint(1, int(buffer)))
-                payout = Transaction.objects.create(user=user, amount=-withdrawal)
-                self.set_created(payout, self.random_time())
-                net -= withdrawal
-
-            user.profile.balance = net - spent[user.pk]
-            user.profile.save(update_fields=["balance"])

bbs/migrations/0004_orderline_unique_constraint.py

@@ -1,20 +0,0 @@
-# Generated by Django 5.2.18 on 2026-10-22 23:51
-
-from django.db import migrations, models
-
-
-class Migration(migrations.Migration):
-    dependencies = [
-        ("bbs", "0003_alter_order_order_sum"),
-    ]
-
-    operations = [
-        migrations.AlterUniqueTogether(
-            name="orderline",
-            unique_together=set(),
-        ),
-        migrations.AddConstraint(
-            model_name="orderline",
-            constraint=models.UniqueConstraint(fields=("order", "product"), name="unique_order_product"),
-        ),
-    ]

bbs/models.py

@@ -1,5 +1,5 @@
 import hashlib  # noqa: EXE002
-from datetime import UTC, datetime
+from datetime import datetime
 from decimal import Decimal
 from itertools import groupby
 
@@ -171,9 +171,7 @@ class OrderLine(models.Model):
         return f"{self.amount} {self.product} ({self.unit_price} kr per)"
 
     class Meta:  # noqa: DJ012
-        constraints = [
-            models.UniqueConstraint(fields=["order", "product"], name="unique_order_product"),
-        ]
+        unique_together = ("order", "product")
 
 
 class Transaction(models.Model):
@@ -226,7 +224,7 @@ class UserProfile(models.Model):
 
     def last_purchase_date(self) -> datetime:
         last = self.last_purchase()
-        return last.created if last else datetime.min.replace(tzinfo=UTC)
+        return last.created if last else datetime.min  # noqa: DTZ901
 
     def top_months(self, limit=5):
         return (
@@ -245,8 +243,8 @@ class UserProfile(models.Model):
 
     def image_url(self) -> str:
         if self.user.email:
-            sha256_hash = hashlib.sha256(self.user.email.lower().strip().encode()).hexdigest()
-            return f"https://www.gravatar.com/avatar/{sha256_hash}?d=identicon"
+            md5_hash = hashlib.md5(self.user.email.lower().strip().encode()).hexdigest()  # noqa: S324
+            return f"https://www.gravatar.com/avatar/{md5_hash}?d=identicon"
 
         return ""
 

bbs/settings.py

@@ -86,6 +86,7 @@ INSTALLED_APPS = [
     "django_extensions",
     "easy_thumbnails",
     "corsheaders",
+    "django_rename_app",
 ]
 LOCAL_APPS = [
     "bbs",
@@ -94,10 +95,6 @@ INSTALLED_APPS += LOCAL_APPS
 
 LOGIN_REDIRECT_URL = "/"
 
-# Where Django's own routes (graphql, admin, accounts) are mounted. Production serves
-# them under api/ beside the frontend; in development Vite proxies them at the root.
-BBS_API_PREFIX = ""
-
 SESSION_COOKIE_AGE = 1209600  # 15 minutes
 SESSION_EXPIRE_AT_BROWSER_CLOSE = True
 

bbs/settings_prod.py

@@ -1,68 +0,0 @@
-"""Settings for the container image, from environment variables."""
-
-import os
-
-from bbs.settings import *  # noqa: F403
-from bbs.settings import BASE_DIR, MIDDLEWARE
-
-DEBUG = False
-SECRET_KEY = os.environ["SECRET_KEY"]
-ALLOWED_HOSTS = os.getenv("ALLOWED_HOSTS", "").split(",")
-CSRF_TRUSTED_ORIGINS = [f"https://{host}" for host in ALLOWED_HOSTS if host]
-
-# Django's routes live under /api/, the frontend at the root
-BBS_API_PREFIX = "api/"
-LOGIN_URL = "django.contrib.auth.views.login"
-
-DATA_DIR = os.getenv("DATA_DIR", "/data")
-DATABASES = {
-    "default": {
-        "ENGINE": "django.db.backends.sqlite3",
-        "NAME": os.path.join(DATA_DIR, "db.sqlite3"),  # noqa: PTH118
-        # WAL lets gunicorn's workers read while one writes; IMMEDIATE makes a writer
-        # wait for the lock up to `timeout` instead of failing mid-transaction.
-        "OPTIONS": {
-            "init_command": "PRAGMA journal_mode=WAL; PRAGMA synchronous=NORMAL;",
-            "transaction_mode": "IMMEDIATE",
-            "timeout": 20,
-        },
-    },
-}
-MEDIA_ROOT = os.path.join(DATA_DIR, "media")  # noqa: PTH118
-STATIC_ROOT = os.path.join(BASE_DIR, "staticfiles")  # noqa: PTH118
-
-# whitenoise serves Django's static files at STATIC_URL, and the built frontend
-# (index.html, assets/) at the root
-# SecurityMiddleware applies the TLS settings below
-MIDDLEWARE = [
-    "django.middleware.security.SecurityMiddleware",
-    "whitenoise.middleware.WhiteNoiseMiddleware",
-    *MIDDLEWARE,
-]
-WHITENOISE_ROOT = os.path.join(BASE_DIR, "static")  # noqa: PTH118
-WHITENOISE_INDEX_FILE = True
-STORAGES = {
-    "default": {"BACKEND": "django.core.files.storage.FileSystemStorage"},
-    "staticfiles": {"BACKEND": "whitenoise.storage.CompressedManifestStaticFilesStorage"},
-}
-
-# TLS ends at the host's nginx
-SECURE_PROXY_SSL_HEADER = ("HTTP_X_FORWARDED_PROTO", "https")
-SECURE_SSL_REDIRECT = True
-SESSION_COOKIE_SECURE = True
-CSRF_COOKIE_SECURE = True
-
-if dsn := os.getenv("SENTRY_DSN"):
-    import sentry_sdk
-    from sentry_sdk.integrations.django import DjangoIntegration
-
-    sentry_sdk.init(
-        dsn=dsn,
-        environment=os.getenv("SENTRY_ENVIRONMENT", "production"),
-        release=os.getenv("SENTRY_RELEASE", "N/A"),
-        integrations=[DjangoIntegration()],
-        send_default_pii=True,
-        traces_sample_rate=0,
-        send_client_reports=False,
-        auto_session_tracking=False,
-    )

bbs/tests/conftest.py

@@ -1,40 +0,0 @@
-import pytest
-from django.contrib.auth.models import User as DjangoUser
-from django.test import Client
-from strawberry.django.test import GraphQLTestClient
-
-from bbs.models import Order, OrderLine, Product, Transaction, UserProfile
-
-
-@pytest.fixture
-def product(db):  # noqa: ARG001
-    return Product.objects.create(name="borg", sale_price_ext=35, sale_price_int=30)
-
-
-@pytest.fixture
-def user(db):  # noqa: ARG001
-    u = DjangoUser.objects.create_user(
-        username="test@example.com",
-        email="test@example.com",
-        first_name="Test",
-        last_name="User",
-    )
-    UserProfile.objects.create(user=u, balance=10)
-    return u
-
-
-@pytest.fixture
-def order(product):
-    o = Order.objects.create(order_sum=35)
-    OrderLine.objects.create(order=o, product=product, amount=1, unit_price=35)
-    return o
-
-
-@pytest.fixture
-def transaction(user):
-    return Transaction.objects.create(user=user, amount=100)
-
-
-@pytest.fixture
-def gql_client(client: Client):
-    return GraphQLTestClient(client)

bbs/tests/test_forms.py

@@ -1,38 +0,0 @@
-from bbs.forms import DateRangeForm, InventoryTransactionForm
-from bbs.models import Product
-
-
-def test_inventory_form_filters_active_products(db):  # noqa: ARG001
-    active = Product.objects.create(name="active", sale_price_int=10, sale_price_ext=12, active=True)
-    inactive = Product.objects.create(name="inactive", sale_price_int=10, sale_price_ext=12, active=False)
-    product_queryset = InventoryTransactionForm().fields["product"].queryset
-
-    assert active in product_queryset
-    assert inactive not in product_queryset
-
-
-def test_inventory_form_valid(db):  # noqa: ARG001
-    product = Product.objects.create(name="borg", sale_price_ext=35, sale_price_int=30)
-    form = InventoryTransactionForm(
-        data={"product": product.pk, "amount": 5, "unit_price": "12.5", "comment": ""},
-    )
-
-    assert form.is_valid()
-
-
-def test_inventory_form_invalid_missing_required_fields(db):  # noqa: ARG001
-    form = InventoryTransactionForm(data={})
-
-    assert not form.is_valid()
-    assert "product" in form.errors
-
-
-def test_date_range_form_allows_missing_dates():
-    assert DateRangeForm(data={}).is_valid()
-
-
-def test_date_range_form_accepts_dates():
-    form = DateRangeForm(data={"start_time": "2026-01-01 00:00:00", "end_time": "2026-01-31 23:59:59"})
-
-    assert form.is_valid()
-    assert form.cleaned_data["start_time"] is not None

bbs/tests/test_management.py

@@ -1,52 +0,0 @@
-import pytest
-from django.core.management import call_command
-
-from bbs.models import UserProfile
-
-
-def test_profile_images_updates_missing_image(user):
-    UserProfile.objects.filter(pk=user.profile.pk).update(image="")
-
-    call_command("profile_images")
-
-    user.profile.refresh_from_db()
-    assert user.profile.image != ""
-
-
-def test_profile_images_dry_run_skips_update(user):
-    UserProfile.objects.filter(pk=user.profile.pk).update(image="")
-
-    call_command("profile_images", dry_run=True)
-
-    user.profile.refresh_from_db()
-    assert user.profile.image == ""
-
-
-def test_profile_images_force_overwrites_existing_image(user):
-    UserProfile.objects.filter(pk=user.profile.pk).update(image="https://example.com/old.jpg")
-
-    call_command("profile_images", force=True)
-
-    user.profile.refresh_from_db()
-    assert user.profile.image not in ("", "https://example.com/old.jpg")
-
-
-@pytest.mark.django_db
-def test_export_schema_writes_file(tmp_path, settings):
-    settings.BASE_DIR = str(tmp_path)
-
-    call_command("export_schema")
-
-    schema_file = tmp_path / "schema.graphql"
-    assert schema_file.exists()
-    assert "type Query" in schema_file.read_text()
-
-
-@pytest.mark.django_db
-def test_export_schema_stdout_does_not_write_file(tmp_path, settings, capsys):
-    settings.BASE_DIR = str(tmp_path)
-
-    call_command("export_schema", filename="-")
-
-    assert not (tmp_path / "schema.graphql").exists()
-    assert capsys.readouterr().out == ""

bbs/tests/test_models.py

@@ -1,313 +0,0 @@
-import hashlib
-from datetime import UTC, datetime
-from decimal import Decimal
-
-import pytest
-from django.contrib.auth.models import User as DjangoUser
-
-from bbs.models import (
-    EXTERNAL_USER,
-    InventoryTransaction,
-    Order,
-    OrderLine,
-    Product,
-    UserProfile,
-    _format_counts,
-)
-
-# _format_counts
-# ==============
-
-
-def test_format_counts_with_last_name():
-    rows = [{"order__customer__first_name": "Alice", "order__customer__last_name": "Smith", "count": 3}]
-    result = _format_counts(rows)
-    assert result[0]["name"] == "Alice S"
-
-
-def test_format_counts_no_last_name():
-    rows = [{"order__customer__first_name": "Bob", "order__customer__last_name": "", "count": 1}]
-    result = _format_counts(rows)
-    assert result[0]["name"] == "Bob"
-
-
-def test_format_counts_external():
-    rows = [{"order__customer__first_name": None, "order__customer__last_name": None, "count": 2}]
-    result = _format_counts(rows)
-    assert result[0]["name"] == EXTERNAL_USER
-
-
-# Product
-# =======
-
-
-def test_product_str(product):
-    assert str(product) == "borg"
-
-
-def test_image_url_without_image(product):
-    assert product.image_url == ""
-
-
-def test_image_url_with_image(product):
-    product.image = "products/test.jpg"
-    assert product.image_url == product.image.url
-
-
-def test_wholesale_unit_price_no_inventory(product):
-    product.inventory_amount = 0
-    assert product.wholesale_unit_price == 0
-
-
-def test_wholesale_unit_price_no_transactions(product):
-    product.inventory_amount = 5
-    assert product.wholesale_unit_price == 0
-
-
-def test_wholesale_unit_price_within_batch(user, product):
-    product.inventory_amount = 5
-    product.save()
-    InventoryTransaction.objects.create(user=user, product=product, amount=10, unit_price=Decimal("8.0"))
-    assert product.wholesale_unit_price == Decimal("8.0")
-
-
-def test_wholesale_unit_price_exceeds_all_batches(user, product):
-    product.inventory_amount = 20
-    product.save()
-    InventoryTransaction.objects.create(user=user, product=product, amount=5, unit_price=Decimal("8.0"))
-    InventoryTransaction.objects.create(user=user, product=product, amount=5, unit_price=Decimal("6.0"))
-    # inventory(20) > total transactions(10), falls back to first transaction's unit_price
-    assert product.wholesale_unit_price == Decimal("8.0")
-
-
-def test_wholesale_value(user, product):
-    product.inventory_amount = 5
-    product.save()
-    InventoryTransaction.objects.create(user=user, product=product, amount=10, unit_price=Decimal("8.0"))
-    assert product.wholesale_value == product.wholesale_unit_price * 5
-
-
-def test_user_counts(user, product):
-    o = Order.objects.create(customer=user, order_sum=60)
-    OrderLine.objects.create(order=o, product=product, amount=2, unit_price=30)
-    counts = product.user_counts()
-    assert len(counts) == 1
-    assert counts[0]["name"] == "Test U"
-    assert counts[0]["count"] == 2
-
-
-# OrderManager
-# ============
-
-
-def test_count_by_created_period_yearly(order):  # noqa: ARG001
-    qs = list(Order.objects.count_by_created_period("yearly"))
-    assert len(qs) == 1
-    assert "period" in qs[0]
-
-
-def test_count_by_created_period_monthly(order):  # noqa: ARG001
-    qs = list(Order.objects.count_by_created_period("monthly"))
-    assert len(qs) == 1
-
-
-def test_count_by_created_period_daily(order):  # noqa: ARG001
-    qs = list(Order.objects.count_by_created_period("daily"))
-    assert len(qs) == 1
-
-
-def test_count_by_created_period_hourly(order):  # noqa: ARG001
-    qs = list(Order.objects.count_by_created_period("hourly"))
-    assert len(qs) == 1
-
-
-def test_count_by_created_period_invalid():
-    with pytest.raises(AssertionError):
-        Order.objects.count_by_created_period("weekly")
-
-
-# Order
-# =====
-
-
-def test_order_is_external_true(db):  # noqa: ARG001
-    o = Order.objects.create(order_sum=10)
-    assert o.is_external() is True
-
-
-def test_order_is_external_false(user):
-    o = Order.objects.create(customer=user, order_sum=10)
-    assert o.is_external() is False
-
-
-def test_order_receipt_single_line(order):
-    ol = order.orderlines.first()
-    assert order.reciept() == str(ol)
-
-
-def test_order_receipt_multiple_lines(product):
-    product2 = Product.objects.create(name="cola", sale_price_ext=20, sale_price_int=15)
-    o = Order.objects.create(order_sum=55)
-    OrderLine.objects.create(order=o, product=product, amount=1, unit_price=35)
-    OrderLine.objects.create(order=o, product=product2, amount=1, unit_price=20)
-    receipt = o.reciept()
-    assert "borg" in receipt
-    assert "cola" in receipt
-    assert ", " in receipt
-
-
-def test_order_str_external(db):  # noqa: ARG001
-    o = Order.objects.create(order_sum=Decimal("15.0"))
-    assert EXTERNAL_USER in str(o)
-    assert "15.0" in str(o)
-
-
-def test_order_str_with_customer(user):
-    o = Order.objects.create(customer=user, order_sum=Decimal("20.0"))
-    assert str(user) in str(o)
-
-
-# OrderLine / OrderLineManager
-# ============================
-
-
-def test_orderline_price(order):
-    ol = order.orderlines.first()
-    assert ol.price == ol.amount * ol.unit_price
-
-
-def test_orderline_str(order):
-    ol = order.orderlines.first()
-    assert str(ol) == f"{ol.amount} {ol.product} ({ol.unit_price} kr per)"
-
-
-def test_product_order_stats(order):  # noqa: ARG001
-    qs = list(OrderLine.objects.all().product_order_stats())
-    assert len(qs) == 1
-    assert qs[0]["product_name"] == "borg"
-    assert qs[0]["count"] == 1
-
-
-def test_as_series_single_product(order):  # noqa: ARG001
-    qs = OrderLine.objects.all().product_order_stats()
-    series = qs.as_series()
-    assert len(series) == 1
-    assert series[0]["product_name"] == "borg"
-    assert len(series[0]["data"]) == 1
-    assert "x" in series[0]["data"][0]
-    assert "y" in series[0]["data"][0]
-
-
-def test_as_series_multiple_products(user, product):
-    product2 = Product.objects.create(name="cola", sale_price_ext=20, sale_price_int=15)
-    o = Order.objects.create(customer=user, order_sum=55)
-    OrderLine.objects.create(order=o, product=product, amount=2, unit_price=30)
-    OrderLine.objects.create(order=o, product=product2, amount=1, unit_price=20)
-    qs = OrderLine.objects.all().product_order_stats()
-    series = qs.as_series()
-    assert {s["product_name"] for s in series} == {"borg", "cola"}
-
-
-# Transaction
-# ===========
-
-
-def test_transaction_str(transaction, user):
-    result = str(transaction)
-    assert str(transaction.id) in result
-    assert str(user) in result
-    assert str(transaction.amount) in result
-
-
-# InventoryTransaction
-# ====================
-
-
-def test_inventory_transaction_price(user, product):
-    it = InventoryTransaction.objects.create(user=user, product=product, amount=3, unit_price=Decimal("10.0"))
-    assert it.price == Decimal("30.0")
-
-
-def test_inventory_transaction_str(user, product):
-    it = InventoryTransaction.objects.create(user=user, product=product, amount=3, unit_price=Decimal("10.0"))
-    result = str(it)
-    assert str(it.id) in result
-    assert str(user) in result
-    assert "borg" in result
-
-
-# UserProfile
-# ===========
-
-
-def test_userprofile_str(user):
-    assert str(user.profile) == str(user)
-
-
-def test_last_purchase_none(user):
-    assert user.profile.last_purchase() is None
-
-
-def test_last_purchase_returns_latest(user):
-    Order.objects.create(customer=user, order_sum=10)
-    o2 = Order.objects.create(customer=user, order_sum=20)
-    assert user.profile.last_purchase() == o2
-
-
-def test_last_purchase_date_no_orders(user):
-    assert user.profile.last_purchase_date() == datetime.min.replace(tzinfo=UTC)
-
-
-def test_last_purchase_date_with_orders(user):
-    o = Order.objects.create(customer=user, order_sum=10)
-    assert user.profile.last_purchase_date() == o.created
-
-
-def test_top_months(user):
-    Order.objects.create(customer=user, order_sum=50)
-    Order.objects.create(customer=user, order_sum=30)
-    result = list(user.profile.top_months())
-    assert len(result) == 1
-    assert result[0]["sum"] == Decimal("80.0")
-
-
-def test_order_sum_total_no_orders(user):
-    assert user.profile.order_sum_total() == 0
-
-
-def test_order_sum_total_with_orders(user):
-    Order.objects.create(customer=user, order_sum=Decimal("25.0"))
-    Order.objects.create(customer=user, order_sum=Decimal("15.0"))
-    assert user.profile.order_sum_total() == Decimal("40.0")
-
-
-def test_userprofile_product_order_stats(user, product):
-    o = Order.objects.create(customer=user, order_sum=30)
-    OrderLine.objects.create(order=o, product=product, amount=1, unit_price=30)
-    result = list(user.profile.product_order_stats())
-    assert len(result) == 1
-    assert result[0]["product_name"] == "borg"
-
-
-def test_image_url_with_email(user):
-    expected_hash = hashlib.sha256(user.email.lower().strip().encode()).hexdigest()
-    assert expected_hash in user.profile.image_url()
-
-
-def test_image_url_no_email(db):  # noqa: ARG001
-    u = DjangoUser.objects.create_user(username="noemail", email="")
-    profile = UserProfile.objects.create(user=u, balance=0)
-    assert profile.image_url() == ""
-
-
-def test_save_auto_populates_image(db):  # noqa: ARG001
-    u = DjangoUser.objects.create_user(username="auto@test.com", email="auto@test.com")
-    profile = UserProfile.objects.create(user=u, balance=0)
-    assert profile.image != ""
-    assert "gravatar" in profile.image
-
-
-def test_save_preserves_existing_image(db):  # noqa: ARG001
-    u = DjangoUser.objects.create_user(username="img@test.com", email="img@test.com")
-    profile = UserProfile.objects.create(user=u, balance=0, image="https://example.com/custom.jpg")
-    assert profile.image == "https://example.com/custom.jpg"

bbs/tests/test_mutations.py

@@ -1,71 +1,18 @@
-from django.contrib.auth import get_user_model
-from django.utils import timezone
+import pytest  # noqa: INP001
+from django.test import Client
+from strawberry.django.test import GraphQLTestClient
 
-from bbs.models import InventoryTransaction, Order, OrderLine, Transaction, UserProfile
-
-CREATE_ORDER = """
-mutation CreateOrder($customerId: ID!, $isExternal: Boolean!, $orderLines: [OrderLineInput!]!) {
-  createOrder(customerId: $customerId, isExternal: $isExternal, orderLines: $orderLines) {
-    ... on CreateOrderSuccess {
-      order { id orderSum orderlines { id product { id } } }
-    }
-    ... on InsufficientFunds {
-      amountLacking
-      error
-    }
-    ... on FormErrors {
-      message
-    }
-  }
-}
-"""
-
-CREATE_DEPOSIT = """
-mutation CreateDeposit($userId: ID!, $amount: Int!) {
-  createDeposit(userId: $userId, amount: $amount) {
-    ... on CreateDepositSuccess {
-      transaction { id amount }
-    }
-    ... on AboveMaxSaldo {
-      maxSaldo
-      above
-    }
-    ... on FormErrors {
-      message
-    }
-  }
-}
-"""
-
-CREATE_USER = """
-mutation CreateUser($input: UserInput!) {
-  createUser(input: $input) {
-    id
-    firstName
-    lastName
-  }
-}
-"""
+from bbs.models import Order, Product
 
 
-def test_user_not_found(db, gql_client):  # noqa: ARG001
-    result = gql_client.query(
-        """
-        query User($userId: ID!) {
-          user(userId: $userId) {
-            id
-          }
-        }
-        """,
-        {"userId": "999"},
-        assert_no_errors=False,
-    )
+@pytest.fixture(name="gql_client")
+def gql_client_fixture(client: Client):
+    return GraphQLTestClient(client)
 
-    assert result.errors
-    error = result.errors[0]
-    assert error["path"] == ["user"]
-    assert error["extensions"]["code"] == "NOT_FOUND"
-    assert error["extensions"]["model"] == "User"
+
+@pytest.fixture(name="product")
+def product_fix(db):  # noqa: ARG001
+    return Product.objects.create(name="borg", sale_price_ext=35, sale_price_int=30)
 
 
 def test_create_order(product, gql_client):
@@ -103,259 +50,3 @@ def test_create_order(product, gql_client):
     assert Order.objects.count() == 1
     o = Order.objects.first()
     assert o.orderlines.first().product.id == product.id
-
-
-def test_create_inventory_transaction_requires_login(product, gql_client):
-    result = gql_client.query(
-        """
-        mutation CreateInventoryTransaction($data: InventoryTransactionInput!) {
-          createInventoryTransaction(data: $data) {
-            ... on FormErrors { message }
-          }
-        }
-        """,
-        variables={"data": {"productId": str(product.id), "amount": 5, "unitPrice": "12.5"}},
-    )
-
-    assert not result.errors
-    assert result.data["createInventoryTransaction"]["message"] == "Logg inn for å registrere varetransaksjoner."
-    product.refresh_from_db()
-    assert product.inventory_amount == 0
-    assert InventoryTransaction.objects.count() == 0
-
-
-def test_create_inventory_transaction_updates_stock(product, gql_client, client):
-    user = get_user_model().objects.create_user(username="stock-manager")
-    client.force_login(user)
-
-    result = gql_client.query(
-        """
-        mutation CreateInventoryTransaction($data: InventoryTransactionInput!) {
-          createInventoryTransaction(data: $data) {
-            ... on CreateInventoryTransactionSuccess {
-              inventoryTransaction {
-                amount
-                unitPrice
-                product { id inventoryAmount }
-                user { id }
-              }
-            }
-          }
-        }
-        """,
-        variables={
-            "data": {
-                "productId": str(product.id),
-                "amount": 5,
-                "unitPrice": "12.5",
-                "comment": "Restock",
-            }
-        },
-    )
-
-    assert not result.errors
-    transaction = result.data["createInventoryTransaction"]["inventoryTransaction"]
-    assert transaction["amount"] == 5
-    assert transaction["unitPrice"] == "12.5"
-    assert transaction["product"]["inventoryAmount"] == 5
-    assert transaction["user"]["id"] == str(user.id)
-    product.refresh_from_db()
-    assert product.inventory_amount == 5
-
-
-def test_inventory_report_aggregates_period_data(product, gql_client):
-    user = get_user_model().objects.create_user(username="report-user")
-    InventoryTransaction.objects.create(user=user, product=product, amount=5, unit_price=10)
-    transaction = Transaction.objects.create(user=user, amount=100)
-    order = Order.objects.create(order_sum=30)
-    OrderLine.objects.create(order=order, product=product, amount=2, unit_price=15)
-    start_time = timezone.make_naive(timezone.now() - timezone.timedelta(days=1))
-    end_time = timezone.make_naive(timezone.now() + timezone.timedelta(days=1))
-
-    result = gql_client.query(
-        """
-        query InventoryReport($startTime: DateTime!, $endTime: DateTime!) {
-          inventoryReport(startTime: $startTime, endTime: $endTime) {
-            products {
-              productId
-              purchaseUnits
-              purchaseValue
-              salesUnits
-              salesValue
-            }
-            inventoryPurchases
-            productSales
-            deposits
-            orderPurchases
-            balanceAtStart
-            balanceAtEnd
-          }
-        }
-        """,
-        variables={"startTime": start_time.isoformat(), "endTime": end_time.isoformat()},
-    )
-
-    assert not result.errors
-    report = result.data["inventoryReport"]
-    assert report["products"] == [
-        {
-            "productId": str(product.id),
-            "purchaseUnits": 5,
-            "purchaseValue": "50",
-            "salesUnits": 2,
-            "salesValue": "30",
-        }
-    ]
-    assert report["inventoryPurchases"] == "50"
-    assert report["productSales"] == "30"
-    assert report["deposits"] == "100"
-    assert report["orderPurchases"] == "30"
-    assert report["balanceAtStart"] == "0"
-    assert report["balanceAtEnd"] == "70"
-    assert transaction.amount == 100
-
-    products_result = gql_client.query(
-        """
-        query InventoryProducts {
-          allProducts {
-            id
-            active
-            inventoryAmount
-            wholesaleUnitPrice
-            wholesaleValue
-          }
-          inventoryTransactionList(ordering: [{created: DESC}], pagination: {limit: 20, offset: 0}) {
-            amount
-            unitPrice
-            product { name }
-            user { firstName lastName }
-          }
-        }
-        """
-    )
-
-    assert not products_result.errors
-    assert products_result.data["allProducts"][0]["active"]
-    assert products_result.data["inventoryTransactionList"][0]["amount"] == 5
-
-
-def test_create_order_no_customer(product, gql_client):
-    res = gql_client.query(
-        CREATE_ORDER,
-        {
-            "customerId": "999",
-            "isExternal": False,
-            "orderLines": [{"productId": product.id, "amount": 1}],
-        },
-    )
-    assert not res.errors
-    assert res.data["createOrder"]["message"]
-
-
-def test_create_order_empty_lines(product, gql_client):  # noqa: ARG001
-    res = gql_client.query(
-        CREATE_ORDER,
-        {
-            "customerId": "external",
-            "isExternal": True,
-            "orderLines": [],
-        },
-    )
-    assert not res.errors
-    assert res.data["createOrder"]["message"]
-
-
-def test_create_order_insufficient_funds(user, product, gql_client):
-    res = gql_client.query(
-        CREATE_ORDER,
-        {
-            "customerId": str(user.id),
-            "isExternal": False,
-            "orderLines": [{"productId": product.id, "amount": 1}],
-        },
-    )
-    assert not res.errors
-    assert res.data["createOrder"]["amountLacking"] == 20
-    assert res.data["createOrder"]["error"] is True
-    assert Order.objects.count() == 0
-    product.refresh_from_db()
-    assert product.inventory_amount == 0
-
-
-def test_create_order_internal_success(user, product, gql_client):
-    user.profile.balance = 100
-    user.profile.save()
-    res = gql_client.query(
-        CREATE_ORDER,
-        {
-            "customerId": str(user.id),
-            "isExternal": False,
-            "orderLines": [{"productId": product.id, "amount": 1}],
-        },
-    )
-    assert not res.errors
-    assert res.data["createOrder"]["order"]
-    user.profile.refresh_from_db()
-    assert user.profile.balance == 70
-    product.refresh_from_db()
-    assert product.inventory_amount == -1
-
-
-def test_create_order_exact_balance(user, product, gql_client):
-    user.profile.balance = 30
-    user.profile.save()
-    res = gql_client.query(
-        CREATE_ORDER,
-        {
-            "customerId": str(user.id),
-            "isExternal": False,
-            "orderLines": [{"productId": product.id, "amount": 1}],
-        },
-    )
-    assert not res.errors
-    assert res.data["createOrder"]["order"]
-    user.profile.refresh_from_db()
-    assert user.profile.balance == 0
-
-
-def test_create_deposit(user, gql_client):
-    res = gql_client.query(CREATE_DEPOSIT, {"userId": str(user.id), "amount": 100})
-    assert not res.errors
-    assert res.data["createDeposit"]["transaction"]
-    assert Transaction.objects.count() == 1
-    user.profile.refresh_from_db()
-    assert user.profile.balance == 110
-
-
-def test_create_deposit_invalid_user(db, gql_client):  # noqa: ARG001
-    res = gql_client.query(CREATE_DEPOSIT, {"userId": "999", "amount": 100})
-    assert not res.errors
-    assert res.data["createDeposit"]["message"]
-
-
-def test_create_deposit_invalid_amount(user, gql_client):
-    res = gql_client.query(CREATE_DEPOSIT, {"userId": str(user.id), "amount": 0})
-    assert not res.errors
-    assert res.data["createDeposit"]["message"]
-
-
-def test_create_deposit_above_max_saldo(user, gql_client):
-    res = gql_client.query(CREATE_DEPOSIT, {"userId": str(user.id), "amount": 1000})
-    assert not res.errors
-    assert res.data["createDeposit"]["maxSaldo"] is not None
-    assert res.data["createDeposit"]["above"] == 10
-    assert Transaction.objects.count() == 0
-
-
-def test_create_deposit_1337(user, gql_client):
-    # balance=10, so amount=1327 makes balance+amount==1337, bypassing max saldo
-    res = gql_client.query(CREATE_DEPOSIT, {"userId": str(user.id), "amount": 1327})
-    assert not res.errors
-    assert res.data["createDeposit"]["transaction"]
-
-
-def test_create_user(db, gql_client):  # noqa: ARG001
-    res = gql_client.query(CREATE_USER, {"input": {"email": "new@example.com", "firstName": "New", "lastName": "User"}})
-    assert not res.errors
-    assert get_user_model().objects.filter(username="new@example.com").exists()
-    assert UserProfile.objects.count() == 1

bbs/tests/test_queries.py

@@ -1,63 +0,0 @@
-ALL_USERS = "query { allUsers { id firstName lastName } }"
-USER = "query User($userId: ID!) { user(userId: $userId) { id firstName lastName } }"
-USER_PROFILE = "query User($userId: ID!) { user(userId: $userId) { profile { balance topMonths { period count sum } productOrderStats { productName data { x y } } } } }"
-ALL_PRODUCTS = "query { allProducts { id name } }"
-ALL_ORDERS = "query { allOrders { id orderSum } }"
-ORDER_LIST = "query { orderList { id orderSum } }"
-ORDER_STATS = "query { orderStats { yearly { period count } monthly { period count } daily { period count } hourly { period count } } }"
-PRODUCT_STATS = "query { productStats { productName data { x y } } }"
-TRANSACTION_LIST = "query { transactionList { id amount } }"
-
-
-def test_user(user, gql_client):
-    res = gql_client.query(USER, {"userId": str(user.id)})
-    assert not res.errors
-    assert res.data["user"]["id"] == str(user.id)
-
-
-def test_all_users(user, gql_client):  # noqa: ARG001
-    res = gql_client.query(ALL_USERS)
-    assert not res.errors
-    assert len(res.data["allUsers"]) == 1
-
-
-def test_all_products(product, gql_client):  # noqa: ARG001
-    res = gql_client.query(ALL_PRODUCTS)
-    assert not res.errors
-    assert len(res.data["allProducts"]) == 1
-
-
-def test_all_orders(order, gql_client):  # noqa: ARG001
-    res = gql_client.query(ALL_ORDERS)
-    assert not res.errors
-    assert len(res.data["allOrders"]) == 1
-
-
-def test_order_list(order, gql_client):  # noqa: ARG001
-    res = gql_client.query(ORDER_LIST)
-    assert not res.errors
-    assert len(res.data["orderList"]) == 1
-
-
-def test_order_stats(db, gql_client):  # noqa: ARG001
-    res = gql_client.query(ORDER_STATS)
-    assert not res.errors
-    assert "daily" in res.data["orderStats"]
-
-
-def test_product_stats(order, gql_client):  # noqa: ARG001
-    res = gql_client.query(PRODUCT_STATS)
-    assert not res.errors
-    assert res.data["productStats"]
-
-
-def test_transaction_list(transaction, gql_client):  # noqa: ARG001
-    res = gql_client.query(TRANSACTION_LIST)
-    assert not res.errors
-    assert len(res.data["transactionList"]) == 1
-
-
-def test_user_profile(user, gql_client):
-    res = gql_client.query(USER_PROFILE, {"userId": str(user.id)})
-    assert not res.errors
-    assert res.data["user"]["profile"]["balance"] is not None

bbs/tests/test_seed_demo_data.py

@@ -1,93 +0,0 @@
-import pytest
-from django.contrib.auth import get_user_model
-from django.core.management import call_command
-from django.test import Client
-from strawberry.django.test import GraphQLTestClient
-
-from bbs.management.commands.seed_demo_data import DEMO_PRODUCTS
-from bbs.models import InventoryTransaction, Order, Product, Transaction, UserProfile
-
-DEMO_PRODUCT_NAMES = [name for name, *_ in DEMO_PRODUCTS]
-
-
-@pytest.mark.django_db
-def test_seed_demo_data_is_repeatable():
-    call_command("seed_demo_data")
-    call_command("seed_demo_data")
-
-    assert get_user_model().objects.filter(username__startswith="demo-").count() == 9
-    assert Product.objects.filter(name__in=DEMO_PRODUCT_NAMES).count() == 6
-    assert Order.objects.count() == 11
-    assert Transaction.objects.count() == 9
-    assert InventoryTransaction.objects.count() == 6
-    assert sum(product.inventory_amount for product in Product.objects.filter(name__in=DEMO_PRODUCT_NAMES)) == 155
-    assert all(profile.balance >= 0 for profile in UserProfile.objects.all())
-    assert all("pravatar.cc" in profile.image for profile in UserProfile.objects.all())
-
-
-@pytest.mark.django_db
-def test_demo_data_is_available_when_an_admin_has_no_profile():
-    user_model = get_user_model()
-    user_model.objects.create_superuser(username="admin", email="admin@example.test", password="password")
-    call_command("seed_demo_data")
-
-    gql_client = GraphQLTestClient(Client())
-    result = gql_client.query(
-        """
-        {
-          allProducts(filters: {active: true}) { name }
-          allUsers { firstName lastName profile { balance } }
-        }
-        """
-    )
-
-    assert not result.errors
-    assert result.data
-    assert len(result.data["allProducts"]) == 6
-    assert len(result.data["allUsers"]) == 9
-
-    ada = user_model.objects.get(username="demo-ada")
-    detail_result = gql_client.query(
-        """
-        query UserDetail($userId: ID!) {
-          user(userId: $userId) {
-            firstName
-            profile {
-              balance
-              lastPurchaseDate
-              orderSumTotal
-              topMonths { period sum count }
-              productOrderStats { productName data { x y } }
-            }
-          }
-        }
-        """,
-        variables={"userId": str(ada.pk)},
-    )
-
-    assert not detail_result.errors
-    assert detail_result.data["user"]["profile"]["topMonths"]
-    assert isinstance(detail_result.data["user"]["profile"]["topMonths"][0]["sum"], float)
-
-
-@pytest.mark.django_db
-def test_seed_demo_data_random_size_adds_consistent_data():
-    call_command("seed_demo_data", size="small", seed=1, users=5, orders=30)
-
-    random_users = get_user_model().objects.exclude(username__startswith="demo-")
-    assert random_users.count() == 5
-    assert Order.objects.count() == 11 + 30
-    for user in random_users:
-        deposits = sum(t.amount for t in Transaction.objects.filter(user=user))
-        purchases = sum(o.order_sum for o in Order.objects.filter(customer=user))
-        assert user.profile.balance == deposits - purchases
-        assert user.profile.balance >= 0
-    assert all(product.inventory_amount >= 0 for product in Product.objects.all())
-
-
-@pytest.mark.django_db
-def test_seed_demo_data_random_size_can_run_twice():
-    call_command("seed_demo_data", size="small", seed=1, users=5, orders=5)
-    call_command("seed_demo_data", size="small", seed=1, users=5, orders=5)
-
-    assert get_user_model().objects.exclude(username__startswith="demo-").count() == 10

bbs/tests/test_spa.py

@@ -1,10 +0,0 @@
-import pytest
-from django.test import Client
-
-
-@pytest.mark.parametrize("path", ["/inventory", "/inventory/add", "/report"])
-def test_inventory_pages_serve_the_spa_entry(client: Client, path: str):
-    response = client.get(path)
-
-    assert response.status_code == 200
-    assert b'<div id="root"></div>' in b"".join(response.streaming_content)

bbs/tests/test_urls.py

@@ -1,53 +0,0 @@
-import importlib
-
-import pytest
-from django.test import Client
-from django.urls import clear_url_caches
-
-import bbs.urls
-
-
-@pytest.fixture
-def prod_urls(settings, tmp_path):
-    """bbs.urls as the image loads it: routes under api/, uploads and frontend routes served."""
-    settings.DEBUG = False
-    settings.BBS_API_PREFIX = "api/"
-    settings.MEDIA_ROOT = str(tmp_path)
-    (tmp_path / "products").mkdir()
-    (tmp_path / "products" / "beer.png").write_bytes(b"png")
-    clear_url_caches()
-    importlib.reload(bbs.urls)
-    yield
-    settings.DEBUG = True
-    settings.BBS_API_PREFIX = ""
-    clear_url_caches()
-    importlib.reload(bbs.urls)
-
-
-def test_graphql_under_api_prefix(prod_urls, client: Client, db):  # noqa: ARG001
-    response = client.post("/api/graphql/", {"query": "{ allUsers { id } }"}, content_type="application/json")
-
-    assert response.status_code == 200
-    assert response.json() == {"data": {"allUsers": []}}
-
-
-def test_login_page_renders(prod_urls, client: Client, db):  # noqa: ARG001
-    response = client.get("/api/accounts/login/")
-
-    assert response.status_code == 200
-    assert b"csrfmiddlewaretoken" in response.content
-
-
-@pytest.mark.parametrize("path", ["/deposit", "/stats/users", "/user/1"])
-def test_frontend_routes_serve_the_spa_entry(prod_urls, client: Client, path: str):  # noqa: ARG001
-    response = client.get(path)
-
-    assert response.status_code == 200
-    assert b'<div id="root"></div>' in b"".join(response.streaming_content)
-
-
-def test_uploads_are_served(prod_urls, client: Client):  # noqa: ARG001
-    response = client.get("/media/products/beer.png")
-
-    assert response.status_code == 200
-    assert b"".join(response.streaming_content) == b"png"

bbs/tests/test_utils.py

@@ -1,21 +0,0 @@
-from bbs.utils import format_username
-
-
-def test_format_username():
-    assert format_username("Ada", "Lovelace") == "adalovela"
-
-
-def test_format_username_truncates_names():
-    assert format_username("Aleksandar", "Vukovic") == "aleksavukovi"
-
-
-def test_format_username_removes_spaces():
-    assert format_username("Mary Jane", "van Dijk") == "maryjavandij"
-
-
-def test_format_username_drops_non_ascii_characters():
-    assert format_username("Ångström", "Ø") == "ngstr"
-
-
-def test_format_username_allows_empty_names():
-    assert format_username("", "") == ""

bbs/urls.py

@@ -2,23 +2,21 @@ from django.conf import settings
 from django.conf.urls.static import static
 from django.contrib import admin
 from django.contrib.auth.views import LoginView, LogoutView
-from django.urls import include, path, re_path
+from django.urls import path
 from django.views.decorators.csrf import csrf_exempt
-from django.views.static import serve
 from strawberry.django.views import GraphQLView
 
 from bbs.api.schema import schema
-from bbs.views.spa import spa_index
+from bbs.views.reports import inventory, inventory_add, report
 
 admin.autodiscover()
 
-api_patterns = [
-    # bbs has no login template of its own; the admin's works for any user
-    path(
-        "accounts/login/",
-        LoginView.as_view(template_name="admin/login.html", extra_context={"site_header": "BBS"}),
-        name="django.contrib.auth.views.login",
-    ),
+urlpatterns = [
+    # TODO: migrate reports to SPA
+    path("inventory/", inventory, name="inventory"),
+    path("inventory/add/", inventory_add, name="inventory-add"),
+    path("report", report, name="report"),
+    path("accounts/login/", LoginView.as_view(), name="django.contrib.auth.views.login"),
     path(
         "accounts/logout/",
         LogoutView.as_view(),
@@ -28,23 +26,5 @@ api_patterns = [
     path("graphql/", csrf_exempt(GraphQLView.as_view(schema=schema)), name="graphql"),
 ]
 
-urlpatterns = [
-    path("inventory", spa_index, name="inventory"),
-    path("inventory/", spa_index),
-    path("inventory/add", spa_index, name="inventory-add"),
-    path("inventory/add/", spa_index),
-    path("report", spa_index, name="report"),
-    path("report/", spa_index),
-    path(settings.BBS_API_PREFIX, include(api_patterns)),
-]
-
-if settings.DEBUG:
-    urlpatterns += static("/media", document_root=settings.MEDIA_ROOT)
-    urlpatterns += static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)
-else:
-    # The container has no web server of its own for uploads, and there are few of them.
-    # Any other path is a frontend route, which index.html renders.
-    urlpatterns += [
-        re_path(r"^media/(?P<path>.*)$", serve, {"document_root": settings.MEDIA_ROOT}),
-        re_path(r"^(?!media/|static/).*$", spa_index),
-    ]
+urlpatterns += static("/media", document_root=settings.MEDIA_ROOT)
+urlpatterns += static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)

bbs/views/reports.py

@@ -1,9 +1,8 @@
-from datetime import timedelta
+from datetime import datetime, timedelta
 from itertools import groupby
 
 from django.contrib import messages
 from django.shortcuts import redirect, render
-from django.utils import timezone
 
 from bbs.forms import DateRangeForm, InventoryTransactionForm
 from bbs.models import InventoryTransaction, Order, Product, Transaction, UserProfile
@@ -11,12 +10,12 @@ from bbs.models import InventoryTransaction, Order, Product, Transaction, UserPr
 
 def report(request):
     # FIXME: split this up in smaller pieces
-    datetime_now = timezone.localtime()
-    start_time = timezone.localtime() - timedelta(days=30)
+    datetime_now = datetime.now()  # noqa: DTZ005
+    start_time = datetime.now() - timedelta(days=30)  # noqa: DTZ005
     # start of day, 1 month
     start_time = start_time.replace(hour=0, minute=0, second=0, microsecond=0)
     # end of day
-    end_time = timezone.localtime().replace(hour=23, minute=59, second=59, microsecond=999)
+    end_time = datetime.now().replace(hour=23, minute=59, second=59, microsecond=999)  # noqa: DTZ005
 
     if request.GET.get("start_time", False) or request.GET.get("end_time", False):
         form = DateRangeForm(request.GET)

bbs/views/spa.py

@@ -1,11 +0,0 @@
-from pathlib import Path
-
-from django.contrib.staticfiles import finders
-from django.http import FileResponse, Http404
-
-
-def spa_index(_request):
-    index_path = finders.find("index.html")
-    if not index_path:
-        raise Http404("The frontend has not been built.")
-    return FileResponse(Path(index_path).open("rb"), content_type="text/html")

bin/generate_schema

@@ -0,0 +1,4 @@
+#!/bin/bash
+
+python manage.py export_schema
+cd frontend && npm run generate

bin/pre-commit

@@ -0,0 +1,3 @@
+#!/bin/bash
+
+uvx pre-commit run --all-files

bin/run

@@ -0,0 +1,3 @@
+#!/bin/bash
+
+python manage.py runserver

bin/run-frontend

@@ -0,0 +1,4 @@
+#!/bin/bash
+
+cd frontend && npm run start
+

bin/test

@@ -0,0 +1,3 @@
+#!/bin/bash
+
+pytest -v

frontend/.eslintignore

@@ -0,0 +1 @@
+src/types.ts

frontend/.eslintrc.js

@@ -0,0 +1,53 @@
+module.exports = {
+  env: {
+    browser: true,
+  },
+  parser: "@typescript-eslint/parser",
+  parserOptions: {
+    ecmaVersion: 2020,
+    sourceType: "module",
+  },
+  extends: [
+    "plugin:prettier/recommended",
+    "plugin:react/recommended",
+    "plugin:import/errors",
+    "plugin:import/warnings",
+    "plugin:import/typescript",
+    "plugin:react/recommended",
+    "plugin:@typescript-eslint/recommended",
+  ],
+  rules: {
+    "no-console": "off",
+    "prefer-destructuring": "off",
+    "import/no-extraneous-dependencies": [
+      "error",
+      {
+        devDependencies: ["**/*.test.js", "**/*.spec.js", "**/__tests__/**"],
+      },
+    ],
+    "import/prefer-default-export": "off",
+    "import/order": [
+      "error",
+      {
+        groups: ["builtin", "external", "internal", ["parent", "sibling", "index"]],
+        "newlines-between": "always",
+        alphabetize: { order: "asc" },
+      },
+    ],
+    "react-hooks/exhaustive-deps": "error",
+    "react-hooks/rules-of-hooks": "error",
+    "react/button-has-type": "error",
+    "react/jsx-filename-extension": ["warn", { extensions: [".js", ".jsx", ".ts", ".tsx"] }],
+    "react/jsx-uses-react": "off",
+    "react/prefer-stateless-function": "warn",
+    "react/prop-types": "off",
+    "react/react-in-jsx-scope": "off",
+    "react/sort-comp": "off",
+  },
+  plugins: ["prettier", "react", "react-hooks"],
+  settings: {
+    react: {
+      version: "detect",
+    },
+  },
+};

frontend/.nvmrc

@@ -1 +1 @@
-v26
+v20

frontend/codegen.yml

@@ -3,28 +3,6 @@ documents: ./src/**/*.graphql
 generates:
   ./src/types.ts:
     plugins:
-      - typescript:
-          typesPrefix: Schema
-          scalars:
-            DateTime:
-              input: string
-              output: string
-            Decimal:
-              input: string
-              output: string
-            JSON:
-              input: unknown
-              output: "Array<{ name: string; count: number }>"
-      - typescript-operations:
-          nonOptionalTypename: true
-          scalars:
-            DateTime:
-              input: string
-              output: string
-            Decimal:
-              input: string
-              output: string
-            JSON:
-              input: unknown
-              output: "Array<{ name: string; count: number }>"
+      - typescript
+      - typescript-operations
       - typed-document-node

frontend/eslint.config.js

@@ -1,54 +0,0 @@
-import js from "@eslint/js";
-import globals from "globals";
-import tseslint from "typescript-eslint";
-import reactHooks from "eslint-plugin-react-hooks";
-import reactRefresh from "eslint-plugin-react-refresh";
-import importPlugin from "eslint-plugin-import-x";
-import prettier from "eslint-plugin-prettier/recommended";
-import { defineConfig, globalIgnores } from "eslint/config";
-
-export default defineConfig([
-  globalIgnores(["dist", "src/types.ts"]),
-  {
-    files: ["**/*.{ts,tsx}"],
-    extends: [
-      js.configs.recommended,
-      tseslint.configs.recommended,
-      reactHooks.configs.flat.recommended,
-      reactRefresh.configs.vite,
-      prettier,
-    ],
-    plugins: {
-      "import-x": importPlugin,
-    },
-    languageOptions: {
-      globals: globals.browser,
-    },
-    settings: {
-      react: {
-        version: "detect",
-      },
-    },
-    rules: {
-      "no-console": "off",
-      "prefer-destructuring": "off",
-      "import-x/no-extraneous-dependencies": [
-        "error",
-        {
-          devDependencies: ["**/*.test.ts", "**/*.spec.ts", "**/__tests__/**"],
-        },
-      ],
-      "import-x/prefer-default-export": "off",
-      "import-x/order": [
-        "error",
-        {
-          groups: ["builtin", "external", "internal", ["parent", "sibling", "index"]],
-          "newlines-between": "always",
-          alphabetize: { order: "asc" },
-        },
-      ],
-      "react-hooks/exhaustive-deps": "error",
-      "react-hooks/rules-of-hooks": "error",
-    },
-  },
-]);

frontend/package.json

@@ -3,66 +3,63 @@
   "version": "1.0.0",
   "private": true,
   "scripts": {
-    "build": "tsc -b && vite build",
-    "check-types": "tsc -b",
+    "build": "tsc && vite build",
+    "check-types": "tsc",
     "dev": "vite",
     "format:js": "eslint --fix src",
-    "format:styles": "prettier --write \"src/**/*.css\"",
-    "generate": "node scripts/generate-types.mjs",
+    "format:styles": "stylelint --fix src",
+    "generate": "graphql-codegen",
     "lint:js": "eslint src",
-    "lint:styles": "prettier --check \"src/**/*.css\"",
+    "lint:styles": "stylelint src",
     "preview": "vite preview",
     "start": "vite",
-    "test": "node --test"
+    "test": "jest"
   },
   "dependencies": {
-    "@apollo/client": "^4.2.0",
-    "@nivo/bar": "^0.99.0",
-    "@nivo/line": "^0.99.0",
-    "@nivo/pie": "^0.99.0",
-    "clsx": "^2.1.1",
-    "date-fns": "^4.3.0",
-    "graphql": "^16.14.0",
-    "react": "^19.2.6",
-    "react-dom": "^19.2.6",
-    "react-hook-form": "^7.76.1",
-    "react-router-dom": "^7.18.4",
+    "@apollo/client": "^3.5.10",
+    "@nivo/bar": "^0.79.1",
+    "@nivo/line": "^0.79.1",
+    "@nivo/pie": "^0.79.1",
+    "clsx": "^1.1.1",
+    "date-fns": "^2.28.0",
+    "graphql": "^16.3.0",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "react-hook-form": "^7.30.0",
+    "react-router-dom": "^6.3.0",
     "use-url-search-params": "^2.5.1"
   },
   "devDependencies": {
-    "@babel/core": "^7.29.7",
-    "@eslint/js": "^10.0.1",
-    "@graphql-codegen/core": "^6.2.2",
-    "@graphql-codegen/typed-document-node": "^7.2.0",
-    "@graphql-codegen/typescript": "^6.1.2",
-    "@graphql-codegen/typescript-operations": "^6.1.10",
+    "@graphql-codegen/cli": "^2.6.2",
+    "@graphql-codegen/typed-document-node": "^2.2.8",
+    "@graphql-codegen/typescript-operations": "^2.3.5",
     "@graphql-typed-document-node/core": "^3.1.1",
-    "@rolldown/plugin-babel": "^0.2.3",
-    "@types/babel__core": "^7.20.5",
-    "@types/node": "^26.6.5",
-    "@types/react": "^19.2.15",
-    "@types/react-dom": "^19.2.3",
-    "@vitejs/plugin-react": "^6.0.2",
-    "babel-plugin-react-compiler": "^1.0.0",
-    "eslint": "^10.4.0",
-    "eslint-config-prettier": "^10.1.8",
-    "eslint-plugin-import-x": "^4.16.2",
-    "eslint-plugin-prettier": "^5.5.7",
-    "eslint-plugin-react-hooks": "^7.1.1",
-    "eslint-plugin-react-refresh": "^0.5.2",
-    "globals": "^17.6.0",
-    "prettier": "^3.6.2",
-    "typescript": "~6.0.3",
-    "typescript-eslint": "^8.60.0",
-    "vite": "^8.0.14",
-    "vite-plugin-svgr": "^5.2.0",
-    "yaml": "^2.8.1"
+    "@types/react": "^17.0.44",
+    "@types/react-dom": "^17.0.15",
+    "@types/react-router-dom": "^5.3.3",
+    "@typescript-eslint/eslint-plugin": "^5.19.0",
+    "@typescript-eslint/parser": "^5.19.0",
+    "@vitejs/plugin-react": "^1.3.1",
+    "@vitejs/plugin-react-refresh": "^1.3.6",
+    "eslint": "^8.13.0",
+    "eslint-config-prettier": "^8.5.0",
+    "eslint-plugin-import": "^2.26.0",
+    "eslint-plugin-prettier": "^4.0.0",
+    "eslint-plugin-react": "^7.29.4",
+    "eslint-plugin-react-hooks": "^4.4.0",
+    "jest": "^27.5.1",
+    "prettier": "^2.6.2",
+    "stylelint": "^14.7.0",
+    "stylelint-config-idiomatic-order": "^8.1.0",
+    "stylelint-config-prettier": "^9.0.3",
+    "stylelint-config-recommended": "^7.0.0",
+    "stylelint-order": "^5.0.0",
+    "stylelint-prettier": "^2.0.0",
+    "typescript": "^4.6.3",
+    "vite": "^2.9.5",
+    "vite-plugin-svgr": "^1.1.0"
   },
   "engines": {
-    "node": "26"
-  },
-  "overrides": {
-    "@whatwg-node/promise-helpers": "^1.3.2"
-  },
-  "type": "module"
+    "node": "20"
+  }
 }

frontend/scripts/generate-types.mjs

@@ -1,66 +0,0 @@
-import { readdir, readFile, writeFile } from "node:fs/promises";
-import path from "node:path";
-import { fileURLToPath } from "node:url";
-
-import { codegen } from "@graphql-codegen/core";
-import { plugin as typedDocumentNodePlugin } from "@graphql-codegen/typed-document-node";
-import { plugin as typescriptOperationsPlugin } from "@graphql-codegen/typescript-operations";
-import { plugin as typescriptPlugin } from "@graphql-codegen/typescript";
-import { buildASTSchema, parse } from "graphql";
-import { parse as parseYaml } from "yaml";
-
-const frontendRoot = path.resolve(path.dirname(fileURLToPath(import.meta.url)), "..");
-const configPath = path.join(frontendRoot, "codegen.yml");
-const config = parseYaml(await readFile(configPath, "utf8"));
-const schemaDocument = parse(await readFile(path.resolve(frontendRoot, config.schema), "utf8"));
-const outputEntries = Object.entries(config.generates ?? {});
-
-if (outputEntries.length !== 1) {
-  throw new Error(`Expected one GraphQL Codegen output in ${configPath}`);
-}
-
-const [outputName, outputConfig] = outputEntries[0];
-const outputPath = path.resolve(frontendRoot, outputName);
-const sourceRoot = path.join(frontendRoot, "src");
-const plugins = outputConfig.plugins.map((plugin) =>
-  typeof plugin === "string" ? { [plugin]: {} } : plugin,
-);
-
-async function findGraphqlFiles(directory) {
-  const entries = await readdir(directory, { withFileTypes: true });
-  const nestedFiles = await Promise.all(
-    entries.map((entry) => {
-      const entryPath = path.join(directory, entry.name);
-      if (entry.isDirectory()) return findGraphqlFiles(entryPath);
-      return entry.isFile() && entry.name.endsWith(".graphql") ? [entryPath] : [];
-    }),
-  );
-  return nestedFiles.flat();
-}
-
-const documents = await Promise.all(
-  (await findGraphqlFiles(sourceRoot))
-    .sort()
-    .map(async (location) => ({
-      location,
-      document: parse(await readFile(location, "utf8")),
-    })),
-);
-
-const pluginMap = {
-  typescript: { plugin: typescriptPlugin },
-  "typescript-operations": { plugin: typescriptOperationsPlugin },
-  "typed-document-node": { plugin: typedDocumentNodePlugin },
-};
-
-const generated = await codegen({
-  filename: outputPath,
-  schema: schemaDocument,
-  schemaAst: buildASTSchema(schemaDocument),
-  documents,
-  config: {},
-  plugins,
-  pluginMap,
-});
-
-await writeFile(outputPath, generated);

frontend/src/App.module.css

@@ -1,5 +1,4 @@
 .app {
-  flex: 1 0 auto;
-  width: min(100% - 2rem, 1220px);
   margin: 1rem auto;
+  max-width: 1220px;
 }

frontend/src/App.tsx

@@ -1,4 +1,4 @@
-import { ApolloProvider } from "@apollo/client/react";
+import { ApolloProvider } from "@apollo/client";
 import React from "react";
 import { BrowserRouter as Router } from "react-router-dom";
 
@@ -11,7 +11,7 @@ import { Toast } from "./components/Toast";
 import { ToastProvider } from "./components/ToastProvider";
 import { Wireframe } from "./components/Wireframe";
 
-const App = (): React.JSX.Element => (
+const App = (): JSX.Element => (
   <ApolloProvider client={client}>
     <Router>
       <ToastProvider>

frontend/src/Routes.tsx

@@ -4,30 +4,22 @@ import { Route, Routes as ReactRouterRoutes } from "react-router-dom";
 const Splash = React.lazy(() => import("./components/Splash"));
 const UserCreate = React.lazy(() => import("./features/auth/UserCreate"));
 const Deposit = React.lazy(() => import("./features/deposit/Deposit"));
-const Inventory = React.lazy(() => import("./features/inventory/Inventory"));
-const InventoryAdd = React.lazy(() => import("./features/inventory/InventoryAdd"));
-const InventoryReport = React.lazy(() => import("./features/inventory/InventoryReport"));
 const Log = React.lazy(() => import("./features/log/Log"));
 const Register = React.lazy(() => import("./features/register/Register"));
 const OrderStats = React.lazy(() => import("./features/stats/OrderStats"));
 const ProductStats = React.lazy(() => import("./features/stats/ProductStats"));
 const Stats = React.lazy(() => import("./features/stats/Stats"));
-const UserStats = React.lazy(() => import("./features/stats/UserStats"));
 const UserDetail = React.lazy(() => import("./features/users/UserDetail"));
 const UserList = React.lazy(() => import("./features/users/UserList"));
 
-export const Routes = (): React.JSX.Element => (
+export const Routes = (): JSX.Element => (
   <React.Suspense fallback={<div>Loading...</div>}>
     <ReactRouterRoutes>
       <Route path="/deposit" element={<Deposit />} />
-      <Route path="/inventory" element={<Inventory />} />
-      <Route path="/inventory/add" element={<InventoryAdd />} />
-      <Route path="/report" element={<InventoryReport />} />
       <Route path="/log" element={<Log />} />
       <Route path="/stats" element={<Stats />} />
       <Route path="/stats/orders" element={<OrderStats />} />
       <Route path="/stats/products" element={<ProductStats />} />
-      <Route path="/stats/users" element={<UserStats />} />
       <Route path="/users" element={<UserList />} />
       <Route path="/users/create" element={<UserCreate />} />
       <Route path="/user/:userId" element={<UserDetail />} />

frontend/src/client.ts

@@ -1,7 +1,7 @@
-import { ApolloClient, HttpLink, InMemoryCache } from "@apollo/client";
+import { ApolloClient, InMemoryCache } from "@apollo/client";
 
 const client = new ApolloClient({
-  link: new HttpLink({ uri: import.meta.env.DEV ? "/graphql/" : `${import.meta.env.VITE_API_URL}/graphql/` }),
+  uri: `${import.meta.env.VITE_API_URL}/graphql/`,
   cache: new InMemoryCache(),
 });
 

frontend/src/components/Footer.module.css

@@ -1,6 +1,8 @@
 .footer {
-  flex-shrink: 0;
-  padding: 0 0 1rem;
+  position: absolute;
+  right: 0;
+  bottom: 1rem;
+  left: 0;
   height: 20px;
   color: rgba(255, 255, 255, 0.5);
   font-size: 0.8rem;

frontend/src/components/Footer.tsx

@@ -1,9 +1,9 @@
 import React from "react";
 
+import { ReactComponent as Brick } from "../assets/brick.svg";
 import styles from "./Footer.module.css";
-import Brick from "../assets/brick.svg?react";
 
-export const Footer = (): React.JSX.Element => {
+export const Footer = (): JSX.Element => {
   return (
     <footer className={styles.footer}>
       Made with <span className={styles.heart}>❤</span> by{" "}

frontend/src/components/GQLError.module.css

@@ -1,11 +1,9 @@
 .errorMessage {
-  width: 100%;
-  margin-top: 30vh;
-  color: var(--brand);
-  font-family:
-    Rocket Rinder,
-    monospace;
+  font-family: Rocket Rinder, monospace;
   font-size: 3rem;
   font-style: italic;
+  color: var(--brand);
   text-align: center;
+  width: 100%;
+  margin-top: 30vh;
 }

frontend/src/components/GQLError.tsx

@@ -1,5 +1,5 @@
-import type { ErrorLike } from "@apollo/client";
-import { CombinedGraphQLErrors } from "@apollo/client/errors";
+import { ApolloError } from "@apollo/client";
+import React from "react";
 
 import styles from "./GQLError.module.css";
 
@@ -11,9 +11,9 @@ const formatModel = (text: string) => {
   return withSpaces.charAt(0).toUpperCase() + withSpaces.slice(1);
 };
 
-export const GQLError = ({ error }: { error: ErrorLike }) => {
-  if (error instanceof CombinedGraphQLErrors && error.errors.length === 1) {
-    const single = error.errors[0];
+export const GQLError = ({ error }: { error: ApolloError }) => {
+  if (error?.graphQLErrors?.length == 1) {
+    const single = error?.graphQLErrors[0];
     if (single?.extensions?.code === "NOT_FOUND") {
       const modelPretty = formatModel(single?.extensions?.model as string);
       return <div className={styles.errorMessage}>{`${modelPretty} not found`}</div>;

frontend/src/components/Header.module.css

@@ -1,15 +1,12 @@
 .header {
-  width: min(100% - 2rem, 1220px);
-  max-width: 1220px;
   margin: 1rem auto;
+  max-width: 1220px;
 }
 
 .nav {
   display: flex;
-  min-height: 5rem;
+  height: 5rem;
   align-items: center;
-  flex-wrap: wrap;
-  gap: 0.5rem 1rem;
   text-transform: uppercase;
 }
 
@@ -20,21 +17,14 @@
   display: block;
   height: 1px;
   background-color: rgba(243, 33, 61, 0.4);
-  box-shadow:
-    0 0 4px rgba(243, 33, 61, 0.4),
-    0 0 11px rgba(243, 33, 61, 0.4),
-    0 0 19px rgba(243, 33, 61, 0.4);
+  box-shadow: 0 0 4px rgba(243, 33, 61, 0.4), 0 0 11px rgba(243, 33, 61, 0.4), 0 0 19px rgba(243, 33, 61, 0.4);
   content: "";
   transform: rotate(-2.5deg);
 }
 
 .navLink:hover:after {
   background-color: var(--brand);
-  box-shadow:
-    0 0 4px var(--brand),
-    0 0 11px var(--brand),
-    0 0 19px var(--brand),
-    0 0 30px var(--brand);
+  box-shadow: 0 0 4px var(--brand), 0 0 11px var(--brand), 0 0 19px var(--brand), 0 0 30px var(--brand);
 }
 
 .logoNav {
@@ -44,8 +34,6 @@
 .navItems {
   display: flex;
   align-items: center;
-  flex: 1;
-  flex-wrap: wrap;
   padding: 0;
   margin: 0;
   list-style: none;
@@ -63,47 +51,16 @@
   color: white;
 }
 
-@media (max-width: 640px) {
-  .nav {
-    align-items: flex-start;
-  }
-
-  .logoNav {
-    margin: 0 auto;
-  }
-
-  .navItems {
-    justify-content: center;
-    gap: 0.25rem;
-  }
-
-  .navLink {
-    display: inline-block;
-    padding: 0.5rem;
-    font-size: 0.8rem;
-  }
-
-  .brand {
-    padding-left: 0;
-    font-size: 2.5rem;
-  }
-}
-
 /* FIXME: Duplicates Splash styles */
 .brand {
   padding-left: 1rem;
   color: var(--brand);
-  font-family:
-    Rocket Rinder,
-    monospace;
+  font-family: Rocket Rinder, monospace;
   font-size: 3rem;
   font-style: italic;
   letter-spacing: 2px;
   line-height: 1;
-  text-shadow:
-    0 0 4px rgba(243, 33, 61, 0.8),
-    0 0 11px rgba(243, 33, 61, 0.8),
-    0 0 19px rgba(243, 33, 61, 0.8);
+  text-shadow: 0 0 4px rgba(243, 33, 61, 0.8), 0 0 11px rgba(243, 33, 61, 0.8), 0 0 19px rgba(243, 33, 61, 0.8);
 }
 
 .subtitle {
@@ -111,9 +68,7 @@
   left: -8px;
   animation: flicker 1.5s infinite alternate;
   color: var(--interlace);
-  font-family:
-    Rocket Clouds DEMO,
-    serif;
+  font-family: Rocket Clouds DEMO, serif;
   font-size: 10px;
   font-weight: bold;
   line-height: 1;
@@ -128,10 +83,7 @@
   53%,
   57%,
   100% {
-    text-shadow:
-      0 0 4px rgba(121, 152, 238, 0.8),
-      0 0 11px rgba(121, 152, 238, 0.8),
-      0 0 19px rgba(121, 152, 238, 0.8);
+    text-shadow: 0 0 4px rgba(121, 152, 238, 0.8), 0 0 11px rgba(121, 152, 238, 0.8), 0 0 19px rgba(121, 152, 238, 0.8);
   }
 
   20%,

frontend/src/components/Header.tsx

@@ -8,7 +8,7 @@ const ADMIN_URL = `${import.meta.env.VITE_API_URL}/admin/`;
 
 const navLinkStyles = ({ isActive }: { isActive: boolean }) => clsx(styles.navLink, { [styles.active]: isActive });
 
-export const Header = (): React.JSX.Element => {
+export const Header = (): JSX.Element => {
   return (
     <header className={styles.header}>
       <nav className={styles.nav}>
@@ -32,16 +32,6 @@ export const Header = (): React.JSX.Element => {
               Logg
             </NavLink>
           </li>
-          <li>
-            <NavLink to="/inventory" className={navLinkStyles}>
-              Varebeholdning
-            </NavLink>
-          </li>
-          <li>
-            <NavLink to="/report" className={navLinkStyles}>
-              Rapport
-            </NavLink>
-          </li>
           <li>
             <NavLink to="/stats" className={navLinkStyles}>
               Statistikk

frontend/src/components/Splash.module.css

@@ -18,31 +18,22 @@
 .sun {
   width: clamp(100px, 65vw, 600px);
   height: clamp(100px, 65vw, 600px);
-  border-radius: 50% 50%;
   margin: 0 auto;
   background: linear-gradient(var(--sun) 50%, var(--sun-end) 90%);
-  box-shadow:
-    0 0 4px var(--sun),
-    0 0 11px var(--sun),
-    0 0 19px var(--sun),
-    0 0 30px var(--sun);
+  border-radius: 50% 50%;
+  box-shadow: 0 0 4px var(--sun), 0 0 11px var(--sun), 0 0 19px var(--sun), 0 0 30px var(--sun);
 }
 .brand {
   position: relative;
   left: -0.6rem;
   padding-top: 3rem;
   color: var(--brand);
-  font-family:
-    Rocket Rinder,
-    monospace;
+  font-family: Rocket Rinder, monospace;
   font-size: clamp(20px, 20vw, 200px);
   font-style: italic;
   letter-spacing: 1rem;
   line-height: 1;
-  text-shadow:
-    0 0 4px rgba(243, 33, 61, 0.8),
-    0 0 11px rgba(243, 33, 61, 0.8),
-    0 0 19px rgba(243, 33, 61, 0.8);
+  text-shadow: 0 0 4px rgba(243, 33, 61, 0.8), 0 0 11px rgba(243, 33, 61, 0.8), 0 0 19px rgba(243, 33, 61, 0.8);
 }
 
 .subtitle {
@@ -51,9 +42,7 @@
   left: 0rem;
   animation: flicker 1.5s infinite alternate;
   color: var(--interlace);
-  font-family:
-    Rocket Clouds DEMO,
-    serif;
+  font-family: Rocket Clouds DEMO, serif;
   font-size: clamp(20px, 5vw, 50px);
   font-weight: bold;
   line-height: 1;
@@ -68,10 +57,7 @@
   53%,
   57%,
   100% {
-    text-shadow:
-      0 0 4px rgba(121, 152, 238, 0.8),
-      0 0 11px rgba(121, 152, 238, 0.8),
-      0 0 19px rgba(121, 152, 238, 0.8);
+    text-shadow: 0 0 4px rgba(121, 152, 238, 0.8), 0 0 11px rgba(121, 152, 238, 0.8), 0 0 19px rgba(121, 152, 238, 0.8);
   }
 
   20%,

frontend/src/components/Splash.tsx

@@ -8,7 +8,7 @@ interface SplashProps {
   noOverlay?: boolean;
 }
 
-const Splash = ({ brandText = "BBS", noOverlay = false }: SplashProps): React.JSX.Element => (
+const Splash = ({ brandText = "BBS", noOverlay = false }: SplashProps): JSX.Element => (
   <div className={clsx(styles.splash, { [styles.overlay]: !noOverlay })}>
     <div className={styles.wrap}>
       <div className={styles.sun}></div>

frontend/src/components/Toast.module.css

@@ -16,17 +16,11 @@
 
 .primary {
   background: linear-gradient(var(--sun) 30%, var(--sun-end) 100%);
-  box-shadow:
-    0 0 4px var(--sun),
-    0 0 11px var(--sun),
-    0 0 19px var(--sun);
+  box-shadow: 0 0 4px var(--sun), 0 0 11px var(--sun), 0 0 19px var(--sun);
 }
 .danger {
   background: var(--brand);
-  box-shadow:
-    0 0 4px rgba(243, 33, 61, 0.8),
-    0 0 11px rgba(243, 33, 61, 0.8),
-    0 0 19px rgba(243, 33, 61, 0.8);
+  box-shadow: 0 0 4px rgba(243, 33, 61, 0.8), 0 0 11px rgba(243, 33, 61, 0.8), 0 0 19px rgba(243, 33, 61, 0.8);
 }
 
 .close {

frontend/src/components/Toast.tsx

@@ -2,9 +2,9 @@ import clsx from "clsx";
 import React from "react";
 
 import styles from "./Toast.module.css";
-import { useToast } from "../hooks/useToast";
+import { useToast } from "./ToastProvider";
 
-export const Toast = (): React.JSX.Element => {
+export const Toast = (): JSX.Element => {
   const { showToast, message, background, visible } = useToast();
 
   const classes = clsx([styles[background], styles.toast], { [styles.visible]: visible });

frontend/src/components/ToastProvider.tsx

@@ -1,17 +1,35 @@
-import React, { useState } from "react";
-import type { ReactNode } from "react";
+import React, { ReactNode, useContext, useState } from "react";
 
-import { ToastContext, defaultToastState } from "../contexts/ToastContext";
-import type { Background } from "../contexts/ToastContext";
+type Background = "primary" | "danger";
+
+interface ToastProps {
+  visible: boolean;
+  message: string;
+  showToast: (message: string, background?: Background) => void;
+  hide: () => void;
+  background: Background;
+}
+
+const defaultState = {
+  // FIXME: revert
+  visible: false,
+  message: "",
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
+  showToast: () => {},
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
+  hide: () => {},
+  background: "primary" as Background,
+};
+
+const ToastContext = React.createContext<ToastProps>(defaultState);
 
 type ToastProviderProps = {
   children: ReactNode;
 };
-
-export const ToastProvider = ({ children }: ToastProviderProps): React.JSX.Element => {
-  const [visible, setVisible] = useState(defaultToastState.visible);
-  const [message, setMessage] = useState(defaultToastState.message);
-  const [background, setBackground] = useState(defaultToastState.background);
+export const ToastProvider = ({ children }: ToastProviderProps): JSX.Element => {
+  const [visible, setVisible] = useState(defaultState.visible);
+  const [message, setMessage] = useState(defaultState.message);
+  const [background, setBackground] = useState(defaultState.background);
 
   const showToast = (newMessage: string, background: Background = "primary") => {
     setMessage(newMessage);
@@ -31,3 +49,5 @@ export const ToastProvider = ({ children }: ToastProviderProps): React.JSX.Eleme
     <ToastContext.Provider value={{ visible, showToast, message, hide, background }}>{children}</ToastContext.Provider>
   );
 };
+
+export const useToast = (): ToastProps => useContext(ToastContext);

frontend/src/components/Wireframe.module.css

@@ -1,47 +1,33 @@
-.decoration {
-  position: absolute;
-  z-index: -1;
-  top: 0;
-  right: 0;
-  left: 0;
-  height: 100vh;
-  overflow: clip;
-  pointer-events: none;
-}
-
 .wireframe {
   position: absolute;
   bottom: calc(22% - 512px);
   left: calc(50% - 512px);
-  display: grid;
   width: 1024px;
   height: 1024px;
-  animation-duration: 10s;
+  display: grid;
+  grid-template-columns: repeat(8, 128px);
   animation-iteration-count: infinite;
   animation-name: isometric-rotate;
+  animation-duration: 10s;
   animation-timing-function: linear;
-  grid-template-columns: repeat(8, 128px);
+  pointer-events: none;
+  z-index: -1;
 }
 
 .cell {
-  border-right: 2px solid var(--sun);
   border-bottom: 2px solid var(--sun);
+  border-right: 2px solid var(--sun);
+
 }
 
 .cell:nth-child(8n) {
   border-right: none;
 }
 
-.cell:nth-child(n + 57) {
+.cell:nth-child(n+57) {
   border-bottom: none;
 }
 
-@media (max-width: 640px) {
-  .decoration {
-    display: none;
-  }
-}
-
 @keyframes isometric-rotate {
   0% {
     transform: rotateX(70deg) rotateY(0deg) rotateZ(-45deg);

frontend/src/components/Wireframe.tsx

@@ -1,11 +1,11 @@
+import React from "react";
+
 import styles from "./Wireframe.module.css";
 
 export const Wireframe = () => (
-  <div className={styles.decoration}>
-    <div className={styles.wireframe}>
-      {[...Array(64)].map((_, idx) => (
-        <div key={idx} className={styles.cell} />
-      ))}
-    </div>
+  <div className={styles.wireframe}>
+    {[...Array(64)].map((_, idx) => (
+      <div key={idx} className={styles.cell} />
+    ))}
   </div>
 );

frontend/src/contexts/ToastContext.ts

@@ -1,22 +0,0 @@
-import React from "react";
-
-export type Background = "primary" | "danger";
-
-export interface ToastProps {
-  visible: boolean;
-  message: string;
-  showToast: (message: string, background?: Background) => void;
-  hide: () => void;
-  background: Background;
-}
-
-export const defaultToastState: ToastProps = {
-  // FIXME: revert
-  visible: false,
-  message: "",
-  showToast: () => {},
-  hide: () => {},
-  background: "primary",
-};
-
-export const ToastContext = React.createContext<ToastProps>(defaultToastState);

frontend/src/features/auth/UserCreate.module.css

@@ -3,8 +3,3 @@
   max-width: 500px;
   gap: 1rem;
 }
-
-.form input {
-  width: 100%;
-  min-width: 0;
-}

frontend/src/features/auth/UserCreate.tsx

@@ -1,8 +1,9 @@
-import { useMutation } from "@apollo/client/react";
+import { useMutation } from "@apollo/client";
+import React from "react";
 import { SubmitHandler, useForm } from "react-hook-form";
 
-import styles from "./UserCreate.module.css";
 import { CreateUserDocument } from "../../types";
+import styles from "./UserCreate.module.css";
 
 type FormValues = {
   firstName: string;

frontend/src/features/deposit/Deposit.module.css

@@ -1,113 +1,17 @@
-.deposit {
-  display: grid;
-  align-items: start;
-  gap: 1rem 2rem;
-  grid-template:
-    "heading amount" auto
-    "search amount" auto
-    "users amount" 1fr
-    / minmax(0, 1fr) minmax(260px, 320px);
-}
-
-.heading {
-  grid-area: heading;
-  margin-bottom: 0;
-}
-
-.search {
-  display: flex;
-  align-items: center;
-  gap: 0.75rem;
-  grid-area: search;
-}
-
-.search input {
-  width: min(100%, 420px);
-}
-
 .userList {
   display: grid;
-  max-height: min(62vh, 680px);
-  padding: 0.5rem 0.5rem 0.5rem 0;
-  gap: 1rem;
-  grid-area: users;
-  grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
+  height: 800px;
+  padding-top: 2rem;
+  grid-template-columns: repeat(5, 220px);
   overflow-y: auto;
+  column-gap: 16px;
+  row-gap: 24px;
 }
 
 .amountSection {
-  position: sticky;
-  top: 1rem;
-  padding: 1.25rem;
-  border: 1px solid rgba(221, 81, 127, 0.45);
-  border-radius: 8px;
-  background: rgba(35, 15, 41, 0.84);
-  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.24);
-  grid-area: amount;
-}
-
-.amountSection h2 {
-  margin-top: 0;
-}
-
-.selectedUser {
-  min-height: 1.5em;
-  margin: 0 0 1.25rem;
-  color: rgba(255, 255, 255, 0.78);
-  text-shadow: none;
-}
-
-.selectedUser strong {
-  color: var(--text);
-}
-
-.amountLabel {
-  display: block;
-  margin-bottom: 0.4rem;
-  color: var(--sun);
-}
-
-.amountInput {
-  display: flex;
-  align-items: center;
-  gap: 0.75rem;
-}
-
-.amountInput input {
-  width: 100%;
-  min-width: 0;
-  font-size: 1.8rem;
-}
-
-.amountInput span {
-  color: rgba(255, 255, 255, 0.8);
-  text-shadow: none;
+  margin-top: 32px;
 }
 
 .checkout {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.75rem;
-  margin-top: 1.5rem;
-}
-
-@media (max-width: 760px) {
-  .deposit {
-    gap: 0.75rem;
-    grid-template:
-      "heading" auto
-      "search" auto
-      "amount" auto
-      "users" auto
-      / minmax(0, 1fr);
-  }
-
-  .amountSection {
-    position: static;
-  }
-
-  .userList {
-    max-height: 45vh;
-    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
-  }
+  margin-top: 32px;
 }

frontend/src/features/deposit/Deposit.tsx

@@ -1,20 +1,19 @@
 import React from "react";
 
+import { UserCard } from "../users/UserCard";
 import styles from "./Deposit.module.css";
 import { useDeposit } from "./useDeposit";
-import { UserCard } from "../users/UserCard";
 
-const Deposit = (): React.JSX.Element => {
+const Deposit = (): JSX.Element => {
   const {
     loading,
     selectedUser,
-    toggleSelectedUser,
+    setSelectedUser,
     amount,
     setAmount,
     userQuery,
     setUserQuery,
     filteredUsers,
-    selectedUserDetails,
     reset,
     onSubmit,
   } = useDeposit();
@@ -24,67 +23,45 @@ const Deposit = (): React.JSX.Element => {
   }
 
   return (
-    <div className={styles.deposit}>
-      <h2 className={styles.heading}>Hvem skal sette inn penger?</h2>
-      <div className={styles.search}>
+    <div>
+      <section>
+        <h2>Hvem skal sette inn penger?</h2>
         <input
           name="userQuery"
           onChange={(event: React.FormEvent<HTMLInputElement>) => setUserQuery(event.currentTarget.value)}
           value={userQuery}
           placeholder="Filtrér på navn"
-          aria-label="Filtrér personer på navn"
         />
         {userQuery !== "" && (
           <button type="button" onClick={() => setUserQuery("")}>
             Vis alle
           </button>
         )}
-      </div>
-      <section className={styles.amountSection} aria-label="Innskudd">
-        <h2>Hvor mye?</h2>
-        {selectedUserDetails ? (
-          <p className={styles.selectedUser}>
-            Innskudd til{" "}
-            <strong>
-              {selectedUserDetails.firstName} {selectedUserDetails.lastName}
-            </strong>
-          </p>
-        ) : (
-          <p className={styles.selectedUser}>Velg en person fra listen</p>
-        )}
-        <label className={styles.amountLabel} htmlFor="deposit-amount">
-          Beløp
-        </label>
-        <div className={styles.amountInput}>
-          <input
-            id="deposit-amount"
-            name="amount"
-            inputMode="decimal"
-            value={amount}
-            onChange={(event) => setAmount(event.target.value)}
-            placeholder="0"
-          />
-          <span>kr</span>
-        </div>
-        <div className={styles.checkout}>
-          <button type="button" onClick={onSubmit} className="primary">
-            Sett inn
-          </button>
-          <button type="button" onClick={reset}>
-            Start på nytt
-          </button>
+        <div className={styles.userList}>
+          {filteredUsers.map((user) => (
+            <UserCard
+              key={user.id}
+              active={selectedUser === user.id}
+              onUser={() => {
+                setSelectedUser(user.id);
+              }}
+              user={user}
+            />
+          ))}
         </div>
       </section>
-      <div className={styles.userList}>
-        {filteredUsers.map((user) => (
-          <UserCard
-            key={user.id}
-            active={selectedUser === user.id}
-            onUser={() => toggleSelectedUser(user.id)}
-            user={user}
-          />
-        ))}
-      </div>
+      <section className={styles.amountSection}>
+        <h2>Hvor mye?</h2>
+        <input name="amount" value={amount} onChange={(event) => setAmount(event.target.value)} placeholder="0" />
+      </section>
+      <section className={styles.checkout}>
+        <button type="button" onClick={onSubmit} className="primary">
+          Sett inn
+        </button>{" "}
+        <button type="button" onClick={reset}>
+          Start på nytt
+        </button>
+      </section>
     </div>
   );
 };

frontend/src/features/deposit/useDeposit.ts

@@ -1,7 +1,7 @@
-import { useMutation, useQuery } from "@apollo/client/react";
+import { useMutation, useQuery } from "@apollo/client";
 import { useState } from "react";
 
-import { useToast } from "../../hooks/useToast";
+import { useToast } from "../../components/ToastProvider";
 import { AllUsersDocument, CreateDepositDocument } from "../../types";
 
 export const useDeposit = () => {
@@ -10,13 +10,9 @@ export const useDeposit = () => {
   const [selectedUser, setSelectedUser] = useState("");
   const [amount, setAmount] = useState("");
   const [userQuery, setUserQuery] = useState("");
-  const toggleSelectedUser = (userId: string) => {
-    setSelectedUser((currentUserId) => (currentUserId === userId ? "" : userId));
-  };
   const filteredUsers = (data?.allUsers || []).filter((user) =>
-    `${user.firstName.toLowerCase()} ${user.lastName.toLowerCase()}`.includes(userQuery.toLowerCase()),
+    `${user.firstName.toLowerCase()} ${user.lastName.toLowerCase()}`.includes(userQuery.toLowerCase())
   );
-  const selectedUserDetails = data?.allUsers.find((user) => user.id === selectedUser);
   const { showToast } = useToast();
 
   const onSubmit = async () => {
@@ -32,9 +28,9 @@ export const useDeposit = () => {
     }
 
     if (res.data?.createDeposit?.__typename === "CreateDepositSuccess") {
-      const { transaction } = res.data.createDeposit;
+      const { transaction } = res.data?.createDeposit;
       showToast(
-        `${transaction.user.firstName} har satt inn ${transaction.amount}. Ny saldo er ${transaction.user.profile?.balance}.`,
+        `${transaction.user.firstName} har satt inn${transaction.amount}. Ny saldo er ${transaction.user.profile?.balance}.`
       );
       reset();
       return;
@@ -46,7 +42,7 @@ export const useDeposit = () => {
     if (res.data?.createDeposit?.__typename === "AboveMaxSaldo") {
       showToast(
         `${res.data.createDeposit.message}. Ny saldo ville vært ${res.data.createDeposit.above} mer enn maksimalt ${res.data.createDeposit.maxSaldo}.`,
-        "danger",
+        "danger"
       );
     }
   };
@@ -59,13 +55,12 @@ export const useDeposit = () => {
   return {
     loading,
     selectedUser,
-    toggleSelectedUser,
+    setSelectedUser,
     amount,
     setAmount,
     userQuery,
     setUserQuery,
     filteredUsers,
-    selectedUserDetails,
     reset,
     onSubmit,
   };

frontend/src/features/inventory/Inventory.module.css

@@ -1,71 +0,0 @@
-.section {
-  margin-top: 2rem;
-}
-
-.tableWrap {
-  max-width: 100%;
-  overflow-x: auto;
-}
-
-.tableWrap table {
-  width: 100%;
-}
-
-.inactive {
-  opacity: 0.65;
-}
-
-.transactions {
-  margin-top: 2rem;
-}
-
-.pagination {
-  display: flex;
-  gap: 0.75rem;
-  margin-top: 1rem;
-}
-
-.form {
-  display: grid;
-  max-width: 36rem;
-  gap: 1rem;
-}
-
-.form label {
-  display: grid;
-  gap: 0.35rem;
-}
-
-.form textarea,
-.form select {
-  padding: 0.5rem;
-  border: 1px solid var(--border);
-  border-radius: 4px;
-  background: rgb(35, 15, 41);
-  color: var(--text);
-  font: inherit;
-}
-
-.form textarea {
-  min-height: 6rem;
-}
-
-.summary {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 1rem 2rem;
-}
-
-.report {
-  margin-top: 2rem;
-}
-
-.error {
-  color: var(--sun);
-}
-
-@media (max-width: 640px) {
-  .tableWrap table {
-    min-width: 42rem;
-  }
-}

frontend/src/features/inventory/Inventory.tsx

@@ -1,126 +0,0 @@
-import { useQuery } from "@apollo/client/react";
-import { useState } from "react";
-import { Link } from "react-router-dom";
-
-import styles from "./Inventory.module.css";
-import { GQLError } from "../../components/GQLError";
-import { InventoryPageDocument } from "../../types";
-import { formatCurrency } from "../../utils/currency";
-import { formatTime } from "../../utils/time";
-
-const PAGE_SIZE = 20;
-
-const Inventory = () => {
-  const [offset, setOffset] = useState(0);
-  const { data, loading, error } = useQuery(InventoryPageDocument, {
-    variables: { limit: PAGE_SIZE, offset },
-  });
-
-  if (loading) return <div>Loading...</div>;
-  if (error) return <GQLError error={error} />;
-
-  const products = [...(data?.allProducts || [])].sort(
-    (a, b) =>
-      Number(b.active) - Number(a.active) || a.inventoryAmount - b.inventoryAmount || a.name.localeCompare(b.name),
-  );
-  const activeProducts = products.filter((product) => product.active);
-  const transactions = data?.inventoryTransactionList || [];
-
-  return (
-    <div>
-      <h2>Varebeholdning</h2>
-      <div className={styles.summary}>
-        <div>Antall aktive varer: {activeProducts.reduce((total, product) => total + product.inventoryAmount, 0)}</div>
-        <div>
-          Innkjøpsverdi:{" "}
-          {formatCurrency(activeProducts.reduce((total, product) => total + Number(product.wholesaleValue), 0))} kr
-        </div>
-      </div>
-      <section className={styles.section}>
-        <div className={styles.summary}>
-          <h3>Varer</h3>
-          <Link className="btn-primary" to="/inventory/add">
-            Registrer varetransaksjon
-          </Link>
-          <Link to="/report">Åpne rapport</Link>
-        </div>
-        <div className={styles.tableWrap}>
-          <table>
-            <thead>
-              <tr>
-                <th scope="col">Vare</th>
-                <th scope="col">Beholdning</th>
-                <th scope="col">Innkjøpspris</th>
-                <th scope="col">Verdi</th>
-                <th scope="col">I salg</th>
-                <th scope="col">Sist oppdatert</th>
-              </tr>
-            </thead>
-            <tbody>
-              {products.map((product) => (
-                <tr key={product.id} className={!product.active ? styles.inactive : undefined}>
-                  <td>{product.name}</td>
-                  <td>{product.inventoryAmount}</td>
-                  <td>{formatCurrency(Number(product.wholesaleUnitPrice))} kr</td>
-                  <td>{formatCurrency(Number(product.wholesaleValue))} kr</td>
-                  <td>{product.active ? "Ja" : "Nei"}</td>
-                  <td>{formatTime(product.updated)}</td>
-                </tr>
-              ))}
-            </tbody>
-          </table>
-        </div>
-      </section>
-      <section className={styles.transactions}>
-        <h3>Varetransaksjoner</h3>
-        <div className={styles.tableWrap}>
-          <table>
-            <thead>
-              <tr>
-                <th scope="col">Når</th>
-                <th scope="col">Vare</th>
-                <th scope="col">Antall</th>
-                <th scope="col">Enhetspris</th>
-                <th scope="col">Hvem</th>
-                <th scope="col">Kommentar</th>
-              </tr>
-            </thead>
-            <tbody>
-              {transactions.map((transaction) => (
-                <tr key={transaction.id}>
-                  <td>{formatTime(transaction.created)}</td>
-                  <td>{transaction.product.name}</td>
-                  <td>{transaction.amount}</td>
-                  <td>{formatCurrency(Number(transaction.unitPrice))} kr</td>
-                  <td>
-                    {transaction.user.firstName} {transaction.user.lastName}
-                  </td>
-                  <td>{transaction.comment}</td>
-                </tr>
-              ))}
-              {!transactions.length && (
-                <tr>
-                  <td colSpan={6}>Ingen varetransaksjoner ennå.</td>
-                </tr>
-              )}
-            </tbody>
-          </table>
-        </div>
-        <div className={styles.pagination}>
-          <button type="button" disabled={offset === 0} onClick={() => setOffset(Math.max(0, offset - PAGE_SIZE))}>
-            Forrige
-          </button>
-          <button
-            type="button"
-            disabled={transactions.length < PAGE_SIZE}
-            onClick={() => setOffset(offset + PAGE_SIZE)}
-          >
-            Neste
-          </button>
-        </div>
-      </section>
-    </div>
-  );
-};
-
-export default Inventory;

frontend/src/features/inventory/InventoryAdd.tsx

@@ -1,104 +0,0 @@
-import { useMutation, useQuery } from "@apollo/client/react";
-import React, { useState } from "react";
-import { Link, useNavigate } from "react-router-dom";
-
-import styles from "./Inventory.module.css";
-import { GQLError } from "../../components/GQLError";
-import { useToast } from "../../hooks/useToast";
-import { CreateInventoryTransactionDocument, InventoryProductsDocument } from "../../types";
-
-const LOGIN_URL = `${import.meta.env.VITE_API_URL}/accounts/login/?next=/inventory/add`;
-
-const InventoryAdd = () => {
-  const navigate = useNavigate();
-  const { showToast } = useToast();
-  const { data, loading, error } = useQuery(InventoryProductsDocument);
-  const [createInventoryTransaction, { loading: saving }] = useMutation(CreateInventoryTransactionDocument);
-  const [productId, setProductId] = useState("");
-  const [amount, setAmount] = useState("");
-  const [unitPrice, setUnitPrice] = useState("");
-  const [comment, setComment] = useState("");
-  const products = data?.allProducts || [];
-
-  if (loading) return <div>Loading...</div>;
-  if (error) return <GQLError error={error} />;
-
-  const onSubmit = async (event: React.FormEvent<HTMLFormElement>) => {
-    event.preventDefault();
-    try {
-      const result = await createInventoryTransaction({
-        variables: {
-          data: {
-            productId,
-            amount: Number(amount),
-            unitPrice,
-            comment,
-          },
-        },
-      });
-      const response = result.data?.createInventoryTransaction;
-      if (response?.__typename === "CreateInventoryTransactionSuccess") {
-        showToast(`Registrerte ${amount} stk ${response.inventoryTransaction.product.name}.`);
-        navigate("/inventory");
-      } else if (response?.__typename === "FormErrors") {
-        showToast(response.message, "danger");
-      } else {
-        showToast("Kunne ikke registrere varetransaksjonen.", "danger");
-      }
-    } catch (mutationError) {
-      showToast(
-        mutationError instanceof Error ? mutationError.message : "Kunne ikke registrere varetransaksjonen.",
-        "danger",
-      );
-    }
-  };
-
-  return (
-    <div>
-      <h2>Registrer varetransaksjon</h2>
-      <p>
-        Du må være innlogget for å registrere varer. <a href={LOGIN_URL}>Logg inn</a>.
-      </p>
-      <form className={styles.form} onSubmit={onSubmit}>
-        <label>
-          Vare
-          <select required value={productId} onChange={(event) => setProductId(event.target.value)}>
-            <option value="">Velg vare</option>
-            {products.map((product) => (
-              <option key={product.id} value={product.id}>
-                {product.name} ({product.inventoryAmount} på lager)
-              </option>
-            ))}
-          </select>
-        </label>
-        <label>
-          Antall
-          <input required type="number" step="1" value={amount} onChange={(event) => setAmount(event.target.value)} />
-        </label>
-        <label>
-          Innkjøpspris per enhet (kr)
-          <input
-            required
-            step="0.1"
-            type="number"
-            value={unitPrice}
-            onChange={(event) => setUnitPrice(event.target.value)}
-          />
-        </label>
-        <label>
-          Kommentar
-          <textarea value={comment} onChange={(event) => setComment(event.target.value)} />
-        </label>
-        <div className={styles.summary}>
-          <button type="submit" className="primary" disabled={saving || !products.length}>
-            {saving ? "Lagrer..." : "Registrer"}
-          </button>
-          <Link to="/inventory">Avbryt</Link>
-        </div>
-      </form>
-      {!products.length && <p>Ingen aktive varer å registrere.</p>}
-    </div>
-  );
-};
-
-export default InventoryAdd;

frontend/src/features/inventory/InventoryReport.tsx

@@ -1,138 +0,0 @@
-import { useQuery } from "@apollo/client/react";
-import { format, subDays } from "date-fns";
-import React, { useState } from "react";
-
-import styles from "./Inventory.module.css";
-import { GQLError } from "../../components/GQLError";
-import { InventoryReportDocument } from "../../types";
-import { formatCurrency } from "../../utils/currency";
-
-const today = () => format(new Date(), "yyyy-MM-dd");
-const monthAgo = () => format(subDays(new Date(), 30), "yyyy-MM-dd");
-const timestampAt = (date: string, endOfDay = false) => `${date}T${endOfDay ? "23:59:59.999999" : "00:00:00"}`;
-
-const InventoryReport = () => {
-  const [startDate, setStartDate] = useState(monthAgo);
-  const [endDate, setEndDate] = useState(today);
-  const [appliedRange, setAppliedRange] = useState({ startDate: monthAgo(), endDate: today() });
-  const invalidRange = startDate > endDate;
-  const { data, loading, error } = useQuery(InventoryReportDocument, {
-    variables: {
-      startTime: timestampAt(appliedRange.startDate),
-      endTime: timestampAt(appliedRange.endDate, true),
-    },
-  });
-
-  const onSubmit = (event: React.FormEvent<HTMLFormElement>) => {
-    event.preventDefault();
-    if (!invalidRange) setAppliedRange({ startDate, endDate });
-  };
-
-  if (error) return <GQLError error={error} />;
-
-  const report = data?.inventoryReport;
-  const balanceChange = report ? Number(report.balanceAtEnd) - Number(report.balanceAtStart) : 0;
-  const inventoryChange = report ? Number(report.inventoryPurchases) - Number(report.productSales) : 0;
-
-  return (
-    <div>
-      <h2>Varerapport</h2>
-      <form className={styles.summary} onSubmit={onSubmit}>
-        <label>
-          Fra
-          <input type="date" required value={startDate} onChange={(event) => setStartDate(event.target.value)} />
-        </label>
-        <label>
-          Til
-          <input type="date" required value={endDate} onChange={(event) => setEndDate(event.target.value)} />
-        </label>
-        <button type="submit" disabled={invalidRange}>
-          Oppdater
-        </button>
-      </form>
-      {invalidRange && <p className={styles.error}>Startdato må være før eller lik sluttdato.</p>}
-      {loading && <div>Loading...</div>}
-      {report && (
-        <>
-          <section className={styles.report}>
-            <h3>Beholdningsendring</h3>
-            <div className={styles.tableWrap}>
-              <table>
-                <thead>
-                  <tr>
-                    <th scope="col">Vare</th>
-                    <th scope="col">Innkjøp</th>
-                    <th scope="col">Salg</th>
-                    <th scope="col">Endring verdi</th>
-                  </tr>
-                </thead>
-                <tbody>
-                  {report.products.map((product) => (
-                    <tr key={product.productId}>
-                      <td>{product.productName}</td>
-                      <td>
-                        {formatCurrency(Number(product.purchaseValue))} kr ({product.purchaseUnits} stk)
-                      </td>
-                      <td>
-                        {formatCurrency(Number(product.salesValue))} kr ({product.salesUnits} stk)
-                      </td>
-                      <td>{formatCurrency(Number(product.purchaseValue) - Number(product.salesValue))} kr</td>
-                    </tr>
-                  ))}
-                  {!report.products.length && (
-                    <tr>
-                      <td colSpan={4}>Ingen varetransaksjoner i perioden.</td>
-                    </tr>
-                  )}
-                  <tr>
-                    <th scope="row">Totalt</th>
-                    <td>{formatCurrency(Number(report.inventoryPurchases))} kr</td>
-                    <td>{formatCurrency(Number(report.productSales))} kr</td>
-                    <td>{formatCurrency(inventoryChange)} kr</td>
-                  </tr>
-                </tbody>
-              </table>
-            </div>
-          </section>
-          <section className={styles.report}>
-            <h3>Innskudd og kjøp</h3>
-            <div className={styles.tableWrap}>
-              <table>
-                <thead>
-                  <tr>
-                    <th scope="col">Post</th>
-                    <th scope="col">Saldo</th>
-                    <th scope="col">Innskudd</th>
-                    <th scope="col">Kjøp</th>
-                  </tr>
-                </thead>
-                <tbody>
-                  <tr>
-                    <th scope="row">Saldo ved periodestart</th>
-                    <td>{formatCurrency(Number(report.balanceAtStart))} kr</td>
-                    <td />
-                    <td />
-                  </tr>
-                  <tr>
-                    <th scope="row">Endring i perioden</th>
-                    <td>{formatCurrency(balanceChange)} kr</td>
-                    <td>{formatCurrency(Number(report.deposits))} kr</td>
-                    <td>{formatCurrency(Number(report.orderPurchases))} kr</td>
-                  </tr>
-                  <tr>
-                    <th scope="row">Saldo ved periodeslutt</th>
-                    <td>{formatCurrency(Number(report.balanceAtEnd))} kr</td>
-                    <td />
-                    <td />
-                  </tr>
-                </tbody>
-              </table>
-            </div>
-          </section>
-        </>
-      )}
-    </div>
-  );
-};
-
-export default InventoryReport;

frontend/src/features/inventory/createInventoryTransaction.graphql

@@ -1,20 +0,0 @@
-mutation createInventoryTransaction($data: InventoryTransactionInput!) {
-  createInventoryTransaction(data: $data) {
-    ... on CreateInventoryTransactionSuccess {
-      inventoryTransaction {
-        id
-        product {
-          name
-          inventoryAmount
-        }
-      }
-    }
-    ... on FormErrors {
-      message
-      fields {
-        field
-        message
-      }
-    }
-  }
-}

frontend/src/features/inventory/inventoryPage.graphql

@@ -1,25 +0,0 @@
-query inventoryPage($limit: Int = 20, $offset: Int = 0) {
-  allProducts {
-    id
-    name
-    active
-    inventoryAmount
-    updated
-    wholesaleUnitPrice
-    wholesaleValue
-  }
-  inventoryTransactionList(ordering: [{ created: DESC }], pagination: { limit: $limit, offset: $offset }) {
-    id
-    created
-    amount
-    unitPrice
-    comment
-    product {
-      name
-    }
-    user {
-      firstName
-      lastName
-    }
-  }
-}

frontend/src/features/inventory/inventoryProducts.graphql

@@ -1,7 +0,0 @@
-query inventoryProducts {
-  allProducts(filters: { active: true }) {
-    id
-    name
-    inventoryAmount
-  }
-}

frontend/src/features/inventory/inventoryReport.graphql

@@ -1,18 +0,0 @@
-query inventoryReport($startTime: DateTime!, $endTime: DateTime!) {
-  inventoryReport(startTime: $startTime, endTime: $endTime) {
-    products {
-      productId
-      productName
-      purchaseUnits
-      purchaseValue
-      salesUnits
-      salesValue
-    }
-    inventoryPurchases
-    productSales
-    deposits
-    orderPurchases
-    balanceAtStart
-    balanceAtEnd
-  }
-}

frontend/src/features/log/Log.module.css

@@ -1,17 +1,7 @@
 .log {
   display: grid;
-  min-width: 0;
   gap: 1rem;
-  grid-template-columns: repeat(2, minmax(0, 1fr));
-}
-
-.tableWrap {
-  max-width: 100%;
-  overflow-x: auto;
-}
-
-.tableWrap table {
-  width: 100%;
+  grid-template-columns: repeat(2, 1fr);
 }
 .disabled,
 .disabled a:link {
@@ -30,8 +20,8 @@
 .pagination a {
   padding: 0.4rem 0.8rem;
   border: 1px solid var(--border);
-  border-radius: 4px;
   margin-top: 1rem;
+  border-radius: 4px;
 }
 .pagination a:hover {
   color: white;
@@ -40,20 +30,3 @@
 .disabled a:hover {
   color: rgba(121, 152, 238, 0.5);
 }
-
-@media (max-width: 760px) {
-  .log {
-    grid-template-columns: minmax(0, 1fr);
-  }
-}
-
-@media (max-width: 480px) {
-  .pagination {
-    gap: 0 0.5rem;
-  }
-
-  .pagination a {
-    display: inline-block;
-    padding: 0.6rem 0.8rem;
-  }
-}

frontend/src/features/log/Log.tsx

@@ -1,10 +1,11 @@
-import { useQuery } from "@apollo/client/react";
+import { useQuery } from "@apollo/client";
 import clsx from "clsx";
+import React from "react";
 import { useUrlSearchParams } from "use-url-search-params";
 
-import styles from "./Log.module.css";
 import { OrderListDocument, TransactionListDocument } from "../../types";
 import { formatTime } from "../../utils/time";
+import styles from "./Log.module.css";
 
 const PAGE_SIZE = 10;
 
@@ -33,34 +34,32 @@ const Log = () => {
     <div className={styles.log}>
       <div>
         <h2>Ordre</h2>
-        <div className={styles.tableWrap}>
-          <table>
-            <thead>
-              <tr>
-                <th scope="col">Når</th>
-                <th scope="col">Hvem</th>
-                <th scope="col">Hva</th>
-                <th scope="col">Sum</th>
+        <table>
+          <thead>
+            <tr>
+              <th scope="col">Når</th>
+              <th scope="col">Hvem</th>
+              <th scope="col">Hva</th>
+              <th scope="col">Sum</th>
+            </tr>
+          </thead>
+          <tbody>
+            {orders.map((order) => (
+              <tr key={order.id}>
+                <td>{formatTime(order.created)}</td>
+                <td>{order.isExternal ? "Ekstern" : `${order.customer?.firstName} ${order.customer?.lastName}`}</td>
+                <td>
+                  {(order.orderlines ?? []).map((line) => (
+                    <div key={line.id}>
+                      {Number(line.amount)}x {line.product.name}
+                    </div>
+                  ))}
+                </td>
+                <td>{Number(order.orderSum)}</td>
               </tr>
-            </thead>
-            <tbody>
-              {orders.map((order) => (
-                <tr key={order.id}>
-                  <td>{formatTime(order.created)}</td>
-                  <td>{order.isExternal ? "Ekstern" : `${order.customer?.firstName} ${order.customer?.lastName}`}</td>
-                  <td>
-                    {(order.orderlines ?? []).map((line) => (
-                      <div key={line.id}>
-                        {Number(line.amount)}x {line.product.name}
-                      </div>
-                    ))}
-                  </td>
-                  <td>{Number(order.orderSum)}</td>
-                </tr>
-              ))}
-            </tbody>
-          </table>
-        </div>
+            ))}
+          </tbody>
+        </table>
         <nav aria-label="Order pagination">
           <ul className={styles.pagination}>
             <li className={clsx({ [styles.disabled]: orderOffset <= 0 })}>
@@ -90,28 +89,26 @@ const Log = () => {
       </div>
       <div>
         <h2>Transaksjoner</h2>
-        <div className={styles.tableWrap}>
-          <table>
-            <thead>
-              <tr>
-                <th scope="col">Når</th>
-                <th scope="col">Hvem</th>
-                <th scope="col">Innskudd</th>
+        <table>
+          <thead>
+            <tr>
+              <th scope="col">Når</th>
+              <th scope="col">Hvem</th>
+              <th scope="col">Innskudd</th>
+            </tr>
+          </thead>
+          <tbody>
+            {transactions.map((trans) => (
+              <tr key={trans.id}>
+                <td>{formatTime(trans.created)}</td>
+                <td>
+                  {trans.user.firstName} {trans.user.lastName}
+                </td>
+                <td>{Number(trans.amount)}</td>
               </tr>
-            </thead>
-            <tbody>
-              {transactions.map((trans) => (
-                <tr key={trans.id}>
-                  <td>{formatTime(trans.created)}</td>
-                  <td>
-                    {trans.user.firstName} {trans.user.lastName}
-                  </td>
-                  <td>{Number(trans.amount)}</td>
-                </tr>
-              ))}
-            </tbody>
-          </table>
-        </div>
+            ))}
+          </tbody>
+        </table>
         <nav aria-label="Transaction pagination">
           <ul className={styles.pagination}>
             <li className={clsx({ [styles.disabled]: transactionOffset <= 0 })}>

frontend/src/features/log/orderList.graphql

@@ -1,5 +1,5 @@
 query orderList($limit: Int = 10, $offset: Int = 0) {
-  orderList(ordering: [{created: DESC}], pagination: {limit: $limit, offset: $offset}) {
+  orderList(order: {created: DESC}, pagination: {limit: $limit, offset: $offset}) {
     id
     isExternal
     created

frontend/src/features/log/transactionList.graphql

@@ -1,5 +1,5 @@
 query transactionList($limit: Int = 10, $offset: Int = 0) {
-  transactionList(ordering: [{created: DESC}], pagination: {limit: $limit, offset: $offset}) {
+  transactionList(order: {created: DESC}, pagination: {limit: $limit, offset: $offset}) {
     id
     created
     amount

frontend/src/features/register/ProductCard.module.css

@@ -1,56 +1,51 @@
 .product {
-  position: relative;
   display: flex;
+  border: none;
+  background: rgb(35, 15, 41);
+  border-radius: 4px;
+  transition: background-color 0.1s ease-out, border 0.1s ease-out;
+  position: relative;
   align-items: flex-start;
   padding: 1rem;
-  border: none;
-  border-radius: 4px;
-  background: rgb(88, 59, 99);
-  transition:
-    background-color 0.1s ease-out,
-    border 0.1s ease-out;
 }
 
 .product:hover,
 .active.product {
   background-color: var(--background);
-  box-shadow:
-    0 0 4px var(--background),
-    0 0 11px var(--background),
-    0 0 19px var(--background);
+  box-shadow: 0 0 4px var(--background), 0 0 11px var(--background), 0 0 19px var(--background);
 }
 
 .productText {
-  overflow: hidden;
-  color: white;
-  font-size: 1.2rem;
-  text-overflow: ellipsis;
-  text-shadow: none;
   white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  font-size: 1.2rem;
+  text-shadow: none;
+  color: white;
 }
 
 .amount {
   position: absolute;
   z-index: 1;
   top: 0;
-  right: 0;
   bottom: 0;
-  display: none;
+  right: 0;
   padding: 12px 12px 8px 8px;
   border-left: 1px solid transparent;
-  background-color: transparent;
-  border-bottom-right-radius: 4px;
-  border-top-right-radius: 4px;
   color: transparent;
   font-size: 2rem;
   font-weight: bold;
   line-height: 1;
+  background-color: transparent;
+  border-top-right-radius: 4px;
+  border-bottom-right-radius: 4px;
+  display: none;
 }
 
 .active .amount {
   display: block;
-  border-left-color: rgb(35, 15, 41);
-  background-color: var(--sun-end);
   color: var(--background);
   text-shadow: none;
+  border-left-color: rgb(35, 15, 41);
+  background-color: var(--sun-end);
 }

frontend/src/features/register/ProductCard.tsx

@@ -1,17 +1,17 @@
 import clsx from "clsx";
 import React, { MouseEventHandler } from "react";
 
+import { Product } from "../../types";
 import styles from "./ProductCard.module.css";
-import { AllProductsQuery } from "../../types";
 
 type ProductCardProps = {
-  product: AllProductsQuery["allProducts"][number];
+  product: Omit<Product, "userCounts">;
   onProduct: MouseEventHandler;
   active: boolean;
   amount: number;
 };
 
-export const ProductCard = ({ product, onProduct, amount, active = false }: ProductCardProps): React.JSX.Element => {
+export const ProductCard = ({ product, onProduct, amount, active = false }: ProductCardProps): JSX.Element => {
   const classes = clsx(styles.product, { [styles.active]: active });
   return (
     <button className={classes} type="button" onClick={onProduct} title={product.name}>

frontend/src/features/register/Register.module.css

@@ -1,7 +1,8 @@
 .userList {
   display: grid;
-  gap: 1rem;
-  grid-template-columns: repeat(auto-fill, minmax(min(100%, 190px), 1fr));
+  grid-template-columns: repeat(5, 220px);
+  column-gap: 16px;
+  row-gap: 24px;
 }
 
 .showAll {
@@ -10,8 +11,9 @@
 
 .productList {
   display: grid;
-  gap: 1rem;
-  grid-template-columns: repeat(auto-fill, minmax(min(100%, 190px), 1fr));
+  grid-template-columns: repeat(5, 220px);
+  column-gap: 16px;
+  row-gap: 24px;
 }
 
 .productListSection {
@@ -24,23 +26,9 @@
 
 .total {
   display: inline-block;
-  min-width: min(200px, 100%);
+  min-width: 200px;
   padding: 4px 8px;
   margin-right: 8px;
   color: white;
   font-size: 1.8rem;
 }
-
-.checkout {
-  display: flex;
-  align-items: center;
-  flex-wrap: wrap;
-  gap: 0.75rem;
-}
-
-@media (max-width: 480px) {
-  .total {
-    width: 100%;
-    font-size: 1.4rem;
-  }
-}

frontend/src/features/register/Register.tsx

@@ -1,21 +1,21 @@
 import React from "react";
 
+import { OrderLineInput, Product } from "../../types";
+import { UserCard } from "../users/UserCard";
 import { ProductCard } from "./ProductCard";
 import styles from "./Register.module.css";
 import { useRegister } from "./useRegister";
-import { AllProductsQuery, OrderLineInput } from "../../types";
-import { UserCard } from "../users/UserCard";
 
 const USER_EXTERNAL = "external";
 
-const Register = (): React.JSX.Element => {
+const Register = (): JSX.Element => {
   const {
     users,
     products,
     loading,
     showAll,
     setShowAll,
-    toggleSelectedUser,
+    setSelectedUser,
     selectedUser,
     addToOrder,
     order,
@@ -36,14 +36,14 @@ const Register = (): React.JSX.Element => {
           <UserCard
             key={USER_EXTERNAL}
             user={null}
-            onUser={() => toggleSelectedUser(USER_EXTERNAL)}
+            onUser={() => setSelectedUser(USER_EXTERNAL)}
             active={selectedUser == USER_EXTERNAL}
           />
           {users.map((user) => (
             <UserCard
               key={user.id}
               user={user}
-              onUser={() => toggleSelectedUser(user.id)}
+              onUser={() => setSelectedUser(user.id)}
               active={selectedUser == user.id}
             />
           ))}
@@ -55,7 +55,7 @@ const Register = (): React.JSX.Element => {
       <section className={styles.productListSection}>
         <h2>Kjøper hva?</h2>
         <div className={styles.productList}>
-          {products.map((product: AllProductsQuery["allProducts"][number]) => (
+          {products.map((product: Omit<Product, "userCounts">) => (
             <ProductCard
               key={product.id}
               product={product}

frontend/src/features/register/useRegister.ts

@@ -1,26 +1,18 @@
-import { useMutation, useQuery } from "@apollo/client/react";
+import { useMutation, useQuery } from "@apollo/client";
 import { useState } from "react";
 
-import { useToast } from "../../hooks/useToast";
-import {
-  AllProductsDocument,
-  AllProductsQuery,
-  AllUsersDocument,
-  CreateOrderDocument,
-  OrderLineInput,
-} from "../../types";
-import { formatCurrency } from "../../utils/currency";
+import { useToast } from "../../components/ToastProvider";
+import { AllProductsDocument, AllUsersDocument, CreateOrderDocument, OrderLineInput, Product } from "../../types";
 import { activeUserFilter } from "../../utils/users";
+import {formatCurrency} from "../../utils/currency";
 
 const USER_EXTERNAL = "external";
 
-type Product = AllProductsQuery["allProducts"][number];
-
-const sumTotal = (products: Product[], order: OrderLineInput[], isExternal: boolean) => {
+const sumTotal = (products: Omit<Product, "userCounts">[], order: OrderLineInput[], isExternal: boolean) => {
   const prices = order.map((orderLine: OrderLineInput) => {
-    const product = products.find((product) => product.id === orderLine.productId);
+    const product = products.find((product: Omit<Product, "userCounts">) => product.id === orderLine.productId);
     if (!product) return 0;
-    return orderLine.amount * Number(isExternal ? product.salePriceExt : product.salePriceInt);
+    return orderLine.amount * (isExternal ? product.salePriceExt : product.salePriceInt);
   });
   return prices.reduce((partialSum, a) => partialSum + a, 0);
 };
@@ -47,10 +39,6 @@ export const useRegister = () => {
     setSelectedUser("");
   };
 
-  const toggleSelectedUser = (userId: string) => {
-    setSelectedUser((currentUserId) => (currentUserId === userId ? "" : userId));
-  };
-
   const addToOrder = (productId: string) => {
     let added = false;
     const newOrder = order.map((orderLine: OrderLineInput) => {
@@ -72,7 +60,7 @@ export const useRegister = () => {
     let res;
     try {
       res = await createOrderMutation();
-    } catch {
+    } catch (e) {
       showToast("Whoops");
       console.log("woops");
       return;
@@ -105,7 +93,7 @@ export const useRegister = () => {
     products,
     showAll,
     setShowAll,
-    toggleSelectedUser,
+    setSelectedUser,
     selectedUser,
     addToOrder,
     order,

frontend/src/features/stats/OrderStats.tsx

@@ -1,10 +1,9 @@
-import { useQuery } from "@apollo/client/react";
-import { BarDatum, ResponsiveBar } from "@nivo/bar";
+import { useQuery } from "@apollo/client";
+import { Bar, BarDatum } from "@nivo/bar";
+import React from "react";
 
-import styles from "./Stats.module.css";
+import { OrderStatsDocument, OrderStatsByTime } from "../../types";
 import { StatsView } from "./StatsView";
-import { chartTheme } from "./chartTheme";
-import { OrderStatsDocument, SchemaOrderStatsByTime } from "../../types";
 
 const days = { 1: "Mandag", 2: "Tirsdag", 3: "Onsdag", 4: "Torsdag", 5: "Fredag", 6: "Lørdag", 7: "Søndag" };
 
@@ -24,18 +23,16 @@ const months = {
 };
 
 const OrderBar = ({ data }: { data: BarDatum[] }) => (
-  <div className={styles.chart}>
-    <ResponsiveBar
-      data={data}
-      theme={chartTheme}
-      margin={{ top: 10, right: 10, bottom: 70, left: 60 }}
-      colorBy="indexValue"
-      enableLabel={false}
-      tooltipLabel={(d) => d.id.toString()}
-      axisLeft={{ legend: "Ordre", legendPosition: "middle", legendOffset: -50 }}
-      axisBottom={{ tickRotation: -35 }}
-    />
-  </div>
+  <Bar
+    data={data}
+    margin={{ left: 60, bottom: 40 }}
+    width={1200}
+    height={400}
+    colorBy="indexValue"
+    enableLabel={false}
+    tooltipLabel={(d) => d.id.toString()}
+    axisLeft={{ legend: "Ordre", legendPosition: "middle", legendOffset: -50 }}
+  />
 );
 
 const OrderStats = () => {
@@ -45,7 +42,7 @@ const OrderStats = () => {
     <StatsView loading={loading}>
       <h3>Ordre per time</h3>
       <OrderBar
-        data={(data?.orderStats?.hourly || []).map((stat: SchemaOrderStatsByTime) => ({
+        data={(data?.orderStats?.hourly || []).map((stat: OrderStatsByTime) => ({
           id: `${stat.period.toString().padStart(2, "0")}:00`,
           label: stat.period,
           value: stat.count,
@@ -53,7 +50,7 @@ const OrderStats = () => {
       />
       <h3>Ordre per ukedag</h3>
       <OrderBar
-        data={(data?.orderStats?.daily || []).map((stat: SchemaOrderStatsByTime) => ({
+        data={(data?.orderStats?.daily || []).map((stat: OrderStatsByTime) => ({
           /* @ts-expect-error Here, stat.period can only be a key in days range. */
           id: days[stat.period],
           label: stat.period,
@@ -62,7 +59,7 @@ const OrderStats = () => {
       />
       <h3>Ordre per måned</h3>
       <OrderBar
-        data={(data?.orderStats?.monthly || []).map((stat: SchemaOrderStatsByTime) => ({
+        data={(data?.orderStats?.monthly || []).map((stat: OrderStatsByTime) => ({
           /* @ts-expect-error Here, stat.period can only be a key in months range. */
           id: months[stat.period],
           label: stat.period,
@@ -71,7 +68,7 @@ const OrderStats = () => {
       />
       <h3>Ordre per år</h3>
       <OrderBar
-        data={(data?.orderStats?.yearly || []).map((stat: SchemaOrderStatsByTime) => ({
+        data={(data?.orderStats?.yearly || []).map((stat: OrderStatsByTime) => ({
           id: stat.period,
           label: stat.period,
           value: stat.count,

frontend/src/features/stats/ProductStats.tsx

@@ -1,10 +1,10 @@
-import { useQuery } from "@apollo/client/react";
-import { ResponsivePie } from "@nivo/pie";
+import { useQuery } from "@apollo/client";
+import { Pie } from "@nivo/pie";
+import React from "react";
 
+import { AllProductStatsDocument } from "../../types";
 import styles from "./Stats.module.css";
 import { StatsView } from "./StatsView";
-import { chartTheme } from "./chartTheme";
-import { AllProductStatsDocument } from "../../types";
 
 type UserCount = {
   name: string;
@@ -22,19 +22,16 @@ const ProductStats = () => {
         {(data?.allProducts || []).map((product) => (
           <div key={product.id}>
             {product.name}
-            <div className={styles.productChart}>
-              <ResponsivePie
-                margin={{ top: 30, right: 50, bottom: 30, left: 50 }}
-                data={product.userCounts.map((uc: UserCount) => ({
-                  id: uc.name,
-                  label: uc.name,
-                  value: uc.count,
-                }))}
-                theme={chartTheme}
-                arcLabelsTextColor="#17121a"
-                arcLabelsSkipAngle={8}
-              />
-            </div>
+            <Pie
+              margin={{ top: 40, right: 120, bottom: 40, left: 120 }}
+              data={product.userCounts.map((uc: UserCount) => ({
+                id: uc.name,
+                label: uc.name,
+                value: uc.count,
+              }))}
+              width={400}
+              height={300}
+            />
           </div>
         ))}
       </div>

frontend/src/features/stats/Stats.module.css

@@ -1,17 +1,8 @@
 .products {
   display: grid;
-  max-width: 100%;
-  gap: 1.5rem 1rem;
-  grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
-}
-
-.productChart {
-  height: 300px;
-}
-
-.chart {
-  width: 100%;
-  height: 360px;
+  max-width: 1200px;
+  gap: 1rem;
+  grid-template-columns: repeat(3, 1fr);
 }
 
 .statsNav {
@@ -36,14 +27,3 @@
   border: 1px solid var(--border);
   border-radius: 4px;
 }
-
-@media (max-width: 640px) {
-  .statsNav ul {
-    flex-wrap: wrap;
-    gap: 0.5rem;
-  }
-
-  .chart {
-    height: 300px;
-  }
-}

frontend/src/features/stats/Stats.tsx

@@ -1,66 +1,70 @@
-import { useQuery } from "@apollo/client/react";
-import { ResponsiveLine } from "@nivo/line";
+import { useQuery } from "@apollo/client";
+import { Line } from "@nivo/line";
+import React from "react";
 
-import styles from "./Stats.module.css";
-import { StatsView } from "./StatsView";
-import { chartTheme, chartTooltipStyle } from "./chartTheme";
 import { ProductStatsDocument } from "../../types";
+import { StatsView } from "./StatsView";
 
 const Stats = () => {
   const { data, loading } = useQuery(ProductStatsDocument);
 
-  const series = (data?.productStats || []).map(({ productName: id, data }) => ({
-    id,
-    data: data.map((point, index, points) => ({
-      x: point.x,
-      y: point.y + (points[index - 1]?.y || 0),
-    })),
-  }));
+  const series: any[] = [];
+  (data?.productStats || [])?.forEach(({ productName: id, data }) => {
+    const lineData: any[] = [];
+    data.forEach((point, index) => {
+      lineData.push({ x: point.x, y: point.y + (lineData?.[index - 1]?.y || 0) });
+    });
+    series.push({ id, data: lineData });
+  });
 
   return (
     <StatsView loading={loading}>
       <h2>Kjøp over tid</h2>
-      <div className={styles.chart}>
-        <ResponsiveLine
-          data={series}
-          theme={chartTheme}
-          margin={{ top: 50, right: 110, bottom: 50, left: 60 }}
-          xScale={{
-            type: "time",
-            format: "%Y-%m-%d",
-            useUTC: false,
-            precision: "day",
-          }}
-          xFormat="time:%Y-%m-%d"
-          yScale={{
-            type: "linear",
-            stacked: false,
-          }}
-          axisLeft={{
-            legend: "Purchases",
-            legendOffset: 12,
-          }}
-          axisBottom={{
-            format: "%b %Y",
-            legend: "Date",
-            legendPosition: "middle",
-            legendOffset: -20,
-          }}
-          useMesh
-          pointLabelYOffset={0}
-          tooltip={({ point }) => (
-            <div style={chartTooltipStyle}>
-              <div>
-                <strong>{point.data.xFormatted}</strong>
-              </div>
-              <div>
-                <span style={{ background: point.seriesColor, width: 13, height: 13, display: "inline-block" }} />{" "}
-                <strong>{String(point.data.yFormatted)}</strong> {point.seriesId}
-              </div>
+      <Line
+        data={series}
+        width={1000}
+        height={400}
+        margin={{ top: 50, right: 110, bottom: 50, left: 60 }}
+        xScale={{
+          type: "time",
+          format: "%Y-%m-%d",
+          useUTC: false,
+          precision: "day",
+        }}
+        xFormat="time:%Y-%m-%d"
+        yScale={{
+          type: "linear",
+          stacked: false,
+        }}
+        axisLeft={{
+          legend: "Purchases",
+          legendOffset: 12,
+        }}
+        axisBottom={{
+          format: "%b %Y",
+          legend: "Date",
+          legendOffset: -40,
+        }}
+        useMesh
+        pointLabelYOffset={0}
+        tooltip={({ point }) => (
+          <div
+            style={{
+              background: "white",
+              padding: "9px 12px",
+              border: "1px solid #ccc",
+            }}
+          >
+            <div>
+              <strong>{point.data.xFormatted}</strong>
             </div>
-          )}
-        />
-      </div>
+            <div>
+              <span style={{ background: point.serieColor, width: 13, height: 13, display: "inline-block" }} />{" "}
+              <strong>{point.data.yFormatted}</strong> {point.serieId}
+            </div>
+          </div>
+        )}
+      />
     </StatsView>
   );
 };

frontend/src/features/stats/StatsView.tsx

@@ -25,7 +25,7 @@ export const StatsNav = () => (
         </NavLink>
       </li>
       <li>
-        <NavLink className={navLinkStyles} to="/stats/users">
+        <NavLink className="disabled" to="/stats/users" title="TODO" hidden={true}>
           Folk
         </NavLink>
       </li>

frontend/src/features/stats/UserStats.tsx

@@ -1,56 +0,0 @@
-import { useQuery } from "@apollo/client/react";
-import { ResponsiveBar } from "@nivo/bar";
-
-import styles from "./Stats.module.css";
-import { StatsView } from "./StatsView";
-import { chartTheme } from "./chartTheme";
-import { GQLError } from "../../components/GQLError";
-import { UserStatsDocument } from "../../types";
-
-const UserStats = () => {
-  const { data, loading, error } = useQuery(UserStatsDocument);
-
-  if (error) return <GQLError error={error} />;
-
-  const users = (data?.allUsers || [])
-    .filter((user) => Number(user.profile?.orderSumTotal || 0) > 0)
-    .map((user) => ({
-      name: `${user.firstName}${user.lastName ? ` ${user.lastName[0]}.` : ""}`,
-      total: Number(user.profile?.orderSumTotal || 0),
-    }))
-    .sort((a, b) => b.total - a.total)
-    .slice(0, 10)
-    // nivo draws the first item of a horizontal chart at the bottom
-    .reverse();
-
-  return (
-    <StatsView loading={loading}>
-      <h3>Topp 10 etter total kjøpesum</h3>
-      {users.length ? (
-        <div className={styles.chart} style={{ height: Math.max(320, users.length * 44) }}>
-          <ResponsiveBar
-            data={users}
-            keys={["total"]}
-            indexBy="name"
-            layout="horizontal"
-            theme={chartTheme}
-            margin={{ top: 10, right: 35, bottom: 40, left: 100 }}
-            padding={0.3}
-            enableLabel={false}
-            axisBottom={{
-              legend: "Kjøp totalt (kr)",
-              legendPosition: "middle",
-              legendOffset: 32,
-            }}
-            axisLeft={{ tickSize: 0, tickPadding: 8 }}
-            valueFormat={(value) => `${Number(value).toLocaleString("no")} kr`}
-          />
-        </div>
-      ) : (
-        <p>Ingen kjøp å vise ennå.</p>
-      )}
-    </StatsView>
-  );
-};
-
-export default UserStats;

frontend/src/features/stats/chartTheme.ts

@@ -1,60 +0,0 @@
-export const chartTheme = {
-  background: "transparent",
-  text: {
-    fill: "#f7effa",
-    fontFamily: '"IBM Plex Mono", monospace',
-    fontSize: 13,
-    textShadow: "none",
-  },
-  axis: {
-    domain: {
-      line: { stroke: "#b9a3c5", strokeWidth: 1 },
-    },
-    ticks: {
-      line: { stroke: "#b9a3c5", strokeWidth: 1 },
-      text: { fill: "#f7effa", fontSize: 12, textShadow: "none" },
-    },
-    legend: {
-      text: { fill: "#f7effa", fontSize: 13, textShadow: "none" },
-    },
-  },
-  grid: {
-    line: { stroke: "rgba(221, 81, 127, 0.24)", strokeWidth: 1 },
-  },
-  legends: {
-    text: { fill: "#f7effa", fontSize: 12, textShadow: "none" },
-    title: {
-      text: { fill: "#f7effa", fontSize: 13, textShadow: "none" },
-    },
-  },
-  labels: {
-    text: {
-      fill: "#ffffff",
-      fontSize: 13,
-      textShadow: "none",
-    },
-  },
-  tooltip: {
-    container: {
-      background: "#2b1733",
-      color: "#ffffff",
-      fontFamily: '"IBM Plex Mono", monospace',
-      fontSize: 13,
-      border: "1px solid #dd517f",
-      borderRadius: 4,
-      boxShadow: "0 4px 16px rgba(0, 0, 0, 0.45)",
-    },
-  },
-};
-
-export const chartTooltipStyle = {
-  background: "#2b1733",
-  color: "#ffffff",
-  padding: "9px 12px",
-  border: "1px solid #dd517f",
-  borderRadius: 4,
-  boxShadow: "0 4px 16px rgba(0, 0, 0, 0.45)",
-  fontFamily: '"IBM Plex Mono", monospace',
-  fontSize: 13,
-  textShadow: "none",
-};