Revert "Use modal dialogs for expense creation & edition (#10)"

This reverts commit 1e66efe516.

.devcontainer/devcontainer.json

@@ -1,42 +0,0 @@
-// For format details, see https://aka.ms/devcontainer.json. For config options, see the
-// README at: https://github.com/devcontainers/templates/tree/main/src/javascript-node-postgres
-{
-    "name": "spliit",
-    "dockerComposeFile": "docker-compose.yml",
-    "service": "app",
-
-    // Features to add to the dev container. More info: https://containers.dev/features.
-    // "features": {
-    // 	   "ghcr.io/frntn/devcontainers-features/prism:1": {}
-    // },
-
-    // Use 'postCreateCommand' to run commands after the container is created.
-    "postCreateCommand": "cp container.env.example .env && npm install",
-    "postAttachCommand": {
-    	"npm": "npm run dev"
-    },
-
-    // Use 'forwardPorts' to make a list of ports inside the container available locally.
-    // This can be used to network with other containers or with the host.
-    "forwardPorts": [3000, 5432],
-    "portsAttributes": {
-            "3000": {
-                "label": "App"
-            },
-            "5432": {
-                "label": "PostgreSQL"
-            }
-    },
-
-    // Configure tool-specific properties.
-    "customizations": {
-        "codespaces": {
-            "openFiles": [
-                "README.md"
-            ]
-        }
-    }
-
-    // Uncomment to connect as root instead. More info: https://aka.ms/dev-containers-non-root.
-    // "remoteUser": "root"
-}

.devcontainer/docker-compose.yml

@@ -1,33 +0,0 @@
-version: '3.8'
-
-services:
-  app:
-    image: mcr.microsoft.com/devcontainers/typescript-node:latest
-
-    volumes:
-      - ../..:/workspaces:cached
-      
-    # Overrides default command so things don't shut down after the process ends.
-    command: sleep infinity
-
-    # Runs app on the same network as the database container, allows "forwardPorts" in devcontainer.json function.
-    network_mode: service:db
-
-    # Use "forwardPorts" in **devcontainer.json** to forward an app port locally. 
-    # (Adding the "ports" property to this file will not forward from a Codespace.)
-
-  db:
-    image: postgres:latest
-    restart: unless-stopped
-    volumes:
-      - postgres-data:/var/lib/postgresql/data
-    environment:
-      POSTGRES_PASSWORD: 1234
-      POSTGRES_USER: postgres
-      POSTGRES_DB: postgres
-
-    # Add "forwardPorts": ["5432"] to **devcontainer.json** to forward PostgreSQL locally.
-    # (Adding the "ports" property to this file will not forward from a Codespace.)
-
-volumes:
-  postgres-data:

.env.example

@@ -1,2 +1,3 @@
 POSTGRES_PRISMA_URL=postgresql://postgres:1234@localhost
-POSTGRES_URL_NON_POOLING=postgresql://postgres:1234@localhost
+POSTGRES_URL_NON_POOLING=postgresql://postgres:1234@localhost
+NEXT_PUBLIC_BASE_URL=http://localhost:3000

.github/FUNDING.yml

@@ -1,13 +0,0 @@
-# These are supported funding model platforms
-
-github: ['scastiel']
-patreon: # Replace with a single Patreon username
-open_collective: # Replace with a single Open Collective username
-ko_fi: # Replace with a single Ko-fi username
-tidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel
-community_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry
-liberapay: # Replace with a single Liberapay username
-issuehunt: # Replace with a single IssueHunt username
-otechie: # Replace with a single Otechie username
-lfx_crowdfunding: # Replace with a single LFX Crowdfunding project-name e.g., cloud-foundry
-custom: ['https://donate.stripe.com/28o3eh96G7hH8k89Ba']

.github/workflows/ci.yml

@@ -1,36 +0,0 @@
-name: CI
-
-on:
-  push:
-    branches: ['main']
-  pull_request:
-    branches: ['main']
-
-jobs:
-  checks:
-    runs-on: ubuntu-latest
-
-    steps:
-      - name: Check out repository
-        uses: actions/checkout@v3
-
-      - name: Set up Node.js
-        uses: actions/setup-node@v3
-        with:
-          node-version: 18
-          cache: 'npm'
-
-      - name: Install dependencies
-        run: npm ci --ignore-scripts
-
-      - name: Generate Prisma client
-        run: npx prisma generate
-
-      - name: Check TypeScript types
-        run: npm run check-types
-
-      - name: Check ESLint
-        run: npm run lint
-
-      - name: Check Prettier formatting
-        run: npm run check-formatting

.gitignore

@@ -27,8 +27,7 @@ yarn-error.log*
 
 # local env files
 .env*.local
-*.env
-!scripts/build.env
+.env
 
 # vercel
 .vercel

.prettierignore

@@ -1 +0,0 @@
-src/components/ui

Dockerfile

@@ -1,49 +0,0 @@
-FROM node:21-alpine AS base
-
-WORKDIR /usr/app
-COPY ./package.json \
-     ./package-lock.json \
-     ./next.config.mjs \
-     ./tsconfig.json \
-     ./reset.d.ts \
-     ./tailwind.config.js \
-     ./postcss.config.js ./
-COPY ./scripts ./scripts
-COPY ./prisma ./prisma
-
-RUN apk add --no-cache openssl && \
-    npm ci --ignore-scripts && \
-    npx prisma generate
-
-COPY ./src ./src
-COPY ./messages ./messages
-
-ENV NEXT_TELEMETRY_DISABLED=1
-
-COPY scripts/build.env .env
-RUN npm run build
-
-RUN rm -r .next/cache
-
-FROM node:21-alpine AS runtime-deps
-
-WORKDIR /usr/app
-COPY --from=base /usr/app/package.json /usr/app/package-lock.json /usr/app/next.config.mjs ./
-COPY --from=base /usr/app/prisma ./prisma
-
-RUN npm ci --omit=dev --omit=optional --ignore-scripts && \
-    npx prisma generate
-
-FROM node:21-alpine AS runner
-
-EXPOSE 3000/tcp
-WORKDIR /usr/app
-
-COPY --from=base /usr/app/package.json /usr/app/package-lock.json /usr/app/next.config.mjs ./
-COPY --from=runtime-deps /usr/app/node_modules ./node_modules
-COPY ./public ./public
-COPY ./scripts ./scripts
-COPY --from=base /usr/app/prisma ./prisma
-COPY --from=base /usr/app/.next ./.next
-
-ENTRYPOINT ["/bin/sh", "/usr/app/scripts/container-entrypoint.sh"]

README.md

@@ -1,8 +1,6 @@
-[<img alt="Spliit" height="60" src="https://github.com/spliit-app/spliit/blob/main/public/logo-with-text.png?raw=true" />](https://spliit.app)
+[<img alt="Spliit" height="60" src="https://github.com/scastiel/spliit2/blob/main/public/logo-with-text.png?raw=true" />](https://spliit.app)
 
-Spliit is a free and open source alternative to Splitwise. You can either use the official instance at [Spliit.app](https://spliit.app), or deploy your own instance:
-
-[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fspliit-app%2Fspliit&project-name=my-spliit-instance&repository-name=my-spliit-instance&stores=%5B%7B%22type%22%3A%22postgres%22%7D%5D&)
+Spliit is a free and open source alternative to Splitwise. I created it back in 2022 as a side project to learn the Go language, but rewrote it with Next.js since.
 
 ## Features
 
@@ -12,18 +10,12 @@ Spliit is a free and open source alternative to Splitwise. You can either use th
 - [x] Create reimbursement expenses
 - [x] Progressive Web App
 - [x] Select all/no participant for expenses
-- [x] Split expenses unevenly [(#6)](https://github.com/spliit-app/spliit/issues/6)
-- [x] Mark a group as favorite [(#29)](https://github.com/spliit-app/spliit/issues/29)
-- [x] Tell the application who you are when opening a group [(#7)](https://github.com/spliit-app/spliit/issues/7)
-- [x] Assign a category to expenses [(#35)](https://github.com/spliit-app/spliit/issues/35)
-- [x] Search for expenses in a group [(#51)](https://github.com/spliit-app/spliit/issues/51)
-- [x] Upload and attach images to expenses [(#63)](https://github.com/spliit-app/spliit/issues/63)
-- [x] Create expense by scanning a receipt [(#23)](https://github.com/spliit-app/spliit/issues/23)
 
 ### Possible incoming features
 
-- [ ] Ability to create recurring expenses [(#5)](https://github.com/spliit-app/spliit/issues/5)
-- [ ] Import expenses from Splitwise [(#22)](https://github.com/spliit-app/spliit/issues/22)
+- [ ] Tell the application who you are when opening a group [(#7)](https://github.com/scastiel/spliit2/issues/7)
+- [ ] Ability to create recurring expenses [(#5)](https://github.com/scastiel/spliit2/issues/5)
+- [ ] Ability to split expenses unevenly [(#6)](https://github.com/scastiel/spliit2/issues/6)
 
 ## Stack
 
@@ -37,72 +29,13 @@ Spliit is a free and open source alternative to Splitwise. You can either use th
 
 The project is open to contributions. Feel free to open an issue or even a pull-request!
 
-If you want to contribute financially and help us keep the application free and without ads, you can also:
-
-- 💜 [Sponsor me (Sebastien)](https://github.com/sponsors/scastiel), or
-- 💙 [Make a small one-time donation](https://donate.stripe.com/28o3eh96G7hH8k89Ba).
-
 ## Run locally
 
 1. Clone the repository (or fork it if you intend to contribute)
-2. Start a PostgreSQL server. You can run `./scripts/start-local-db.sh` if you don’t have a server already.
-3. Copy the file `.env.example` as `.env`
-4. Run `npm install` to install dependencies. This will also apply database migrations and update Prisma Client.
-5. Run `npm run dev` to start the development server
-
-## Run in a container
-
-1. Run `npm run build-image` to build the docker image from the Dockerfile
-2. Copy the file `container.env.example` as `container.env`
-3. Run `npm run start-container` to start the postgres and the spliit2 containers
-4. You can access the app by browsing to http://localhost:3000
-
-## Opt-in features
-
-### Expense documents
-
-Spliit offers users to upload images (to an AWS S3 bucket) and attach them to expenses. To enable this feature:
-
-- Follow the instructions in the _S3 bucket_ and _IAM user_ sections of [next-s3-upload](https://next-s3-upload.codingvalue.com/setup#s3-bucket) to create and set up an S3 bucket where images will be stored.
-- Update your environments variables with appropriate values:
-
-```.env
-NEXT_PUBLIC_ENABLE_EXPENSE_DOCUMENTS=true
-S3_UPLOAD_KEY=AAAAAAAAAAAAAAAAAAAA
-S3_UPLOAD_SECRET=AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
-S3_UPLOAD_BUCKET=name-of-s3-bucket
-S3_UPLOAD_REGION=us-east-1
-```
-
-You can also use other S3 providers by providing a custom endpoint:
-
-```.env
-S3_UPLOAD_ENDPOINT=http://localhost:9000
-```
-
-### Create expense from receipt
-
-You can offer users to create expense by uploading a receipt. This feature relies on [OpenAI GPT-4 with Vision](https://platform.openai.com/docs/guides/vision) and a public S3 storage endpoint.
-
-To enable the feature:
-
-- You must enable expense documents feature as well (see section above). That might change in the future, but for now we need to store images to make receipt scanning work.
-- Subscribe to OpenAI API and get access to GPT 4 with Vision (you might need to buy credits in advance).
-- Update your environment variables with appropriate values:
-
-```.env
-NEXT_PUBLIC_ENABLE_RECEIPT_EXTRACT=true
-OPENAI_API_KEY=XXXXXXXXXXXXXXXXXXXXXXXXXXXX
-```
-
-### Deduce category from title
-
-You can offer users to automatically deduce the expense category from the title. Since this feature relies on a OpenAI subscription, follow the signup instructions above and configure the following environment variables:
-
-```.env
-NEXT_PUBLIC_ENABLE_CATEGORY_EXTRACT=true
-OPENAI_API_KEY=XXXXXXXXXXXXXXXXXXXXXXXXXXXX
-```
+2. `npm install`
+3. Start a PostgreSQL server. You can run `./start-local-db.sh` if you don’t have a server already.
+4. Copy the file `.env.example` as `.env`
+5. `npm run dev`
 
 ## License
 

components.json

@@ -13,4 +13,4 @@
     "components": "@/components",
     "utils": "@/lib/utils"
   }
-}
+}

compose.yaml

@@ -1,24 +0,0 @@
-services:
-  app:
-    image: spliit2:latest
-    ports:
-      - 3000:3000
-    env_file:
-      - container.env
-    depends_on:
-      db:
-        condition: service_healthy
-
-  db:
-    image: postgres:latest
-    ports:
-      - 5432:5432
-    env_file:
-      - container.env
-    volumes:
-      - ./postgres-data:/var/lib/postgresql/data
-    healthcheck:
-      test: ['CMD-SHELL', 'pg_isready -U postgres']
-      interval: 5s
-      timeout: 5s
-      retries: 5

container.env.example

@@ -1,6 +0,0 @@
-# db
-POSTGRES_PASSWORD=1234
-
-# app
-POSTGRES_PRISMA_URL=postgresql://postgres:${POSTGRES_PASSWORD}@db
-POSTGRES_URL_NON_POOLING=postgresql://postgres:${POSTGRES_PASSWORD}@db

jest.config.ts

@@ -1,18 +0,0 @@
-import type { Config } from 'jest'
-import nextJest from 'next/jest.js'
- 
-const createJestConfig = nextJest({
-  // Provide the path to your Next.js app to load next.config.js and .env files in your test environment
-  dir: './',
-})
- 
-// Add any custom config to be passed to Jest
-const config: Config = {
-  coverageProvider: 'v8',
-  testEnvironment: 'jsdom',
-  // Add more setup options before each test is run
-  // setupFilesAfterEnv: ['<rootDir>/jest.setup.ts'],
-}
- 
-// createJestConfig is exported this way to ensure that next/jest can load the Next.js config which is async
-export default createJestConfig(config)

messages/de-DE.json

@@ -1,401 +0,0 @@
-{
-  "Homepage": {
-    "title": "Teile <strong>Ausgaben</strong> mit <strong>Freunden & Familie</strong>",
-    "description": "Willkommen zu deiner neuen <strong>Spliit</strong>-Instanz!",
-    "button": {
-      "groups": "Zu den Gruppen",
-      "github": "GitHub"
-    }
-  },
-  "Header": {
-    "groups": "Gruppen"
-  },
-  "Footer": {
-    "madeIn": "Entwickelt in Montréal, Québec 🇨🇦",
-    "builtBy": "Erstellt von <author>Sebastien Castiel</author> und <source>Mitwirkenden</source>"
-  },
-  "Expenses": {
-    "title": "Ausgaben",
-    "description": "Hier sind die Ausgaben, die du für deine Gruppe erstellt hast.",
-    "create": "Ausgabe hinzufügen",
-    "createFirst": "Erstelle die Erste",
-    "noExpenses": "Deine Gruppe hat noch keine Ausgaben.",
-    "exportJson": "Als JSON exportieren",
-    "searchPlaceholder": "Suche nach einer Ausgabe…",
-    "ActiveUserModal": {
-      "title": "Wer bist du?",
-      "description": "Sag uns, welcher Teilnehmer du bist, um die angezeigten Informationen auf dich anzupassen.",
-      "nobody": "Ich will niemanden auswählen",
-      "save": "Änderungen speichern",
-      "footer": "Diese Einstellung kann später in den Gruppeneinstellungen geändert werden."
-    },
-    "Groups": {
-      "upcoming": "Bevorstehend",
-      "thisWeek": "Diese Woche",
-      "earlierThisMonth": "Diesen Monat",
-      "lastMonth": "Letzten Monat",
-      "earlierThisYear": "Dieses Jahr",
-      "lastYera": "Letztes Jahr",
-      "older": "Älter"
-    }
-  },
-  "ExpenseCard": {
-    "paidBy": "Gezahlt von <strong>{paidBy}</strong> für <paidFor></paidFor>",
-    "receivedBy": "Empfangen von <strong>{paidBy}</strong> für <paidFor></paidFor>",
-    "yourBalance": "Deine Bilanz:"
-  },
-  "Groups": {
-    "myGroups": "Meine Gruppen",
-    "create": "Erstellen",
-    "loadingRecent": "Lade letzte Gruppen…",
-    "NoRecent": {
-      "description": "Du hast in der letzten Zeit keine Gruppe besucht.",
-      "create": "Erstelle eine",
-      "orAsk": "oder bitte einen Freund, dir einen Link zu einer Existierenden zu schicken."
-    },
-    "recent": "Letzte Gruppen",
-    "starred": "Favorisierte Gruppen",
-    "archived": "Archivierte Gruppen",
-    "archive": "Gruppe archivieren",
-    "unarchive": "Gruppe wiederherstellen",
-    "removeRecent": "Aus letzten Gruppen entfernen",
-    "RecentRemovedToast": {
-      "title": "Gruppe wurde entfernt",
-      "description": "Die Gruppe wurde von deiner Liste der letzten Gruppen entfernt.",
-      "undoAlt": "Gruppe entfernen rückgängig machen",
-      "undo": "Rückgängig machen"
-    },
-    "AddByURL": {
-      "button": "Mit URL hinzufügen",
-      "title": "Gruppe mit URL hinzufügen",
-      "description": "Wenn eine Gruppe mit dir geteilt wurde, kannst du ihre URL hier einfügen, um sie zu deiner Liste hinzuzufügen.",
-      "error": "Ups, wir können die Gruppe mit der angegebenen URL nicht finden…"
-    },
-    "NotFound": {
-      "text": "Diese Gruppe existiert nicht.",
-      "link": "Gehe zu zuletzt besuchten Gruppen"
-    }
-  },
-  "GroupForm": {
-    "title": "Gruppeninformationen",
-    "NameField": {
-      "label": "Gruppenname",
-      "placeholder": "Sommerurlaub",
-      "description": "Gib deiner Gruppe einen Namen."
-    },
-    "InformationField": {
-      "label": "Gruppeninformationen",
-      "placeholder": "Welche Informationen sind relevant für Gruppenmitglieder?"
-    },
-    "CurrencyField": {
-      "label": "Währungssymbol",
-      "placeholder": "€, $, £…",
-      "description": "Wir benutzen es, um Beträge anzuzeigen."
-    },
-    "Participants": {
-      "title": "Mitglieder",
-      "description": "Füge einen Namen für jedes Gruppenmitglied hinzu.",
-      "protectedParticipant": "Dieses Mitglied ist Teil der Ausgaben und kann nicht entfernt werden.",
-      "new": "Neu",
-      "add": "Mitglied hinzufügen",
-      "John": "Johannes",
-      "Jane": "Janina",
-      "Jack": "Jakob"
-    },
-    "Settings": {
-      "title": "Lokale Einstellungen",
-      "description": "Dies sind Einstellungen pro Gerät, die verwendet werden, um deine Benutzererfahrung zu verbessern.",
-      "ActiveUserField": {
-        "label": "Aktiver Nutzer",
-        "placeholder": "Wähle ein Mitglied",
-        "none": "Keiner",
-        "description": "Standardnutzer, der die Ausgaben übernimmt."
-      },
-      "save": "Speichern",
-      "saving": "Speichert…",
-      "create": "Erstellen",
-      "creating": "Erstellt…",
-      "cancel": "Abbrechen"
-    }
-  },
-  "ExpenseForm": {
-    "Income": {
-      "create": "Einnahme erstellen",
-      "edit": "Einnahme bearbeiten",
-      "TitleField": {
-        "label": "Titel der Einnahme",
-        "placeholder": "Montagabend Restaurant",
-        "description": "Füge eine Beschreibung für die Einnahme hinzu."
-      },
-      "DateField": {
-        "label": "Datum der Einnahme",
-        "description": "Füge ein Datum hinzu für wann die Einnahme erhalten wurde."
-      },
-      "categoryFieldDescription": "Wähle die Kategorie der Einnahme.",
-      "paidByField": {
-        "label": "Empfangen von",
-        "description": "Wähle das Mitglied, das die Einnahme erhalten hat."
-      },
-      "paidFor": {
-        "title": "Empfangen für",
-        "description": "Wähle für wen die Einnahme empfangen wurde."
-      },
-      "splitModeDescription": "Wähle, wie die Einnahme aufgeteilt werden soll.",
-      "attachDescription": "Füge der Einnahme einen Beleg hinzu."
-    },
-    "Expense": {
-      "create": "Augabe erstellen",
-      "edit": "Ausgabe bearbeiten",
-      "TitleField": {
-        "label": "Titel der Ausgabe",
-        "placeholder": "Montagabend Restaurant",
-        "description": "Füge eine Beschreibung für die Ausgabe hinzu."
-      },
-      "DateField": {
-        "label": "Datum der Ausgabe",
-        "description": "Füge das Datum ein, zu dem die Ausgabe getätigt wurde."
-      },
-      "categoryFieldDescription": "Wähle eine Kategorie für die Ausgabe.",
-      "paidByField": {
-        "label": "Gezahlt von",
-        "description": "Wähle das Mitglied, das die Ausgabe bezahlt hat."
-      },
-      "paidFor": {
-        "title": "Gezahlt für",
-        "description": "Wähle für wen die Ausgabe gezahlt wurde."
-      },
-      "splitModeDescription": "Wähle, wie die Ausgabe aufgeteilt werden soll.",
-      "attachDescription": "Füge der Ausgabe einen Beleg hinzu."
-    },
-    "amountField": {
-      "label": "Betrag"
-    },
-    "isReimbursementField": {
-      "label": "Das ist eine Rückzahlung"
-    },
-    "categoryField": {
-      "label": "Kategorie"
-    },
-    "notesField": {
-      "label": "Notizen"
-    },
-    "selectNone": "Keine auswählen",
-    "selectAll": "Alle auswählen",
-    "shares": "Anteil(e)",
-    "advancedOptions": "Fortgeschrittene Aufteilungsoptionen…",
-    "SplitModeField": {
-      "label": "Aufteilungsart",
-      "evenly": "Gleich verteilt",
-      "byShares": "Ungleich – Nach Anteilen",
-      "byPercentage": "Ungleich – Prozentual",
-      "byAmount": "Ungleich – Nach Betrag",
-      "saveAsDefault": "Als Standardoptionen zur Aufteilung speichern"
-    },
-    "DeletePopup": {
-      "label": "Löschen",
-      "title": "Diese Ausgabe löschen?",
-      "description": "Willst du diese Ausgabe wirklich löschen? Diese Aktion kann nicht rückgängig gemacht werden.",
-      "yes": "Ja",
-      "cancel": "Abbrechen"
-    },
-    "attachDocuments": "Dokument hinzufügen",
-    "create": "Erstellen",
-    "creating": "Erstellt…",
-    "save": "Speichern",
-    "saving": "Speichert…",
-    "cancel": "Abbrechen",
-    "reimbursement": "Rückzahlung"
-  },
-  "ExpenseDocumentsInput": {
-    "TooBigToast": {
-      "title": "Die Datei ist zu groß",
-      "description": "Die maximale Dateigröße ist {maxSize}. Deine ist ${size}."
-    },
-    "ErrorToast": {
-      "title": "Fehler beim Hochladen der Datei",
-      "description": "Beim Hochladen der Datei ist etwas schiefgelaufen. Versuche es später nochmal oder wähle eine andere Datei.",
-      "retry": "Wiederholen"
-    }
-  },
-  "CreateFromReceipt": {
-    "Dialog": {
-      "triggerTitle": "Ausgabe von Rechnungsbeleg erstellen",
-      "title": "Von Rechnungsbeleg erstellen",
-      "description": "Ausgabeninformationen von einem Foto einer Rechnung lesen.",
-      "body": "Lade ein Foto der Rechnung hoch und wir versuchen die Ausgabeinformationen zu extrahieren",
-      "selectImage": "Bild wählen…",
-      "titleLabel": "Titel:",
-      "categoryLabel": "Kategorie:",
-      "amountLabel": "Betrag:",
-      "dateLabel": "Datum:",
-      "editNext": "Als nächstes kannst du die Informationen zur Ausgabe editieren.",
-      "continue": "Weiter"
-    },
-    "unknown": "Unbekannt",
-    "TooBigToast": {
-      "title": "Die Datei ist zu groß",
-      "description": "Die maximale Dateigröße ist {maxSize}. Deine ist ${size}."
-    },
-    "ErrorToast": {
-      "title": "Fehler beim Hochladen der Datei",
-      "description": "Beim Hochladen der Datei ist etwas schiefgelaufen. Versuche es später nochmal oder wähle eine andere Datei.",
-      "retry": "Wiederholen"
-    }
-  },
-  "Balances": {
-    "title": "Bilanz",
-    "description": "Das sind die Beträge, die jedes Mitglied bezahlt oder empfangen hat.",
-    "Reimbursements": {
-      "title": "Vorgeschlagene Rückzahlungen",
-      "description": "Hier sind Vorschläge für optimierte Rückzahlungen zwischen Mitgliedern.",
-      "noImbursements": "Es sieht aus, als seien in der Gruppe keine Rückzahlungen nötig 😁",
-      "owes": "<strong>{from}</strong> schuldet <strong>{to}</strong>",
-      "markAsPaid": "Als gezahlt markieren"
-    }
-  },
-  "Stats": {
-    "title": "Statistiken",
-    "Totals": {
-      "title": "Gesamtausgaben",
-      "description": "Zusammenfassung der Ausgaben der gesamten Gruppe.",
-      "groupSpendings": "Gesamte Ausgaben der Gruppe",
-      "groupEarnings": "Gesamte Einnahmen der Gruppe",
-      "yourSpendings": "Deine gesamten Ausgaben",
-      "yourEarnings": "Deine gesamten Einnahmen",
-      "yourShare": "Dein gesamter Anteil"
-    }
-  },
-  "Activity": {
-    "title": "Aktivitäten",
-    "description": "Zusammenfassung aller Aktivitäten in dieser Gruppe.",
-    "noActivity": "Es gab noch keine Aktivität in dieser Gruppe.",
-    "someone": "Jemand",
-    "settingsModified": "Die Gruppeneinstellungen wurden von <strong>{participant}</strong> verändert.",
-    "expenseCreated": "Augabe <em>{expense}</em> wurde von <strong>{participant}</strong> erstellt.",
-    "expenseUpdated": "Ausgabe <em>{expense}</em> wurde von <strong>{participant}</strong> aktualisiert.",
-    "expenseDeleted": "Ausgabe <em>{expense}</em> wurde von <strong>{participant}</strong> gelöscht.",
-    "Groups": {
-      "today": "Heute",
-      "yesterday": "Gestern",
-      "earlierThisWeek": "Diese Woche",
-      "lastWeek": "Letze Woche",
-      "earlierThisMonth": "Diesen Monat",
-      "lastMonth": "Letzen Monat",
-      "earlierThisYear": "Dieses Jahr",
-      "lastYear": "Letztes Jahr",
-      "older": "Älter"
-    }
-  },
-  "Information": {
-    "title": "Informationen",
-    "description": "Nutze diesen Ort, um Informationen hinzuzufügen, die für die Gruppenmitglieder wichtig sein könnten.",
-    "empty": "Noch keine Gruppeninformationen vorhanden."
-  },
-  "Settings": {
-    "title": "Einstellungen"
-  },
-  "Locale": {
-    "en-US": "English",
-    "fi": "Suomi",
-    "fr-FR": "Français",
-    "es": "Español",
-    "de-DE": "Deutsch",
-    "zh-CN": "Chinese (Simplified)",
-    "pl-PL": "Polski",
-    "ru-RU": "Русский",
-    "it-IT": "Italiano",
-    "ua-UA": "Українська",
-    "ro": "Română"
-  },
-  "Share": {
-    "title": "Teilen",
-    "description": "Teile die URL, damit andere Mitglieder die Gruppe sehen und Ausgaben hinzufügen können.",
-    "warning": "Achtung!",
-    "warningHelp": "Jede person mit der Gruppen-URL kann Ausgaben sehen und editieren. Teile den Link mit Bedacht!"
-  },
-  "SchemaErrors": {
-    "min1": "Gib mindestens ein Zeichen ein.",
-    "min2": "Gib mindestens zwei Zeichen ein.",
-    "max5": "Gib maximal fünf Zeichen ein.",
-    "max50": "Gib maximal 50 Zeichen ein.",
-    "duplicateParticipantName": "Der Name ist bereits an ein anderes Gruppenmitglied vergeben.",
-    "titleRequired": "Bitte gib einen Titel an.",
-    "invalidNumber": "Zahl nicht valide.",
-    "amountRequired": "Du musst einen Betrag angeben.",
-    "amountNotZero": "Der Betrag darf nicht 0 sein.",
-    "amountTenMillion": "Der Betrag muss kleiner als 10.000.000 sein",
-    "paidByRequired": "Du musst ein Mitglied auswählen.",
-    "paidForMin1": "Die Ausgabe muss mindestens für ein Mitglied bezahlt werden.",
-    "noZeroShares": "Alle Anteile müssen größer als 0 sein.",
-    "amountSum": "Die Summe der Beträge muss dem Betrag der Ausgabe entsprechen.",
-    "percentageSum": "Die Summe der prozentualen Anteile muss 100 ergeben."
-  },
-  "Categories": {
-    "search": "Nach Kategorie suchen...",
-    "noCategory": "Keine Kategorie gefunden.",
-    "Uncategorized": {
-      "heading": "Nicht kategorisiert",
-      "General": "Allgemein",
-      "Payment": "Zahlung"
-    },
-    "Entertainment": {
-      "heading": "Vergnügen",
-      "Entertainment": "Vergnügen",
-      "Games": "Spiele",
-      "Movies": "Filme",
-      "Music": "Musik",
-      "Sports": "Sport"
-    },
-    "Food and Drink": {
-      "heading": "Essen und Trinken",
-      "Food and Drink": "Essen und Trinken",
-      "Dining Out": "Essen gehen",
-      "Groceries": "Lebensmittel",
-      "Liquor": "Alkohol"
-    },
-    "Home": {
-      "heading": "Zuhause",
-      "Home": "Zuhause",
-      "Electronics": "Elektronik",
-      "Furniture": "Möbel",
-      "Household Supplies": "Haushaltsgegenstände",
-      "Maintenance": "Wartung",
-      "Mortgage": "Hypothek",
-      "Pets": "Haustiere",
-      "Rent": "Miete",
-      "Services": "Dienstleistungen"
-    },
-    "Life": {
-      "heading": "Leben",
-      "Childcare": "Kinderversorgung",
-      "Clothing": "Kleidung",
-      "Education": "Bildung",
-      "Gifts": "Geschenke",
-      "Insurance": "Versicherung",
-      "Medical Expenses": "Medizinische Ausgaben",
-      "Taxes": "Steuern"
-    },
-    "Transportation": {
-      "heading": "Transport",
-      "Transportation": "Transport",
-      "Bicycle": "Fahrrad",
-      "Bus/Train": "Bus/Bahn",
-      "Car": "Auto",
-      "Gas/Fuel": "Tanken",
-      "Hotel": "Hotel",
-      "Parking": "Parken",
-      "Plane": "Flugzeug",
-      "Taxi": "Taxi"
-    },
-    "Utilities": {
-      "heading": "Versorgung",
-      "Utilities": "Versorgung",
-      "Cleaning": "Reinigung/Putzen",
-      "Electricity": "Strom",
-      "Heat/Gas": "Heizung",
-      "Trash": "Müll",
-      "TV/Phone/Internet": "TV/Internet/Telefonie",
-      "Water": "Wasser"
-    }
-  }
-}

messages/en-US.json

@@ -1,401 +0,0 @@
-{
-  "Homepage": {
-    "title": "Share <strong>Expenses</strong> with <strong>Friends & Family</strong>",
-    "description": "Welcome to your new <strong>Spliit</strong> instance !",
-    "button": {
-      "groups": "Go to groups",
-      "github": "GitHub"
-    }
-  },
-  "Header": {
-    "groups": "Groups"
-  },
-  "Footer": {
-    "madeIn": "Made in Montréal, Québec 🇨🇦",
-    "builtBy": "Built by <author>Sebastien Castiel</author> and <source>contributors</source>"
-  },
-  "Expenses": {
-    "title": "Expenses",
-    "description": "Here are the expenses that you created for your group.",
-    "create": "Create expense",
-    "createFirst": "Create the first one",
-    "noExpenses": "Your group doesn’t contain any expense yet.",
-    "exportJson": "Export to JSON",
-    "searchPlaceholder": "Search for an expense…",
-    "ActiveUserModal": {
-      "title": "Who are you?",
-      "description": "Tell us which participant you are to let us customize how the information is displayed.",
-      "nobody": "I don’t want to select anyone",
-      "save": "Save changes",
-      "footer": "This setting can be changed later in the group settings."
-    },
-    "Groups": {
-      "upcoming": "Upcoming",
-      "thisWeek": "This week",
-      "earlierThisMonth": "Earlier this month",
-      "lastMonth": "Last month",
-      "earlierThisYear": "Earlier this year",
-      "lastYera": "Last year",
-      "older": "Older"
-    }
-  },
-  "ExpenseCard": {
-    "paidBy": "Paid by <strong>{paidBy}</strong> for <paidFor></paidFor>",
-    "receivedBy": "Received by <strong>{paidBy}</strong> for <paidFor></paidFor>",
-    "yourBalance": "Your balance:"
-  },
-  "Groups": {
-    "myGroups": "My groups",
-    "create": "Create",
-    "loadingRecent": "Loading recent groups…",
-    "NoRecent": {
-      "description": "You have not visited any group recently.",
-      "create": "Create one",
-      "orAsk": "or ask a friend to send you the link to an existing one."
-    },
-    "recent": "Recent groups",
-    "starred": "Starred groups",
-    "archived": "Archived groups",
-    "archive": "Archive group",
-    "unarchive": "Unarchive group",
-    "removeRecent": "Remove from recent groups",
-    "RecentRemovedToast": {
-      "title": "Group has been removed",
-      "description": "The group was removed from your recent groups list.",
-      "undoAlt": "Undo group removal",
-      "undo": "Undo"
-    },
-    "AddByURL": {
-      "button": "Add by URL",
-      "title": "Add a group by URL",
-      "description": "If a group was shared with you, you can paste its URL here to add it to your list.",
-      "error": "Oops, we are not able to find the group from the URL you provided…"
-    },
-    "NotFound": {
-      "text": "This group does not exist.",
-      "link": "Go to recently visited groups"
-    }
-  },
-  "GroupForm": {
-    "title": "Group information",
-    "NameField": {
-      "label": "Group name",
-      "placeholder": "Summer vacations",
-      "description": "Enter a name for your group."
-    },
-    "InformationField": {
-      "label": "Group information",
-      "placeholder": "What information is relevant to group participants?"
-    },
-    "CurrencyField": {
-      "label": "Currency symbol",
-      "placeholder": "$, €, £…",
-      "description": "We’ll use it to display amounts."
-    },
-    "Participants": {
-      "title": "Participants",
-      "description": "Enter the name for each participant.",
-      "protectedParticipant": "This participant is part of expenses, and can not be removed.",
-      "new": "New",
-      "add": "Add participant",
-      "John": "John",
-      "Jane": "Jane",
-      "Jack": "Jack"
-    },
-    "Settings": {
-      "title": "Local settings",
-      "description": "These settings are set per-device, and are used to customize your experience.",
-      "ActiveUserField": {
-        "label": "Active user",
-        "placeholder": "Select a participant",
-        "none": "None",
-        "description": "User used as default for paying expenses."
-      },
-      "save": "Save",
-      "saving": "Saving…",
-      "create": "Create",
-      "creating": "Creating…",
-      "cancel": "Cancel"
-    }
-  },
-  "ExpenseForm": {
-    "Income": {
-      "create": "Create income",
-      "edit": "Edit income",
-      "TitleField": {
-        "label": "Income title",
-        "placeholder": "Monday evening restaurant",
-        "description": "Enter a description for the income."
-      },
-      "DateField": {
-        "label": "Income date",
-        "description": "Enter the date the income was received."
-      },
-      "categoryFieldDescription": "Select the income category.",
-      "paidByField": {
-        "label": "Received by",
-        "description": "Select the participant who received the income."
-      },
-      "paidFor": {
-        "title": "Received for",
-        "description": "Select who the income was received for."
-      },
-      "splitModeDescription": "Select how to split the income.",
-      "attachDescription": "See and attach receipts to the income."
-    },
-    "Expense": {
-      "create": "Create expense",
-      "edit": "Edit expense",
-      "TitleField": {
-        "label": "Expense title",
-        "placeholder": "Monday evening restaurant",
-        "description": "Enter a description for the expense."
-      },
-      "DateField": {
-        "label": "Expense date",
-        "description": "Enter the date the expense was paid."
-      },
-      "categoryFieldDescription": "Select the expense category.",
-      "paidByField": {
-        "label": "Paid by",
-        "description": "Select the participant who paid the expense."
-      },
-      "paidFor": {
-        "title": "Paid for",
-        "description": "Select who the expense was paid for."
-      },
-      "splitModeDescription": "Select how to split the expense.",
-      "attachDescription": "See and attach receipts to the expense."
-    },
-    "amountField": {
-      "label": "Amount"
-    },
-    "isReimbursementField": {
-      "label": "This is a reimbursement"
-    },
-    "categoryField": {
-      "label": "Category"
-    },
-    "notesField": {
-      "label": "Notes"
-    },
-    "selectNone": "Select none",
-    "selectAll": "Select all",
-    "shares": "share(s)",
-    "advancedOptions": "Advanced splitting options…",
-    "SplitModeField": {
-      "label": "Split mode",
-      "evenly": "Evenly",
-      "byShares": "Unevenly – By shares",
-      "byPercentage": "Unevenly – By percentage",
-      "byAmount": "Unevenly – By amount",
-      "saveAsDefault": "Save as default splitting options"
-    },
-    "DeletePopup": {
-      "label": "Delete",
-      "title": "Delete this expense?",
-      "description": "Do you really want to delete this expense? This action is irreversible.",
-      "yes": "Yes",
-      "cancel": "Cancel"
-    },
-    "attachDocuments": "Attach documents",
-    "create": "Create",
-    "creating": "Creating…",
-    "save": "Save",
-    "saving": "Saving…",
-    "cancel": "Cancel",
-    "reimbursement": "Reimbursement"
-  },
-  "ExpenseDocumentsInput": {
-    "TooBigToast": {
-      "title": "The file is too big",
-      "description": "The maximum file size you can upload is {maxSize}. Yours is ${size}."
-    },
-    "ErrorToast": {
-      "title": "Error while uploading document",
-      "description": "Something wrong happened when uploading the document. Please retry later or select a different file.",
-      "retry": "Retry"
-    }
-  },
-  "CreateFromReceipt": {
-    "Dialog": {
-      "triggerTitle": "Create expense from receipt",
-      "title": "Create from receipt",
-      "description": "Extract the expense information from a receipt photo.",
-      "body": "Upload the photo of a receipt, and we’ll scan it to extract the expense information if we can.",
-      "selectImage": "Select image…",
-      "titleLabel": "Title:",
-      "categoryLabel": "Category:",
-      "amountLabel": "Amount:",
-      "dateLabel": "Date:",
-      "editNext": "You’ll be able to edit the expense information next.",
-      "continue": "Continue"
-    },
-    "unknown": "Unknown",
-    "TooBigToast": {
-      "title": "The file is too big",
-      "description": "The maximum file size you can upload is {maxSize}. Yours is ${size}."
-    },
-    "ErrorToast": {
-      "title": "Error while uploading document",
-      "description": "Something wrong happened when uploading the document. Please retry later or select a different file.",
-      "retry": "Retry"
-    }
-  },
-  "Balances": {
-    "title": "Balances",
-    "description": "This is the amount that each participant paid or was paid for.",
-    "Reimbursements": {
-      "title": "Suggested reimbursements",
-      "description": "Here are suggestions for optimized reimbursements between participants.",
-      "noImbursements": "It looks like your group doesn’t need any reimbursement 😁",
-      "owes": "<strong>{from}</strong> owes <strong>{to}</strong>",
-      "markAsPaid": "Mark as paid"
-    }
-  },
-  "Stats": {
-    "title": "Stats",
-    "Totals": {
-      "title": "Totals",
-      "description": "Spending summary of the entire group.",
-      "groupSpendings": "Total group spendings",
-      "groupEarnings": "Total group earnings",
-      "yourSpendings": "Your total spendings",
-      "yourEarnings": "Your total earnings",
-      "yourShare": "Your total share"
-    }
-  },
-  "Activity": {
-    "title": "Activity",
-    "description": "Overview of all activity in this group.",
-    "noActivity": "There is not yet any activity in your group.",
-    "someone": "Someone",
-    "settingsModified": "Group settings were modified by <strong>{participant}</strong>.",
-    "expenseCreated": "Expense <em>{expense}</em> created by <strong>{participant}</strong>.",
-    "expenseUpdated": "Expense <em>{expense}</em> updated by <strong>{participant}</strong>.",
-    "expenseDeleted": "Expense <em>{expense}</em> deleted by <strong>{participant}</strong>.",
-    "Groups": {
-      "today": "Today",
-      "yesterday": "Yesterday",
-      "earlierThisWeek": "Earlier this week",
-      "lastWeek": "Last week",
-      "earlierThisMonth": "Earlier this month",
-      "lastMonth": "Last month",
-      "earlierThisYear": "Earlier this year",
-      "lastYear": "Last year",
-      "older": "Older"
-    }
-  },
-  "Information": {
-    "title": "Information",
-    "description": "Use this place to add any information that can be relevant to the group participants.",
-    "empty": "No group information yet."
-  },
-  "Settings": {
-    "title": "Settings"
-  },
-  "Locale": {
-    "en-US": "English",
-    "fi": "Suomi",
-    "fr-FR": "Français",
-    "es": "Español",
-    "de-DE": "Deutsch",
-    "zh-CN": "Chinese (Simplified)",
-    "pl-PL": "Polski",
-    "ru-RU": "Русский",
-    "it-IT": "Italiano",
-    "ua-UA": "Українська",
-    "ro": "Română"
-  },
-  "Share": {
-    "title": "Share",
-    "description": "For other participants to see the group and add expenses, share its URL with them.",
-    "warning": "Warning!",
-    "warningHelp": "Every person with the group URL will be able to see and edit expenses. Share with caution!"
-  },
-  "SchemaErrors": {
-    "min1": "Enter at least one character.",
-    "min2": "Enter at least two characters.",
-    "max5": "Enter at most five characters.",
-    "max50": "Enter at most 50 characters.",
-    "duplicateParticipantName": "Another participant already has this name.",
-    "titleRequired": "Please enter a title.",
-    "invalidNumber": "Invalid number.",
-    "amountRequired": "You must enter an amount.",
-    "amountNotZero": "The amount must not be zero.",
-    "amountTenMillion": "The amount must be lower than 10,000,000.",
-    "paidByRequired": "You must select a participant.",
-    "paidForMin1": "The expense must be paid for at least one participant.",
-    "noZeroShares": "All shares must be higher than 0.",
-    "amountSum": "Sum of amounts must equal the expense amount.",
-    "percentageSum": "Sum of percentages must equal 100."
-  },
-  "Categories": {
-    "search": "Search category...",
-    "noCategory": "No category found.",
-    "Uncategorized": {
-      "heading": "Uncategorized",
-      "General": "General",
-      "Payment": "Payment"
-    },
-    "Entertainment": {
-      "heading": "Entertainment",
-      "Entertainment": "Entertainment",
-      "Games": "Games",
-      "Movies": "Movies",
-      "Music": "Music",
-      "Sports": "Sports"
-    },
-    "Food and Drink": {
-      "heading": "Food and Drink",
-      "Food and Drink": "Food and Drink",
-      "Dining Out": "Dining Out",
-      "Groceries": "Groceries",
-      "Liquor": "Liquor"
-    },
-    "Home": {
-      "heading": "Home",
-      "Home": "Home",
-      "Electronics": "Electronics",
-      "Furniture": "Furniture",
-      "Household Supplies": "Household Supplies",
-      "Maintenance": "Maintenance",
-      "Mortgage": "Mortgage",
-      "Pets": "Pets",
-      "Rent": "Rent",
-      "Services": "Services"
-    },
-    "Life": {
-      "heading": "Life",
-      "Childcare": "Childcare",
-      "Clothing": "Clothing",
-      "Education": "Education",
-      "Gifts": "Gifts",
-      "Insurance": "Insurance",
-      "Medical Expenses": "Medical Expenses",
-      "Taxes": "Taxes"
-    },
-    "Transportation": {
-      "heading": "Transportation",
-      "Transportation": "Transportation",
-      "Bicycle": "Bicycle",
-      "Bus/Train": "Bus/Train",
-      "Car": "Car",
-      "Gas/Fuel": "Gas/Fuel",
-      "Hotel": "Hotel",
-      "Parking": "Parking",
-      "Plane": "Plane",
-      "Taxi": "Taxi"
-    },
-    "Utilities": {
-      "heading": "Utilities",
-      "Utilities": "Utilities",
-      "Cleaning": "Cleaning",
-      "Electricity": "Electricity",
-      "Heat/Gas": "Heat/Gas",
-      "Trash": "Trash",
-      "TV/Phone/Internet": "TV/Phone/Internet",
-      "Water": "Water"
-    }
-  }
-}

messages/es.json

@@ -1,401 +0,0 @@
-{
-  "Homepage": {
-    "title": "Comparte <strong>Gastos</strong> con <strong>Amigos y Familia</strong>",
-    "description": "¡Bienvenido a tu nueva instancia de <strong>Spliit</strong>!",
-    "button": {
-      "groups": "Ir a grupos",
-      "github": "GitHub"
-    }
-  },
-  "Header": {
-    "groups": "Grupos"
-  },
-  "Footer": {
-    "madeIn": "Hecho en Montréal, Québec 🇨🇦",
-    "builtBy": "Construido por <author>Sebastien Castiel</author> y <source>colaboradores</source>"
-  },
-  "Expenses": {
-    "title": "Gastos",
-    "description": "Aqui encontraras los gastos que has creado para tu grupo.",
-    "create": "Crear gasto",
-    "createFirst": "Crea el primero",
-    "noExpenses": "Tu grupo aun no tiene gastos.",
-    "exportJson": "Exportar a JSON",
-    "searchPlaceholder": "Busca un gasto…",
-    "ActiveUserModal": {
-      "title": "¿Quién es usted?",
-      "description": "Dinos qué participante eres para que podamos personalizar cómo se muestra la información.",
-      "nobody": "No quiero seleccionar a nadie",
-      "save": "Guardar cambios",
-      "footer": "Esta configuración puede modificarse posteriormente en los ajustes del grupo."
-    },
-    "Groups": {
-      "upcoming": "Próximamente",
-      "thisWeek": "Esta semana",
-      "earlierThisMonth": "A principios de este mes",
-      "lastMonth": "El mes pasado",
-      "earlierThisYear": "A principios de este año",
-      "lastYera": "El año pasado",
-      "older": "Más antiguos"
-    }
-  },
-  "ExpenseCard": {
-    "paidBy": "Pagado por <strong>{paidBy}</strong> para <paidFor></paidFor>",
-    "receivedBy": "Recibido por <strong>{paidBy}</strong> para <paidFor></paidFor>",
-    "yourBalance": "Tu balance:"
-  },
-  "Groups": {
-    "myGroups": "Mis grupos",
-    "create": "Crear",
-    "loadingRecent": "Cargando grupos recientes…",
-    "NoRecent": {
-      "description": "No has visitado ningun grupo recientemente.",
-      "create": "Crea uno",
-      "orAsk": "o pídele a un amigo que te envíe el enlace a uno ya existente.."
-    },
-    "recent": "Grupos recientes",
-    "starred": "Grupos favoritos",
-    "archived": "Grupos archivados",
-    "archive": "Archivar grupo",
-    "unarchive": "Desarchivar groupo",
-    "removeRecent": "Remove from recent groups",
-    "RecentRemovedToast": {
-      "title": "El grupo fue eliminado",
-      "description": "El grupo ha sido eliminado de tu lista de grupos recientes.",
-      "undoAlt": "Deshacer la eliminación del grupo",
-      "undo": "Deshacer"
-    },
-    "AddByURL": {
-      "button": "Añadir mediante url",
-      "title": "Añadir grupo mediante url",
-      "description": "Si te han compartido un grupo, puedes pegar aquí su URL para añadirlo a tu lista.",
-      "error": "Oops, no somos capaces de encontrar el grupo desde la URL que has proporcionado..."
-    },
-    "NotFound": {
-      "text": "Este grupo no existe.",
-      "link": "Ir a los últimos grupos visitados"
-    }
-  },
-  "GroupForm": {
-    "title": "Información del grupo",
-    "NameField": {
-      "label": "Nombre del grupo",
-      "placeholder": "Vacaciones en Barcelona",
-      "description": "Inserta un nombre para tu nuevo grupo."
-    },
-    "InformationField": {
-      "label": "Información del grupo",
-      "placeholder": "Qué información es relevante para los participantes del grupo?"
-    },
-    "CurrencyField": {
-      "label": "Símbolo de divisa",
-      "placeholder": "$, €, £…",
-      "description": "Lo usaremos para mostrar balances."
-    },
-    "Participants": {
-      "title": "Participantes",
-      "description": "Ingresa el nombre de cada participante.",
-      "protectedParticipant": "Estos participantes forman parte de gastos y no pueden ser eliminados.",
-      "new": "Nuevo",
-      "add": "Añadir participante",
-      "John": "Juan",
-      "Jane": "Maria",
-      "Jack": "Sergio"
-    },
-    "Settings": {
-      "title": "Ajustes locales",
-      "description": "Estos ajustes se establecen por dispositivo y se utilizan para personalizar su experiencia.",
-      "ActiveUserField": {
-        "label": "Usuario activo",
-        "placeholder": "Selecciona un participante...",
-        "none": "Ninguno",
-        "description": "Usuario que paga los gastos por defecto."
-      },
-      "save": "Guardar",
-      "saving": "Guardando",
-      "create": "Crear",
-      "creating": "Creando",
-      "cancel": "Cancelar"
-    }
-  },
-  "ExpenseForm": {
-    "Income": {
-      "create": "Crear ingreso",
-      "edit": "Editar ingreso",
-      "TitleField": {
-        "label": "Título del ingreso",
-        "placeholder": "Comida Hamburgeseria",
-        "description": "Introduce una descripción para este ingreso."
-      },
-      "DateField": {
-        "label": "Fecha del ingreso",
-        "description": "Ingresa la fecha en que se recibio el ingreso."
-      },
-      "categoryFieldDescription": "Seleccione la categoría de ingresos.",
-      "paidByField": {
-        "label": "Recibido por",
-        "description": "Seleccione el participante que recibió los ingresos."
-      },
-      "paidFor": {
-        "title": "Recibido para for",
-        "description": "Seleccione para quién se recibió el ingreso."
-      },
-      "splitModeDescription": "Seleccione como quieres dividir el ingreso.",
-      "attachDescription": "Ver y adjuntar tickets para el ingreso."
-    },
-    "Expense": {
-      "create": "Crear gasto",
-      "edit": "Editar gasto",
-      "TitleField": {
-        "label": "Título del gasto",
-        "placeholder": "Monday evening restaurant",
-        "description": "Enter a description for the expense."
-      },
-      "DateField": {
-        "label": "Fecha del gasto",
-        "description": "Ingresa la fecha en que se recibio el gasto."
-      },
-      "categoryFieldDescription": "Select the expense category.",
-      "paidByField": {
-        "label": "Pagado por",
-        "description": "Seleccione el participante que pagó el gasto."
-      },
-      "paidFor": {
-        "title": "Pagado para",
-        "description": "Seleccione para quién se pagó el gasto."
-      },
-      "splitModeDescription": "Seleccione como quieres dividir el gasto.",
-      "attachDescription": "Ver y adjuntar tickets para el gasto."
-    },
-    "amountField": {
-      "label": "Cantidad"
-    },
-    "isReimbursementField": {
-      "label": "Esto es un reembolso"
-    },
-    "categoryField": {
-      "label": "Categoria"
-    },
-    "notesField": {
-      "label": "Notas"
-    },
-    "selectNone": "Seleccionar ninguno",
-    "selectAll": "Seleccionar todos",
-    "shares": "partes",
-    "advancedOptions": "Opciones avanzadas",
-    "SplitModeField": {
-      "label": "Modo de división",
-      "evenly": "Uniformemente",
-      "byShares": "Desigualmente – Por partes",
-      "byPercentage": "Desigualmente – por porcentaje",
-      "byAmount": "Desigualmente – por cantidad",
-      "saveAsDefault": "Guardar como modo preferido"
-    },
-    "DeletePopup": {
-      "label": "Borrar",
-      "title": "Borrar gasto?",
-      "description": "Seguro que quieres borrar este gasto? Esta acción es irreversible.",
-      "yes": "Si",
-      "cancel": "Cancelar"
-    },
-    "attachDocuments": "Adjuntar documentos",
-    "create": "Crear",
-    "creating": "Creando",
-    "save": "Guardar",
-    "saving": "Guardando",
-    "cancel": "Cancelar",
-    "reimbursement": "Reembolso"
-  },
-  "ExpenseDocumentsInput": {
-    "TooBigToast": {
-      "title": "El archivo es demasiado grande",
-      "description": "El tamaño máximo de archivo que puede cargar es {maxSize}. El tuyo pesa ${size}."
-    },
-    "ErrorToast": {
-      "title": "Error al cargar el documento",
-      "description": "Ha ocurrido un error al cargar el documento. Vuelva a intentarlo más tarde o seleccione otro archivo.",
-      "retry": "Reintentar"
-    }
-  },
-  "CreateFromReceipt": {
-    "Dialog": {
-      "triggerTitle": "Crear gasto desde ticket",
-      "title": "Crear desde ticket",
-      "description": "Extraer la información de gastos de una foto de recibo.",
-      "body": "Sube la foto de un recibo y lo escanearemos para extraer la información del gasto si podemos.",
-      "selectImage": "Seleccionar imagen…",
-      "titleLabel": "Titulo:",
-      "categoryLabel": "Categoria:",
-      "amountLabel": "Cantidad:",
-      "dateLabel": "Fecha:",
-      "editNext": "A continuación podrá editar la información de los gastos.",
-      "continue": "Continuar"
-    },
-    "unknown": "Desconocido",
-    "TooBigToast": {
-      "title": "El archivo es demasiado grande",
-      "description": "El tamaño máximo de archivo que puede cargar es {maxSize}. El tuyo pesa ${size}."
-    },
-    "ErrorToast": {
-      "title": "Error al cargar el documento",
-      "description": "Ha ocurrido un error al cargar el documento. Vuelva a intentarlo más tarde o seleccione otro archivo.",
-      "retry": "Reintentar"
-    }
-  },
-  "Balances": {
-    "title": "Balances",
-    "description": "Se trata del importe que ha pagado o ha recibido cada participante.",
-    "Reimbursements": {
-      "title": "Reembolsos propuestos",
-      "description": "He aquí algunas sugerencias para optimizar los reembolsos entre los participantes.",
-      "noImbursements": "Parece que tu grupo no necesita ningún reembolso 😁",
-      "owes": "<strong>{from}</strong> debe <strong>{to}</strong>",
-      "markAsPaid": "Marcar como pagado"
-    }
-  },
-  "Stats": {
-    "title": "Estadísticas",
-    "Totals": {
-      "title": "Totales",
-      "description": "Resumen de gastos de todo el grupo.",
-      "groupSpendings": "Gastos de todo el grupo",
-      "groupEarnings": "Ingresos de todo el grupo",
-      "yourSpendings": "Tus gastos totales",
-      "yourEarnings": "Tus ingresos totales",
-      "yourShare": "Tu parte final"
-    }
-  },
-  "Activity": {
-    "title": "Actividad",
-    "description": "Aquí encontrarás todas las actividades recientes en tu grupo.",
-    "noActivity": "No hay actividad reciente en este grupo.",
-    "someone": "Alguien",
-    "settingsModified": "Los ajustes del grupo fueron modificados por <strong>{participant}</strong>.",
-    "expenseCreated": "Gasto <em>{expense}</em> creado por <strong>{participant}</strong>.",
-    "expenseUpdated": "Gasto <em>{expense}</em> actualizado por <strong>{participant}</strong>.",
-    "expenseDeleted": "Gasto <em>{expense}</em> borrado por <strong>{participant}</strong>.",
-    "Groups": {
-      "today": "Hoy",
-      "yesterday": "Ayer",
-      "earlierThisWeek": "A principios de esta semana",
-      "lastWeek": "La semana pasada",
-      "earlierThisMonth": "A principios de este mes",
-      "lastMonth": "El mes pasado",
-      "earlierThisYear": "A principios de este año",
-      "lastYear": "El ultimo año",
-      "older": "Más antiguos"
-    }
-  },
-  "Information": {
-    "title": "Información",
-    "description": "Utilice este lugar para añadir cualquier información que pueda ser relevante para los participantes del grupo.",
-    "empty": "Aún no hay información sobre el grupo."
-  },
-  "Settings": {
-    "title": "Ajustes"
-  },
-  "Locale": {
-    "en-US": "English",
-    "fi": "Suomi",
-    "fr-FR": "Français",
-    "es": "Español",
-    "de-DE": "Deutsch",
-    "zh-CN": "Chinese (Simplified)",
-    "pl-PL": "Polski",
-    "ru-RU": "Русский",
-    "it-IT": "Italiano",
-    "ua-UA": "Українська",
-    "ro": "Română"
-  },
-  "Share": {
-    "title": "Compartir",
-    "description": "Para que otros participantes puedan ver el grupo y añadir gastos, compárteles su URL.",
-    "warning": "Cuidado!",
-    "warningHelp": "Todas las personas que tengan la URL del grupo podrán ver y editar los gastos. ¡Comparte con precaución!"
-  },
-  "SchemaErrors": {
-    "min1": "Introduzca al menos un carácter.",
-    "min2": "Introduzca al menos dos carácter.",
-    "max5": "Introduzca al menos cinco carácter.",
-    "max50": "Introduzca al menos treinta carácter.",
-    "duplicateParticipantName": "Otro participante ya tiene este nombre",
-    "titleRequired": "Por favor, introduzca un título",
-    "invalidNumber": "Número inválido",
-    "amountRequired": "Debe introducir un importe",
-    "amountNotZero": "El importe no debe ser cero.",
-    "amountTenMillion": "El importe debe ser inferior a 10.000.000.",
-    "paidByRequired": "Debe seleccionar un participante",
-    "paidForMin1": "El gasto debe ser pagado por al menos un participante",
-    "noZeroShares": "Todas las participaciones deben ser superiores a 0",
-    "amountSum": "La suma de los importes debe ser igual al importe del gasto",
-    "percentageSum": "Suma de porcentajes debe ser igual a 100"
-  },
-  "Categories": {
-    "search": "Buscar categoría...",
-    "noCategory": "Categoría no encontrada!",
-    "Uncategorized": {
-      "heading": "Sin categoría",
-      "General": "General",
-      "Payment": "Pago"
-    },
-    "Entertainment": {
-      "heading": "Ocio",
-      "Entertainment": "Ocio",
-      "Games": "Juegos",
-      "Movies": "Películas",
-      "Music": "Musica",
-      "Sports": "Deportes"
-    },
-    "Food and Drink": {
-      "heading": "Comida y bebida",
-      "Food and Drink": "Comida y bebida",
-      "Dining Out": "Comer fuera",
-      "Groceries": "Comestibles",
-      "Liquor": "Licores"
-    },
-    "Home": {
-      "heading": "Hogar",
-      "Home": "Hogar",
-      "Electronics": "Electrónica",
-      "Furniture": "Muebles",
-      "Household Supplies": "Suministros del hogar",
-      "Maintenance": "Mantenimiento",
-      "Mortgage": "Hipoteca",
-      "Pets": "Mascotas",
-      "Rent": "Alquiler",
-      "Services": "Servicios"
-    },
-    "Life": {
-      "heading": "Vida",
-      "Childcare": "Cuidado de niños",
-      "Clothing": "Ropa",
-      "Education": "Educación",
-      "Gifts": "Regalos",
-      "Insurance": "Seguro",
-      "Medical Expenses": "Gastos médicos",
-      "Taxes": "Impuestos"
-    },
-    "Transportation": {
-      "heading": "Transporte",
-      "Transportation": "Transporte",
-      "Bicycle": "Bicicleta",
-      "Bus/Train": "Autobús/Tren",
-      "Car": "Coche",
-      "Gas/Fuel": "Gasolina/Combustible",
-      "Hotel": "Hotel",
-      "Parking": "Parking",
-      "Plane": "Avión",
-      "Taxi": "Taxi"
-    },
-    "Utilities": {
-      "heading": "Utilidades",
-      "Utilities": "Utilidades",
-      "Cleaning": "Limpieza",
-      "Electricity": "Electricidad",
-      "Heat/Gas": "Calefacción/Gas",
-      "Trash": "Basura",
-      "TV/Phone/Internet": "TV/Teléfono/Internet",
-      "Water": "Agua"
-    }
-  }
-}

messages/fi.json

@@ -1,401 +0,0 @@
-{
-  "Homepage": {
-    "title": "Jaa kulut ystävien ja perheen kanssa",
-    "description": "Tervetuloa uuteen Spliit-instanssiisi!",
-    "button": {
-      "groups": "Siirry ryhmiin",
-      "github": "GitHub"
-    }
-  },
-  "Header": {
-    "groups": "Ryhmät"
-  },
-  "Footer": {
-    "madeIn": "Made in Montréal, Québec 🇨🇦",
-    "builtBy": "Tekijät: <author>Sebastien Castiel</author> ja <source>muut osallistujat</source>"
-  },
-  "Expenses": {
-    "title": "Kulut",
-    "description": "Tässä ovat ryhmässä luodut kulut.",
-    "create": "Lisää kulu",
-    "createFirst": "Lisää ensimmäinen kulu",
-    "noExpenses": "Ryhmälläsi ei ole vielä yhtään kulua.",
-    "exportJson": "Vie JSON-tiedostoon",
-    "searchPlaceholder": "Etsi kulua…",
-    "ActiveUserModal": {
-      "title": "Kuka olet?",
-      "description": "Valitse kuka osallistujista olet, jotta tiedot näkyvät oikein.",
-      "nobody": "En halua valita ketään",
-      "save": "Tallenna muutokset",
-      "footer": "Tämän asetuksen voi vaihtaa myöhemmin ryhmän asetuksista."
-    },
-    "Groups": {
-      "upcoming": "Tulevat",
-      "thisWeek": "Tällä viikolla",
-      "earlierThisMonth": "Aikaisemmin tässä kuussa",
-      "lastMonth": "Viime kuussa",
-      "earlierThisYear": "Aikaisemmin tänä vuonna",
-      "lastYear": "Viime vuonna",
-      "older": "Vanhemmat"
-    }
-  },
-  "ExpenseCard": {
-    "paidBy": "<strong>{paidBy}</strong> maksoi {forCount, plural, =1 {henkilön} other {henkilöiden}} <paidFor></paidFor> puolesta",
-    "receivedBy": "<strong>{paidBy}</strong> sai rahaa {forCount, plural, =1 {henkilön} other {henkilöiden}} <paidFor></paidFor> puolesta",
-    "yourBalance": "Saldosi:"
-  },
-  "Groups": {
-    "myGroups": "Omat ryhmät",
-    "create": "Luo ryhmä",
-    "loadingRecent": "Ladataan äskettäisiä ryhmiä…",
-    "NoRecent": {
-      "description": "Et ole ollut missään ryhmässä äskettäin.",
-      "create": "Luo uusi ryhmä",
-      "orAsk": "tai pyydä ystävää lähettämään linkki olemassaolevaan ryhmään."
-    },
-    "recent": "Äskettäiset",
-    "starred": "Suosikit",
-    "archived": "Arkistoidut",
-    "archive": "Arkistoi ryhmä",
-    "unarchive": "Palauta ryhmä arkistosta",
-    "removeRecent": "Poista äskettäisistä",
-    "RecentRemovedToast": {
-      "title": "Ryhmä poistettu",
-      "description": "Ryhmä poistettu äskettäisten listaltasi.",
-      "undoAlt": "Peruuta ryhmän poisto",
-      "undo": "Peruuta"
-    },
-    "AddByURL": {
-      "button": "Lisää URLilla",
-      "title": "Lisää ryhmä URL-osoitteella",
-      "description": "Jos ryhmä on jaettu sinulle, voit lisätä sen listaasi liittämällä URL-osoitteen tähän.",
-      "error": "Hups, emme löytäneet ryhmää antamastasi URL-osoitteesta…"
-    },
-    "NotFound": {
-      "text": "Tätä ryhmää ei löydy.",
-      "link": "Siirry äskettäisiin ryhmiin"
-    }
-  },
-  "GroupForm": {
-    "title": "Ryhmän tiedot",
-    "NameField": {
-      "label": "Ryhmän nimi",
-      "placeholder": "Kesälomareissu",
-      "description": "Syötä ryhmäsi nimi."
-    },
-    "InformationField": {
-      "label": "Ryhmän tiedot",
-      "placeholder": "Mitkä tiedot ovat merkityksellisiä ryhmän osallistujille?"
-    },
-    "CurrencyField": {
-      "label": "Valuuttamerkki",
-      "placeholder": "$, €, £…",
-      "description": "Näytetään rahasummien yhteydessä."
-    },
-    "Participants": {
-      "title": "Osallistujat",
-      "description": "Syötä jokaisen osallistujan nimi.",
-      "protectedParticipant": "Tätä osallistujaa ei voida poistaa, koska hän osallistuu kuluihin.",
-      "add": "Lisää osallistuja",
-      "new": "Uusi",
-      "John": "Antti",
-      "Jane": "Laura",
-      "Jack": "Jussi"
-    },
-    "Settings": {
-      "title": "Paikalliset asetukset",
-      "description": "Nämä asetukset ovat laitekohtaisia. Voit muokata niillä käytettävyyttä.",
-      "ActiveUserField": {
-        "label": "Aktiivinen käyttäjä",
-        "placeholder": "Valitse osallistuja",
-        "none": "Ei kukaan",
-        "description": "Käytetään kulujen oletusmaksajana."
-      },
-      "save": "Tallenna",
-      "saving": "Tallennetaan…",
-      "create": "Luo ryhmä",
-      "creating": "Luodaan…",
-      "cancel": "Peruuta"
-    }
-  },
-  "ExpenseForm": {
-    "Income": {
-      "create": "Lisää tulo",
-      "edit": "Muokkaa tuloa",
-      "TitleField": {
-        "label": "Otsikko",
-        "placeholder": "Maanantain ravintola",
-        "description": "Anna lyhyt kuvaus tulolle."
-      },
-      "DateField": {
-        "label": "Päivä",
-        "description": "Valitse päivä jolloin tulo saatiin."
-      },
-      "categoryFieldDescription": "Valitse tulokategoria.",
-      "paidByField": {
-        "label": "Vastaanottaja",
-        "description": "Valitse kuka vastaanotti tulon."
-      },
-      "paidFor": {
-        "title": "Tulon jakaminen",
-        "description": "Valitse kenelle tulo jaetaan."
-      },
-      "splitModeDescription": "Valitse miten tulo jaetaan osallistujien kesken.",
-      "attachDescription": "Katso ja liitä tuloon liittyviä kuitteja."
-    },
-    "Expense": {
-      "create": "Lisää kulu",
-      "edit": "Muokkaa kulua",
-      "TitleField": {
-        "label": "Otsikko",
-        "placeholder": "Maanantain ravintola",
-        "description": "Anna lyhyt kuvaus kululle."
-      },
-      "DateField": {
-        "label": "Päivä",
-        "description": "Valitse päivä jolloin kulu maksettiin."
-      },
-      "categoryFieldDescription": "Valitse kulukategoria.",
-      "paidByField": {
-        "label": "Maksaja",
-        "description": "Valitse kuka maksoi kulun."
-      },
-      "paidFor": {
-        "title": "Kulun jakaminen",
-        "description": "Valitse ketkä osallistuvat kuluun."
-      },
-      "splitModeDescription": "Valitse miten kulu jaetaan osallistujien kesken.",
-      "attachDescription": "Katso ja liitä kuluun liittyviä kuitteja."
-    },
-    "amountField": {
-      "label": "Summa"
-    },
-    "isReimbursementField": {
-      "label": "Tämä on velanmaksu"
-    },
-    "categoryField": {
-      "label": "Kategoria"
-    },
-    "notesField": {
-      "label": "Muistiinpanot"
-    },
-    "selectNone": "Tyhjennä valinnat",
-    "selectAll": "Valitse kaikki",
-    "shares": "osuutta",
-    "advancedOptions": "Lisäasetuksia jakamiseen…",
-    "SplitModeField": {
-      "label": "Jakamistapa",
-      "evenly": "Tasan",
-      "byShares": "Epätasan – osuuksien mukaan",
-      "byPercentage": "Epätasan – prosenttien mukaan",
-      "byAmount": "Epätasan – summan mukaan",
-      "saveAsDefault": "Tallenna oletustavaksi"
-    },
-    "DeletePopup": {
-      "label": "Poista",
-      "title": "Poistetaanko tämä kulu?",
-      "description": "Haluatko varmasti poistaa tämän kulun? Poistoa ei voi peruuttaa.",
-      "yes": "Kyllä",
-      "cancel": "Peruuta"
-    },
-    "attachDocuments": "Liitä dokumenttejä",
-    "create": "Lisää kulu",
-    "creating": "Luodaan kulua…",
-    "save": "Tallenna",
-    "saving": "Tallennetaan…",
-    "cancel": "Peruuta",
-    "reimbursement": "Velanmaksu"
-  },
-  "ExpenseDocumentsInput": {
-    "TooBigToast": {
-      "title": "Tiedosto on liian suuri",
-      "description": "Maksimikoko ladattavalle tiedostolle on {maxSize}. Tiedostosi on ${size}."
-    },
-    "ErrorToast": {
-      "title": "Virhe tiedostoa ladattaessa",
-      "description": "Jokin meni vikaan dokumentin lataamisessa. Yritä myöhemmin uudelleen tai valitse toinen tiedosto.",
-      "retry": "Yritä uudelleen"
-    }
-  },
-  "CreateFromReceipt": {
-    "Dialog": {
-      "triggerTitle": "Luo kulu kuitista",
-      "title": "Luo kuitista",
-      "description": "Lue kuitin valokuvasta kulun tiedot.",
-      "body": "Lataa kuitista valokuva. Siitä skannataan tiedot kulua varten.",
-      "selectImage": "Valitse kuva…",
-      "titleLabel": "Otsikko:",
-      "categoryLabel": "Kategoria:",
-      "amountLabel": "Summa:",
-      "dateLabel": "Päivä:",
-      "editNext": "Voit muokata kulun tietoja seuraavaksi.",
-      "continue": "Jatka"
-    },
-    "unknown": "Unknown",
-    "TooBigToast": {
-      "title": "The file is too big",
-      "description": "The maximum file size you can upload is {maxSize}. Yours is ${size}."
-    },
-    "ErrorToast": {
-      "title": "Error while uploading document",
-      "description": "Something wrong happened when uploading the document. Please retry later or select a different file.",
-      "retry": "Retry"
-    }
-  },
-  "Balances": {
-    "title": "Saldo",
-    "description": "Osallistujien saatavat tai velat.",
-    "Reimbursements": {
-      "title": "Maksuehdotus",
-      "description": "Optimoitu ehdotus kuka maksaa kenellekin.",
-      "noImbursements": "Näyttää siltä, että kaikki ovat sujut 😁",
-      "owes": "<strong>{from}</strong> maksaa henkilölle <strong>{to}</strong>",
-      "markAsPaid": "Merkitse maksetuksi"
-    }
-  },
-  "Stats": {
-    "title": "Tilastot",
-    "Totals": {
-      "title": "Yhteenveto",
-      "description": "Koko ryhmän kulut.",
-      "groupSpendings": "Koko ryhmän kulutus",
-      "groupEarnings": "Koko ryhmän saatavat",
-      "yourSpendings": "Kulutuksesi",
-      "yourEarnings": "Saatavasi",
-      "yourShare": "Osuutesi"
-    }
-  },
-  "Activity": {
-    "title": "Tapahtumat",
-    "description": "Yleisnäkymä ryhmän kaikista tapahtumista.",
-    "noActivity": "Ryhmässäsi ei ole vielä tapahtumia.",
-    "someone": "Tuntematon",
-    "settingsModified": "<strong>{participant}</strong> muokkasi ryhmän asetuksia.",
-    "expenseCreated": "<strong>{participant}</strong> lisäsi kulun <em>{expense}</em>.",
-    "expenseUpdated": "<strong>{participant}</strong> muokkasi kulua <em>{expense}</em>.",
-    "expenseDeleted": "<strong>{participant}</strong> poisti kulun <em>{expense}</em>.",
-    "Groups": {
-      "today": "Tänään",
-      "yesterday": "Eilen",
-      "earlierThisWeek": "Tällä viikolla",
-      "lastWeek": "Viime viikolla",
-      "earlierThisMonth": "Tässä kuussa",
-      "lastMonth": "Viime kuussa",
-      "earlierThisYear": "Tänä vuonna",
-      "lastYear": "Viime vuonna",
-      "older": "Vanhemmat"
-    }
-  },
-  "Information": {
-    "title": "Tiedot",
-    "description": "Käytä tätä paikkaa lisätäksesi kaikki tiedot, joilla voi olla merkitystä ryhmän osallistujille.",
-    "empty": "Ryhmätietoja ei vielä ole."
-  },
-  "Settings": {
-    "title": "Asetukset"
-  },
-  "Locale": {
-    "en-US": "English",
-    "fi": "Suomi",
-    "fr-FR": "Français",
-    "es": "Español",
-    "de-DE": "Deutsch",
-    "zh-CN": "Chinese (Simplified)",
-    "pl-PL": "Polski",
-    "ru-RU": "Русский",
-    "it-IT": "Italiano",
-    "ua-UA": "Українська",
-    "ro": "Română"
-  },
-  "Share": {
-    "title": "Jaa",
-    "description": "Jaa ryhmän URL muille jäsenille, jotta he voivat nähdä sen ja lisätä kuluja.",
-    "warning": "Varoitus!",
-    "warningHelp": "Tällä URLilla kuka tahansa pääsee näkemään ja muokkaamaan kuluja. Jaa harkiten!"
-  },
-  "SchemaErrors": {
-    "min1": "Syötä vähintään yksi merkki.",
-    "min2": "Syötä vähintään kaksi merkkiä.",
-    "max5": "Syötä enintään viisi merkkiä.",
-    "max50": "Syötä enintään 50 merkkiä.",
-    "duplicateParticipantName": "Tämä nimi on jo toisella osallistujalla.",
-    "titleRequired": "Otsikko puuttuu.",
-    "invalidNumber": "Epäkelpo numero.",
-    "amountRequired": "Summa puuttuu.",
-    "amountNotZero": "Summa ei voi olla nolla.",
-    "amountTenMillion": "Summan pitää olla pienempi kuin 10 000 000.",
-    "paidByRequired": "Osallistuja puuttuu.",
-    "paidForMin1": "Valitse vähintään yksi osallistuja.",
-    "noZeroShares": "Jokaisen osuuden täytyy olla suurempi kuin 0.",
-    "amountSum": "Osuuksien summan täytyy vastata kulun summaa.",
-    "percentageSum": "Prosenttiosuuksien summan täytyy olla 100."
-  },
-  "Categories": {
-    "search": "Etsi kategoriaa...",
-    "noCategory": "Kategoriaa ei löydy.",
-    "Uncategorized": {
-      "heading": "Yleiset",
-      "General": "Yleinen",
-      "Payment": "Maksu"
-    },
-    "Entertainment": {
-      "heading": "Viihde",
-      "Entertainment": "Viihde",
-      "Games": "Pelit",
-      "Movies": "Elokuvat",
-      "Music": "Musiikki",
-      "Sports": "Urheilu"
-    },
-    "Food and Drink": {
-      "heading": "Ruoka ja juoma",
-      "Food and Drink": "Ruoka ja juoma",
-      "Dining Out": "Ulkona syöminen",
-      "Groceries": "Marketti",
-      "Liquor": "Alkoholi"
-    },
-    "Home": {
-      "heading": "Koti",
-      "Home": "Koti",
-      "Electronics": "Elektroniikka",
-      "Furniture": "Huonekalut",
-      "Household Supplies": "Taloustavarat",
-      "Maintenance": "Huolto",
-      "Mortgage": "Laina",
-      "Pets": "Lemmikit",
-      "Rent": "Vuokra",
-      "Services": "Palvelut"
-    },
-    "Life": {
-      "heading": "Elämä",
-      "Childcare": "Lastenhoito",
-      "Clothing": "Vaatteet",
-      "Education": "Opiskelu",
-      "Gifts": "Lahjat",
-      "Insurance": "Vakuutukset",
-      "Medical Expenses": "Terveydenhoito",
-      "Taxes": "Verot"
-    },
-    "Transportation": {
-      "heading": "Liikenne",
-      "Transportation": "Liikenne",
-      "Bicycle": "Polkupyörä",
-      "Bus/Train": "Bussi/juna",
-      "Car": "Auto",
-      "Gas/Fuel": "Polttoaine",
-      "Hotel": "Hotelli",
-      "Parking": "Pysäköinti",
-      "Plane": "Lentäminen",
-      "Taxi": "Taksi"
-    },
-    "Utilities": {
-      "heading": "Sekalaiset",
-      "Utilities": "Sekalaiset",
-      "Cleaning": "Siivous",
-      "Electricity": "Sähkö",
-      "Heat/Gas": "Lämmitys",
-      "Trash": "Jätehuolto",
-      "TV/Phone/Internet": "TV/Puhelin/Internet",
-      "Water": "Vesi"
-    }
-  }
-}

messages/fr-FR.json

@@ -1,401 +0,0 @@
-{
-  "Homepage": {
-    "title": "Partagez <strong>vos dépenses</strong> avec  <strong>vos amis</strong> & <strong>votre famille :)</strong>",
-    "description": "Bienvenue sur votre instance <strong>Spliit</strong> !",
-    "button": {
-      "groups": "Accéder aux groupes",
-      "github": "GitHub"
-    }
-  },
-  "Header": {
-    "groups": "Groupes"
-  },
-  "Footer": {
-    "madeIn": "Made in Montréal, Québec 🇨🇦",
-    "builtBy": "Développé par <author>Sebastien Castiel</author> et <source>contributeurs</source>"
-  },
-  "Expenses": {
-    "title": "Dépenses",
-    "description": "Voici les dépenses que vous avez créées pour votre groupe.",
-    "create": "Créer une dépense",
-    "createFirst": "Créer la première :)",
-    "noExpenses": "Votre groupe n'a effectué aucune dépense pour le moment.",
-    "exportJson": "Exporter en JSON",
-    "searchPlaceholder": "Rechercher une dépense…",
-    "ActiveUserModal": {
-      "title": "Qui êtes-vous ?",
-      "description": "Dites-nous quel participant vous êtes pour personnaliser l'affichage des informations.",
-      "nobody": "Je ne veux sélectionner personne",
-      "save": "Sauvegarder les modifications",
-      "footer": "Ce paramètre peut être modifié plus tard dans les paramètres du groupe."
-    },
-    "Groups": {
-      "upcoming": "À venir",
-      "thisWeek": "Cette semaine",
-      "earlierThisMonth": "Plus tôt ce mois-ci",
-      "lastMonth": "Le mois dernier",
-      "earlierThisYear": "Plus tôt cette année",
-      "lastYera": "L'année dernière",
-      "older": "Plus ancien"
-    }
-  },
-  "ExpenseCard": {
-    "paidBy": "Payé par <strong>{paidBy}</strong> pour <paidFor></paidFor>",
-    "receivedBy": "Reçu par <strong>{paidBy}</strong> pour <paidFor></paidFor>",
-    "yourBalance": "Votre solde :"
-  },
-  "Groups": {
-    "myGroups": "Mes groupes",
-    "create": "Créer",
-    "loadingRecent": "Chargement des groupes récents…",
-    "NoRecent": {
-      "description": "Vous n'avez visité aucun groupe récemment.",
-      "create": "Créer un groupe",
-      "orAsk": "ou demandez à un ami de vous envoyer le lien d'un groupe existant."
-    },
-    "recent": "Groupes récents",
-    "starred": "Groupes favoris",
-    "archived": "Groupes archivés",
-    "archive": "Archiver le groupe",
-    "unarchive": "Désarchiver le groupe",
-    "removeRecent": "Supprimer des groupes récents",
-    "RecentRemovedToast": {
-      "title": "Le groupe a été supprimé",
-      "description": "Le groupe a été supprimé de votre liste de groupes récents.",
-      "undoAlt": "Annuler la suppression du groupe",
-      "undo": "Annuler"
-    },
-    "AddByURL": {
-      "button": "Ajouter par URL",
-      "title": "Ajouter un groupe par URL",
-      "description": "Si un groupe a été partagé avec vous, vous pouvez coller son URL ici pour l'ajouter à votre liste.",
-      "error": "Oups, nous ne pouvons pas trouver le groupe à partir de l'URL que vous avez fournie…"
-    },
-    "NotFound": {
-      "text": "Ce groupe n'existe pas.",
-      "link": "Aller aux groupes récemment visités"
-    }
-  },
-  "GroupForm": {
-    "title": "Informations sur le groupe",
-    "NameField": {
-      "label": "Nom du groupe",
-      "placeholder": "Vacances d'été",
-      "description": "Entrez un nom pour votre groupe."
-    },
-    "InformationField": {
-      "label": "Informations sur le groupe",
-      "placeholder": "Quelles informations sont pertinentes pour les participants du groupe ?"
-    },
-    "CurrencyField": {
-      "label": "Symbole monétaire",
-      "placeholder": "$, €, £…",
-      "description": "Nous l'utiliserons pour afficher les montants."
-    },
-    "Participants": {
-      "title": "Participants",
-      "description": "Entrez le nom de chaque participant.",
-      "protectedParticipant": "Ce participant fait partie des dépenses et ne peut pas être supprimé.",
-      "new": "Nouveau",
-      "add": "Ajouter un participant",
-      "John": "John",
-      "Jane": "Jane",
-      "Jack": "Jack"
-    },
-    "Settings": {
-      "title": "Paramètres locaux",
-      "description": "Ces paramètres sont définis par appareil et sont utilisés pour personnaliser votre expérience.",
-      "ActiveUserField": {
-        "label": "Utilisateur actif",
-        "placeholder": "Sélectionner un participant",
-        "none": "Aucun",
-        "description": "Utilisateur utilisé comme défaut pour payer les dépenses."
-      },
-      "save": "Sauvegarder",
-      "saving": "Sauvegarde…",
-      "create": "Créer",
-      "creating": "Création…",
-      "cancel": "Annuler"
-    }
-  },
-  "ExpenseForm": {
-    "Income": {
-      "create": "Créer un revenu",
-      "edit": "Modifier le revenu",
-      "TitleField": {
-        "label": "Titre du revenu",
-        "placeholder": "Restaurant du lundi soir",
-        "description": "Entrez une description pour le revenu."
-      },
-      "DateField": {
-        "label": "Date du revenu",
-        "description": "Entrez la date à laquelle le revenu a été reçu."
-      },
-      "categoryFieldDescription": "Sélectionnez la catégorie de revenu.",
-      "paidByField": {
-        "label": "Reçu par",
-        "description": "Sélectionnez le participant qui a reçu le revenu."
-      },
-      "paidFor": {
-        "title": "Reçu pour",
-        "description": "Sélectionnez pour qui le revenu a été reçu."
-      },
-      "splitModeDescription": "Sélectionnez comment diviser le revenu.",
-      "attachDescription": "Voir et joindre des reçus au revenu."
-    },
-    "Expense": {
-      "create": "Créer une dépense",
-      "edit": "Modifier la dépense",
-      "TitleField": {
-        "label": "Titre de la dépense",
-        "placeholder": "Restaurant du lundi soir",
-        "description": "Entrez une description pour la dépense."
-      },
-      "DateField": {
-        "label": "Date de la dépense",
-        "description": "Entrez la date à laquelle la dépense a été payée."
-      },
-      "categoryFieldDescription": "Sélectionnez la catégorie de dépense.",
-      "paidByField": {
-        "label": "Payé par",
-        "description": "Sélectionnez le participant qui a réglé la dépense."
-      },
-      "paidFor": {
-        "title": "Payé pour",
-        "description": "Sélectionnez les participants concernés"
-      },
-      "splitModeDescription": "Sélectionnez comment diviser la dépense.",
-      "attachDescription": "Voir et joindre des reçus à la dépense."
-    },
-    "amountField": {
-      "label": "Montant"
-    },
-    "isReimbursementField": {
-      "label": "C'est un remboursement"
-    },
-    "categoryField": {
-      "label": "Catégorie"
-    },
-    "notesField": {
-      "label": "Notes"
-    },
-    "selectNone": "Tout désélectionner",
-    "selectAll": "Tout sélectionner",
-    "shares": "part(s)",
-    "advancedOptions": "Options de répartition avancées…",
-    "SplitModeField": {
-      "label": "Mode de répartition",
-      "evenly": "Également",
-      "byShares": "Inégalement – Par parts",
-      "byPercentage": "Inégalement – Par pourcentage",
-      "byAmount": "Inégalement – Par montant",
-      "saveAsDefault": "Enregistrer comme options de répartition par défaut"
-    },
-    "DeletePopup": {
-      "label": "Supprimer",
-      "title": "Supprimer cette dépense ?",
-      "description": "Voulez-vous vraiment supprimer cette dépense ? Cette action est irréversible.",
-      "yes": "Oui",
-      "cancel": "Annuler"
-    },
-    "attachDocuments": "Joindre des documents",
-    "create": "Créer",
-    "creating": "Création…",
-    "save": "Sauvegarder",
-    "saving": "Sauvegarde…",
-    "cancel": "Annuler",
-    "reimbursement": "Remboursement"
-  },
-  "ExpenseDocumentsInput": {
-    "TooBigToast": {
-      "title": "Le fichier est trop grand",
-      "description": "La taille maximale du fichier que vous pouvez télécharger est {maxSize}. La vôtre est ${size}."
-    },
-    "ErrorToast": {
-      "title": "Erreur lors du téléchargement du document",
-      "description": "Un problème est survenu lors du téléchargement du document. Veuillez réessayer plus tard ou sélectionner un fichier différent.",
-      "retry": "Réessayer"
-    }
-  },
-  "CreateFromReceipt": {
-    "Dialog": {
-      "triggerTitle": "Créer une dépense à partir du reçu",
-      "title": "Créer à partir du reçu",
-      "description": "Extraire les informations de la dépense à partir d'une photo de reçu.",
-      "body": "Téléchargez la photo d'un reçu, et nous l'analyserons pour extraire les informations de la dépense si possible.",
-      "selectImage": "Sélectionner une image…",
-      "titleLabel": "Titre :",
-      "categoryLabel": "Catégorie :",
-      "amountLabel": "Montant :",
-      "dateLabel": "Date :",
-      "editNext": "Vous pourrez modifier les informations de la dépense ensuite.",
-      "continue": "Continuer"
-    },
-    "unknown": "Inconnu",
-    "TooBigToast": {
-      "title": "Le fichier est trop grand",
-      "description": "La taille maximale du fichier que vous pouvez télécharger est {maxSize}. La vôtre est ${size}."
-    },
-    "ErrorToast": {
-      "title": "Erreur lors du téléchargement du document",
-      "description": "Un problème est survenu lors du téléchargement du document. Veuillez réessayer plus tard ou sélectionner un fichier différent.",
-      "retry": "Réessayer"
-    }
-  },
-  "Balances": {
-    "title": "Équilibres",
-    "description": "Voici le montant que chaque participant a payé ou doit rembourser.",
-    "Reimbursements": {
-      "title": "Remboursements suggérés",
-      "description": "Voici des suggestions pour des remboursements optimisés entre les participants.",
-      "noImbursements": "Les dépenses effectuées ne nécessitent pas d'équilibrage 😁",
-      "owes": "<strong>{from}</strong> doit à <strong>{to}</strong>",
-      "markAsPaid": "Marquer comme payé"
-    }
-  },
-  "Stats": {
-    "title": "Statistiques",
-    "Totals": {
-      "title": "Totaux",
-      "description": "Résumé des dépenses du groupe entier.",
-      "groupSpendings": "Total des dépenses du groupe",
-      "groupEarnings": "Total des revenus du groupe",
-      "yourSpendings": "Vos dépenses totales",
-      "yourEarnings": "Vos revenus totaux",
-      "yourShare": "Votre part totale"
-    }
-  },
-  "Activity": {
-    "title": "Activité",
-    "description": "Vue d'ensemble de toute l'activité dans ce groupe.",
-    "noActivity": "Il n'y a pas encore d'activité dans votre groupe.",
-    "someone": "Quelqu'un",
-    "settingsModified": "Les paramètres du groupe ont été modifiés par <strong>{participant}</strong>.",
-    "expenseCreated": "Dépense <em>{expense}</em> créée par <strong>{participant}</strong>.",
-    "expenseUpdated": "Dépense <em>{expense}</em> mise à jour par <strong>{participant}</strong>.",
-    "expenseDeleted": "Dépense <em>{expense}</em> supprimée par <strong>{participant}</strong>.",
-    "Groups": {
-      "today": "Aujourd'hui",
-      "yesterday": "Hier",
-      "earlierThisWeek": "Plus tôt cette semaine",
-      "lastWeek": "La semaine dernière",
-      "earlierThisMonth": "Plus tôt ce mois-ci",
-      "lastMonth": "Le mois dernier",
-      "earlierThisYear": "Plus tôt cette année",
-      "lastYear": "L'année dernière",
-      "older": "Plus ancien"
-    }
-  },
-  "Information": {
-    "title": "Information",
-    "description": "Utilisez cet espace pour ajouter toute information qui pourrait être pertinente pour les participants du groupe.",
-    "empty": "Aucune information pour le moment."
-  },
-  "Settings": {
-    "title": "Paramètres"
-  },
-  "Locale": {
-    "en-US": "English",
-    "fi": "Suomi",
-    "fr-FR": "Français",
-    "es": "Español",
-    "de-DE": "Deutsch",
-    "zh-CN": "Chinese (Simplified)",
-    "pl-PL": "Polski",
-    "ru-RU": "Русский",
-    "it-IT": "Italiano",
-    "ua-UA": "Українська",
-    "ro": "Română"
-  },
-  "Share": {
-    "title": "Partager",
-    "description": "Pour que d'autres participants puissent voir le groupe et ajouter des dépenses, partagez son URL avec eux.",
-    "warning": "Avertissement !",
-    "warningHelp": "Toute personne ayant l'URL du groupe pourra voir et modifier les dépenses. Partagez avec prudence !"
-  },
-  "SchemaErrors": {
-    "min1": "Entrez au moins un caractère.",
-    "min2": "Entrez au moins deux caractères.",
-    "max5": "Entrez au maximum cinq caractères.",
-    "max50": "Entrez au maximum 50 caractères.",
-    "duplicateParticipantName": "Un autre participant a déjà ce nom.",
-    "titleRequired": "Veuillez entrer un titre.",
-    "invalidNumber": "Nombre invalide.",
-    "amountRequired": "Vous devez entrer un montant.",
-    "amountNotZero": "Le montant ne doit pas être zéro.",
-    "amountTenMillion": "Le montant doit être inférieur à 10 000 000.",
-    "paidByRequired": "Vous devez sélectionner un participant.",
-    "paidForMin1": "La dépense doit concerner au moins un participant.",
-    "noZeroShares": "Toutes les parts doivent être supérieures à 0.",
-    "amountSum": "La somme des montants doit être égale au montant de la dépense.",
-    "percentageSum": "La somme des pourcentages doit être égale à 100."
-  },
-  "Categories": {
-    "search": "Rechercher une catégorie…",
-    "noCategory": "Aucune catégorie trouvée.",
-    "Uncategorized": {
-      "heading": "Non classé",
-      "General": "Général",
-      "Payment": "Paiement"
-    },
-    "Entertainment": {
-      "heading": "Divertissement",
-      "Entertainment": "Divertissement",
-      "Games": "Jeux",
-      "Movies": "Films",
-      "Music": "Musique",
-      "Sports": "Sports"
-    },
-    "Food and Drink": {
-      "heading": "Nourriture et boissons",
-      "Food and Drink": "Nourriture et boissons",
-      "Dining Out": "Repas au restaurant",
-      "Groceries": "Épicerie",
-      "Liquor": "Alcool"
-    },
-    "Home": {
-      "heading": "Maison",
-      "Home": "Maison",
-      "Electronics": "Électronique",
-      "Furniture": "Mobilier",
-      "Household Supplies": "Fournitures ménagères",
-      "Maintenance": "Entretien",
-      "Mortgage": "Hypothèque",
-      "Pets": "Animaux",
-      "Rent": "Loyer",
-      "Services": "Services"
-    },
-    "Life": {
-      "heading": "Vie",
-      "Childcare": "Garde d'enfants",
-      "Clothing": "Vêtements",
-      "Education": "Éducation",
-      "Gifts": "Cadeaux",
-      "Insurance": "Assurance",
-      "Medical Expenses": "Dépenses médicales",
-      "Taxes": "Impôts"
-    },
-    "Transportation": {
-      "heading": "Transport",
-      "Transportation": "Transport",
-      "Bicycle": "Bicyclette",
-      "Bus/Train": "Bus/Train",
-      "Car": "Voiture",
-      "Gas/Fuel": "Essence/Carburant",
-      "Hotel": "Hôtel",
-      "Parking": "Parking",
-      "Plane": "Avion",
-      "Taxi": "Taxi"
-    },
-    "Utilities": {
-      "heading": "Services publics",
-      "Utilities": "Services publics",
-      "Cleaning": "Nettoyage",
-      "Electricity": "Électricité",
-      "Heat/Gas": "Chauffage/Gaz",
-      "Trash": "Poubelle",
-      "TV/Phone/Internet": "TV/Téléphone/Internet",
-      "Water": "Eau"
-    }
-  }
-}

messages/it-IT.json

@@ -1,401 +0,0 @@
-{
-  "Homepage": {
-    "title": "Condividi <strong>Spese</strong> con <strong>Amici & Familiari</strong>",
-    "description": "Benvenuto nella tua nuova instanza di <strong>Spliit</strong>!",
-    "button": {
-      "groups": "Vai ai gruppi",
-      "github": "GitHub"
-    }
-  },
-  "Header": {
-    "groups": "Gruppi"
-  },
-  "Footer": {
-    "madeIn": "Made in Montréal, Québec 🇨🇦",
-    "builtBy": "Built by <author>Sebastien Castiel</author> and <source>contributors</source>"
-  },
-  "Expenses": {
-    "title": "Spese",
-    "description": "Ecco le spese che hai creato per il tuo gruppo.",
-    "create": "Crea spesa",
-    "createFirst": "Crea la prima",
-    "noExpenses": "Il tuo gruppo non contiene ancora spese.",
-    "exportJson": "Esporta file JSON",
-    "searchPlaceholder": "Cerca una spesa…",
-    "ActiveUserModal": {
-      "title": "Chi sei?",
-      "description": "Dicci quale partecipante sei per consentirci di personalizzare la modalità di visualizzazione delle informazioni.",
-      "nobody": "Non voglio selezionare nessuno",
-      "save": "Salva cambiamenti",
-      "footer": "Questa impostazione può essere modificata successivamente nelle impostazioni del gruppo."
-    },
-    "Groups": {
-      "upcoming": "In arrivo",
-      "thisWeek": "Questa settimana",
-      "earlierThisMonth": "All'inizio di questo mese",
-      "lastMonth": "Ultimo mese",
-      "earlierThisYear": "All'inizio di quest'anno",
-      "lastYera": "Ultimo anno",
-      "older": "Più vecchio"
-    }
-  },
-  "ExpenseCard": {
-    "paidBy": "Pagato da <strong>{paidBy}</strong> per <paidFor></paidFor>",
-    "receivedBy": "Ricevuto da <strong>{paidBy}</strong> per <paidFor></paidFor>",
-    "yourBalance": "Il tuo bilancio:"
-  },
-  "Groups": {
-    "myGroups": "I miei gruppi",
-    "create": "Crea",
-    "loadingRecent": "Caricamento gruppi recenti…",
-    "NoRecent": {
-      "description": "Non hai visitato nessun gruppo di recente.",
-      "create": "Creane una",
-      "orAsk": "oppure chiedi a un amico di inviarti il ​​collegamento a uno esistente."
-    },
-    "recent": "Gruppi recenti",
-    "starred": "Gruppi speciali",
-    "archived": "Gruppi archiviati",
-    "archive": "Archivia gruppo",
-    "unarchive": "Rimuovi il gruppo dall'archivio",
-    "removeRecent": "Rimuovi dai gruppi recenti",
-    "RecentRemovedToast": {
-      "title": "Il gruppo è stato rimosso",
-      "description": "Il gruppo è stato rimosso dall'elenco dei gruppi recenti.",
-      "undoAlt": "Annulla la rimozione del gruppo",
-      "undo": "Annulla"
-    },
-    "AddByURL": {
-      "button": "Aggiungi tramite URL",
-      "title": "Aggiungi un gruppo tramite URL",
-      "description": "Se un gruppo è stato condiviso con te, puoi incollare qui il suo URL per aggiungerlo al tuo elenco.",
-      "error": "Spiacenti, non siamo in grado di trovare il gruppo dall'URL che hai fornito..."
-    },
-    "NotFound": {
-      "text": "Questo gruppo non esiste.",
-      "link": "Vai ai gruppi visitati di recente"
-    }
-  },
-  "GroupForm": {
-    "title": "Informazioni del gruppo",
-    "NameField": {
-      "label": "Nome del gruppo",
-      "placeholder": "Vacanze estive",
-      "description": "Inserisci il nome del gruppo."
-    },
-    "InformationField": {
-      "label": "Informazioni del gruppo",
-      "placeholder": "Quali informazioni sono rilevanti per i partecipanti al gruppo?"
-    },
-    "CurrencyField": {
-      "label": "Simbolo valuta",
-      "placeholder": "$, €, £…",
-      "description": "Lo useremo per visualizzare gli importi."
-    },
-    "Participants": {
-      "title": "Partecipanti",
-      "description": "Immettere il nome per ciascun partecipante.",
-      "protectedParticipant": "Questo partecipante fa parte delle spese e non può essere rimosso.",
-      "new": "Nuovo",
-      "add": "Aggiungi partecipante",
-      "John": "John",
-      "Jane": "Jane",
-      "Jack": "Jack"
-    },
-    "Settings": {
-      "title": "Impostazioni locali",
-      "description": "Queste impostazioni sono impostate per dispositivo e vengono utilizzate per personalizzare la tua esperienza.",
-      "ActiveUserField": {
-        "label": "Utente attivo",
-        "placeholder": "Seleziona un partecipante",
-        "none": "Nessuno",
-        "description": "Utente utilizzato come predefinito per il pagamento delle spese."
-      },
-      "save": "Salva",
-      "saving": "Salvataggio…",
-      "create": "Crea",
-      "creating": "Sto creando…",
-      "cancel": "Annulla"
-    }
-  },
-  "ExpenseForm": {
-    "Income": {
-      "create": "Crea entrata",
-      "edit": "Modifica entrata",
-      "TitleField": {
-        "label": "Titolo entrata",
-        "placeholder": "Ristorante del lunedì sera",
-        "description": "Inserisci una descrizione per l'entrata."
-      },
-      "DateField": {
-        "label": "Data entrata",
-        "description": "Inserisci la data in cui è stato ricevuta l'entrata."
-      },
-      "categoryFieldDescription": "Seleziona categoria entrata.",
-      "paidByField": {
-        "label": "Ricevuto da",
-        "description": "Seleziona partecipante che ha ricevuto l'entrata."
-      },
-      "paidFor": {
-        "title": "Ricevuto per",
-        "description": "Seleziona per chi è stato ricevuta l'entrata."
-      },
-      "splitModeDescription": "Seleziona come dividere l'entrata.",
-      "attachDescription": "Vedi allegati entrata."
-    },
-    "Expense": {
-      "create": "Crea spesa",
-      "edit": "Modifica spesa",
-      "TitleField": {
-        "label": "Titolo spesa",
-        "placeholder": "Ristorante del lunedì sera",
-        "description": "Inserisci una descrizione per l'uscita."
-      },
-      "DateField": {
-        "label": "Data spesa",
-        "description": "Inserisci la data di quando è stata fatta la spesa"
-      },
-      "categoryFieldDescription": "Seleziona una categoria per la spesa.",
-      "paidByField": {
-        "label": "Pagato da",
-        "description": "Seleziona il partecipante che ha pagato la spesa."
-      },
-      "paidFor": {
-        "title": "Pagato per",
-        "description": "Seleziona per chi è stata pagato."
-      },
-      "splitModeDescription": "Seleziona come dividere la spesa.",
-      "attachDescription": "Vedi allegati spesa."
-    },
-    "amountField": {
-      "label": "Importo"
-    },
-    "isReimbursementField": {
-      "label": "Questo è un rimborso"
-    },
-    "categoryField": {
-      "label": "Categoria"
-    },
-    "notesField": {
-      "label": "Note"
-    },
-    "selectNone": "Seleziona nessuna",
-    "selectAll": "Seleziona tutto",
-    "shares": "condividi",
-    "advancedOptions": "Opzioni di divisione avanzate…",
-    "SplitModeField": {
-      "label": "Modalità split",
-      "evenly": "Uniforme",
-      "byShares": "Non uniforme – Per quote",
-      "byPercentage": "Non uniforme – Per percentuale",
-      "byAmount": "Non uniforme – Per importo",
-      "saveAsDefault": "Salva come opzione di suddivisione predefinita"
-    },
-    "DeletePopup": {
-      "label": "Rimuovi",
-      "title": "Rimuovere questa spesa?",
-      "description": "Vuoi davvero eliminare questa spesa? Questa azione è irreversibile.",
-      "yes": "Si",
-      "cancel": "Annulla"
-    },
-    "attachDocuments": "Documenti allegati",
-    "create": "Crea",
-    "creating": "Sto creando…",
-    "save": "Salva",
-    "saving": "Sto salvando…",
-    "cancel": "Annulla",
-    "reimbursement": "Rimborso"
-  },
-  "ExpenseDocumentsInput": {
-    "TooBigToast": {
-      "title": "Il file è troppo grande",
-      "description": "La dimensione massima del file che puoi caricare è {maxSize}. Il tuo è ${size}."
-    },
-    "ErrorToast": {
-      "title": "Errore durante il caricamento del documento",
-      "description": "Si è verificato un errore durante il caricamento del documento. Riprova più tardi o seleziona un file diverso.",
-      "retry": "Riprova"
-    }
-  },
-  "CreateFromReceipt": {
-    "Dialog": {
-      "triggerTitle": "Crea spesa dalla ricevuta",
-      "title": "Crea dalla ricevuta",
-      "description": "Estrai le informazioni sulla spesa da una foto della ricevuta.",
-      "body": "Carica la foto di una ricevuta e, se possibile, la scannerizzeremo per estrarre le informazioni sulle spese.",
-      "selectImage": "Seleziona immagine…",
-      "titleLabel": "Titolo:",
-      "categoryLabel": "Categoria:",
-      "amountLabel": "Importo:",
-      "dateLabel": "Data:",
-      "editNext": "Successivamente potrai modificare le informazioni sulle spese.",
-      "continue": "Continua"
-    },
-    "unknown": "Unknown",
-    "TooBigToast": {
-      "title": "Il file è troppo grande",
-      "description": "La dimensione massima del file che puoi caricare è {maxSize}. Il tuo è ${size}."
-    },
-    "ErrorToast": {
-      "title": "Errore durante il caricamento del documento",
-      "description": "Si è verificato un errore durante il caricamento del documento. Riprova più tardi o seleziona un file diverso.",
-      "retry": "Riprova"
-    }
-  },
-  "Balances": {
-    "title": "Bilanci",
-    "description": "Questo è l'importo che ciascun partecipante ha pagato o deve pagare.",
-    "Reimbursements": {
-      "title": "Rimborsi suggeriti",
-      "description": "Ecco alcuni suggerimenti per ottimizzare i rimborsi tra i partecipanti.",
-      "noImbursements": "Sembra che il tuo gruppo non abbia bisogno di alcun rimborso 😁",
-      "owes": "<strong>{from}</strong> deve <strong>{to}</strong>",
-      "markAsPaid": "Segna come pagato"
-    }
-  },
-  "Stats": {
-    "title": "Statistiche",
-    "Totals": {
-      "title": "Totali",
-      "description": "Riepilogo delle spese dell'intero gruppo.",
-      "groupSpendings": "Spese totali del gruppo",
-      "groupEarnings": "Guadagno totale del gruppo",
-      "yourSpendings": "Le tue spese totali",
-      "yourEarnings": "I tuoi guadagni totali",
-      "yourShare": "La tua quota totale"
-    }
-  },
-  "Activity": {
-    "title": "Attività",
-    "description": "Panoramica di tutte le attività in questo gruppo.",
-    "noActivity": "Non c'è ancora alcuna attività nel tuo gruppo.",
-    "someone": "Qualcuno",
-    "settingsModified": "Le impostazioni del gruppo sono state modificate da <strong>{participant}</strong>.",
-    "expenseCreated": "Spesa <em>{expense}</em> creata da <strong>{participant}</strong>.",
-    "expenseUpdated": "Spesa <em>{expense}</em> aggiornata da <strong>{participant}</strong>.",
-    "expenseDeleted": "Spesa <em>{expense}</em> cancellata da <strong>{participant}</strong>.",
-    "Groups": {
-      "today": "Oggi",
-      "yesterday": "Ieri",
-      "earlierThisWeek": "All'inizio di questa settimana",
-      "lastWeek": "La settimana scorsa",
-      "earlierThisMonth": "All'inizio di questo mese",
-      "lastMonth": "Lo scorso mese",
-      "earlierThisYear": "All'inizio di questo anno",
-      "lastYear": "Lo scorso anno",
-      "older": "Più vecchio"
-    }
-  },
-  "Information": {
-    "title": "Informazioni",
-    "description": "Utilizza questo posto per aggiungere qualsiasi informazione che possa essere rilevante per i partecipanti al gruppo.",
-    "empty": "Ancora nessuna informazione sul gruppo."
-  },
-  "Settings": {
-    "title": "Impostazioni"
-  },
-  "Locale": {
-    "en-US": "English",
-    "fi": "Suomi",
-    "fr-FR": "Français",
-    "es": "Español",
-    "de-DE": "Deutsch",
-    "zh-CN": "Chinese (Simplified)",
-    "pl-PL": "Polski",
-    "ru-RU": "Русский",
-    "it-IT": "Italiano",
-    "ua-UA": "Українська",
-    "ro": "Română"
-  },
-  "Share": {
-    "title": "Condividi",
-    "description": "Per consentire agli altri partecipanti di vedere il gruppo e aggiungere spese, condividi il suo URL con loro.",
-    "warning": "Attenzione!",
-    "warningHelp": "Ogni persona con l'URL del gruppo potrà vedere e modificare le spese. Condividi con cautela!"
-  },
-  "SchemaErrors": {
-    "min1": "Inserisci almeno un carattere.",
-    "min2": "Inserisci almeno due caratteri.",
-    "max5": "Inserisci al massimo cinque caratteri.",
-    "max50": "Inserisci al massimo cinquanta caratteri.",
-    "duplicateParticipantName": "Un altro partecipante ha già questo nome.",
-    "titleRequired": "Inserisci un titolo.",
-    "invalidNumber": "Numero invalido.",
-    "amountRequired": "Devi inserire un importo",
-    "amountNotZero": "L'importo non deve essere zero.",
-    "amountTenMillion": "L'importo deve essere inferiore a 10.000.000.",
-    "paidByRequired": "È necessario selezionare un partecipante.",
-    "paidForMin1": "La spesa deve essere pagata per almeno un partecipante.",
-    "noZeroShares": "Tutti gli importi devono essere superiori a 0.",
-    "amountSum": "La somma degli importi deve essere uguale all'importo della spesa.",
-    "percentageSum": "La somma delle percentuali deve essere uguale a 100."
-  },
-  "Categories": {
-    "search": "Cerca categoria...",
-    "noCategory": "Nessuna categoria trovata.",
-    "Uncategorized": {
-      "heading": "Senza categoria",
-      "General": "Generale",
-      "Payment": "Pagamento"
-    },
-    "Entertainment": {
-      "heading": "Intrattenimento",
-      "Entertainment": "Intrattenimento",
-      "Games": "Games",
-      "Movies": "Film",
-      "Music": "Musica",
-      "Sports": "Sports"
-    },
-    "Food and Drink": {
-      "heading": "Cibo e Bevande",
-      "Food and Drink": "Cibo e Bevande",
-      "Dining Out": "Mangiare fuori",
-      "Groceries": "Generi alimentari",
-      "Liquor": "Liquori"
-    },
-    "Home": {
-      "heading": "Home",
-      "Home": "Home",
-      "Electronics": "Elettronica",
-      "Furniture": "Mobilia",
-      "Household Supplies": "Forniture per la casa",
-      "Maintenance": "Manutenzione",
-      "Mortgage": "Mutuo",
-      "Pets": "Animali",
-      "Rent": "Affitti",
-      "Services": "Servizi"
-    },
-    "Life": {
-      "heading": "Life",
-      "Childcare": "Assistenza all'infanzia",
-      "Clothing": "Vestiti",
-      "Education": "Educazione",
-      "Gifts": "Regali",
-      "Insurance": "Assicurazione",
-      "Medical Expenses": "Spese Mediche",
-      "Taxes": "Tasse"
-    },
-    "Transportation": {
-      "heading": "Trasporti",
-      "Transportation": "Trasporti",
-      "Bicycle": "Bicicletta",
-      "Bus/Train": "Bus/Treno",
-      "Car": "Auto",
-      "Gas/Fuel": "Gas/Carburante",
-      "Hotel": "Hotel",
-      "Parking": "Parcheggio",
-      "Plane": "Aereo",
-      "Taxi": "Taxi"
-    },
-    "Utilities": {
-      "heading": "Utilità",
-      "Utilities": "Utilità",
-      "Cleaning": "Pulizia",
-      "Electricity": "Elettricità",
-      "Heat/Gas": "Riscaldamento/Gas",
-      "Trash": "Spazzatura",
-      "TV/Phone/Internet": "TV/Telefono/Internet",
-      "Water": "Acqua"
-    }
-  }
-}

messages/pl-PL.json

@@ -1,400 +0,0 @@
-{
-  "Homepage": {
-    "title": "Podziel <strong>Wydatki</strong> z <strong>Rodziną i Przyjaciółmi</strong>",
-    "description": "Witaj na twojej nowej instancji <strong>Spliita</strong> !",
-    "button": {
-      "groups": "Przejdź do grup",
-      "github": "GitHub"
-    }
-  },
-  "Header": {
-    "groups": "Grupy"
-  },
-  "Footer": {
-    "madeIn": "Stworzone Montréalu, Québec 🇨🇦",
-    "builtBy": "Napisane przez <author>Sebastien Castiela</author> i <source>kontrybutorów</source>"
-  },
-  "Expenses": {
-    "title": "Wydatki",
-    "description": "Tutaj są wydatki, które utworzyłeś dla twojej grupy.",
-    "create": "Dodaj wydatek",
-    "createFirst": "Stwórz swój pierwszy",
-    "noExpenses": "Twoja grupa nie ma jeszcze żadnych wydatków.",
-    "exportJson": "Eksportuj do JSONa",
-    "searchPlaceholder": "Szukaj wydatku...",
-    "ActiveUserModal": {
-      "title": "Kim jesteś?",
-      "description": "Podaj, którym uczestnikiem jesteś aby pozwolić nam określić jakie informacje mają być wyświetlane.",
-      "nobody": "Nie chcę wybierać nikogo",
-      "save": "Zapisz zmiany",
-      "footer": "To ustawienie może być potem zmienione w ustawieniach grupy."
-    },
-    "Groups": {
-      "upcoming": "Nadchodzące",
-      "thisWeek": "Ten tydzień",
-      "earlierThisMonth": "Wcześniej w tym miesiącu",
-      "lastMonth": "Ostatni miesiąc",
-      "earlierThisYear": "Wcześniej w tym roku",
-      "lastYera": "Poprzedni rok",
-      "older": "Starsze"
-    }
-  },
-  "ExpenseCard": {
-    "paidBy": "Opłacone przez <strong>{paidBy}</strong> dla <paidFor></paidFor>",
-    "receivedBy": "Otrzymane przez <strong>{paidBy}</strong> od <paidFor></paidFor>",
-    "yourBalance": "Twjoje saldo:"
-  },
-  "Groups": {
-    "myGroups": "Moje grupy",
-    "create": "Stwórz",
-    "loadingRecent": "Wczytywanie ostatnich grup...",
-    "NoRecent": {
-      "description": "Nie odwiedzałeś ostatnio żadnych grup.",
-      "create": "Stwórz",
-      "orAsk": "albo poproś przyjaciela, aby ci wysłał link do już istniejącej."
-    },
-    "recent": "Ostatnie grupy",
-    "starred": "Ogwiazdkowane grupy",
-    "archived": "Zarchiwizowane grupy",
-    "archive": "Zarchiwizuj grupę",
-    "unarchive": "Odarchwiruj grupę",
-    "removeRecent": "Usuń z ostatnich grup",
-    "RecentRemovedToast": {
-      "title": "Grupa została usunięta",
-      "description": "Grupa została usunięta z listy twoich ostatnich grup.",
-      "undoAlt": "Cofnij usunięcie grupy",
-      "undo": "Cofnij"
-    },
-    "AddByURL": {
-      "button": "Dodaj poprzez link URL",
-      "title": "Dodaj grupę poprzez link URL",
-      "description": "Jeśli grupa została ci udostępniona możesz wkleić jej link tutaj, aby dodać ją do twojej listy.",
-      "error": "Ups, nie możemy znaleźć grupy z podanego linka..."
-    },
-    "NotFound": {
-      "text": "Ta grupa nie istnieje.",
-      "link": "Idź do ostatnio odwiedzanych grup"
-    }
-  },
-  "GroupForm": {
-    "title": "Informacje o grupie",
-    "NameField": {
-      "label": "Nazwa grupy",
-      "placeholder": "Letni wyjazd",
-      "description": "Podaj nazwę dla twojej grupy."
-    },
-    "InformationField": {
-      "label": "Informacje o grupie",
-      "placeholder": "Jakie informacje mogą być ważne dla członków grupy?"
-    },
-    "CurrencyField": {
-      "label": "Symbol waluty",
-      "placeholder": "PLN, zł, $, €, £…",
-      "description": "Użyjemy go do wyświetlania ilości."
-    },
-    "Participants": {
-      "title": "Członkowie",
-      "description": "Podaj nazwę dla każdego członka.",
-      "protectedParticipant": "Ten członek wciąż bierze udział w rozliczeniach i nie może być usunięty.",
-      "new": "Nowy",
-      "add": "Dodaj członka",
-      "John": "Jan",
-      "Jane": "Joanna",
-      "Jack": "Jacek"
-    },
-    "Settings": {
-      "title": "Ustawienia lokalne",
-      "description": "Te ustawienia są ustawiane dla konkretnego urządzenia i służą do dostosowania twoich doświadczeń z aplikacją.",
-      "ActiveUserField": {
-        "label": "Aktywny użytkownik",
-        "placeholder": "Wybierz członka",
-        "none": "Brak",
-        "description": "Użytkownik używany domyślnie do wprowadzania wydatków."
-      },
-      "save": "Zapisz",
-      "saving": "Zapisywanie…",
-      "create": "Stwórz",
-      "creating": "Tworzenie…",
-      "cancel": "Anuluj"
-    }
-  },
-  "ExpenseForm": {
-    "Income": {
-      "create": "Dodaj wpływ",
-      "edit": "Edytuj wpływ",
-      "TitleField": {
-        "label": "Tytuł wpływu",
-        "placeholder": "Zwrot kaucji",
-        "description": "Podaj opis wpływu."
-      },
-      "DateField": {
-        "label": "Data wpływu",
-        "description": "Podaj datę otrzymania wpływu."
-      },
-      "categoryFieldDescription": "Wybierz typ wpływu.",
-      "paidByField": {
-        "label": "Otrzymane przez",
-        "description": "Wybierz członka, który otrzymał wpływ."
-      },
-      "paidFor": {
-        "title": "Otrzymany dla",
-        "description": "Podaj dla kogo wpływ był przeznaczony."
-      },
-      "splitModeDescription": "Wybierz jak podzielić wpływ.",
-      "attachDescription": "Zobacz i załącz rachunki do wpływu."
-    },
-    "Expense": {
-      "create": "Stwórz wydatek",
-      "edit": "Edytuj wydatek",
-      "TitleField": {
-        "label": "Tytuł wydatku",
-        "placeholder": "Poniedziałkowe wyjście do restauracji",
-        "description": "Podaj opis wydatku."
-      },
-      "DateField": {
-        "label": "Data wydatku",
-        "description": "Podaj datę opłacenia wydatku."
-      },
-      "categoryFieldDescription": "Podaj kategorię wydatku.",
-      "paidByField": {
-        "label": "Opłacone przez",
-        "description": "Wybierz członka, który zapłacił."
-      },
-      "paidFor": {
-        "title": "Opłacone dla",
-        "description": "Wybierz kogo dotyczył wydatek."
-      },
-      "splitModeDescription": "Wybierz jak podzielić wydatek.",
-      "attachDescription": "Zobacz i załącz rachunki do wydatku."
-    },
-    "amountField": {
-      "label": "Ilość"
-    },
-    "isReimbursementField": {
-      "label": "To jest zwrot kosztów"
-    },
-    "categoryField": {
-      "label": "Kategoria"
-    },
-    "notesField": {
-      "label": "Notatki"
-    },
-    "selectNone": "Nie wybieraj żadnego",
-    "selectAll": "Wybierz wszystkie",
-    "shares": "udział(y)",
-    "advancedOptions": "Zaawansowane opcje podziału...",
-    "SplitModeField": {
-      "label": "Typ podziału",
-      "evenly": "Równy",
-      "byShares": "Nierówny – Poprzez udziały",
-      "byPercentage": "Nierówny – Procentowo",
-      "byAmount": "Nierówny – Na konkretne sumy",
-      "saveAsDefault": "Wybierz jako domyślny typ podziału"
-    },
-    "DeletePopup": {
-      "label": "Usuń",
-      "title": "Usunąć ten wydatek?",
-      "description": "Czy na pewno chcesz usunąć ten wydatek? Ta akcja jest nieodwracalna.",
-      "yes": "Tak",
-      "cancel": "Anuluj"
-    },
-    "attachDocuments": "Załącz dokumenty",
-    "create": "Stwórz",
-    "creating": "Tworzenie…",
-    "save": "Zapisz",
-    "saving": "Zapisywanie…",
-    "cancel": "Anuluj"
-  },
-  "ExpenseDocumentsInput": {
-    "TooBigToast": {
-      "title": "Ten plik jest zbyt duży",
-      "description": "Maksymalny rozmiar pliku to: {maxSize}. Twój plik ma: ${size}."
-    },
-    "ErrorToast": {
-      "title": "Błąd podczas wysyłania dokumentu",
-      "description": "Coś poszło nie tak podczas wysyłania dokumentu. Proszę spróbuj ponownie później, albo wybierz inny plik.",
-      "retry": "Ponów"
-    }
-  },
-  "CreateFromReceipt": {
-    "Dialog": {
-      "triggerTitle": "Utwórz wydatek z paragonu",
-      "title": "Utwórz z paragonu",
-      "description": "Wyodrębnianie informacji o wydatkach ze zdjęcia paragonu.",
-      "body": "Prześlij zdjęcie paragonu, a my zeskanujemy je, aby wyodrębnić informacje o wydatkach, jeśli to możliwe.",
-      "selectImage": "Wybierz obraz...",
-      "titleLabel": "Tytuł:",
-      "categoryLabel": "Kategoria:",
-      "amountLabel": "Ilość:",
-      "dateLabel": "Data:",
-      "editNext": "Następnie będziesz mógł edytować informacje o wydatkach.",
-      "continue": "Kontynuuj"
-    },
-    "unknown": "Nieznany",
-    "TooBigToast": {
-      "title": "Ten plik jest zbyt duży",
-      "description": "Maksymalny rozmiar pliku to: {maxSize}. Twój plik ma: ${size}."
-    },
-    "ErrorToast": {
-      "title": "Błąd podczas wysyłania dokumentu",
-      "description": "Coś poszło nie tak podczas wysyłania dokumentu. Proszę spróbuj ponownie później, albo wybierz inny plik.",
-      "retry": "Ponów"
-    }
-  },
-  "Balances": {
-    "title": "Salda",
-    "description": "Jest to kwota, którą każdy członek zapłacił lub za którą otrzymał zapłatę.",
-    "Reimbursements": {
-      "title": "Sugerowane zwroty",
-      "description": "Oto sugestie dotyczące optymalizacji zwrotów między uczestnikami.",
-      "noImbursements": "Wygląda na to, że w twojej grupie nie ma potrzeby żadnych zwrotów 😁",
-      "owes": "<strong>{from}</strong> jest winny dla <strong>{to}</strong>",
-      "markAsPaid": "Zaznacz jako opłacone"
-    }
-  },
-  "Stats": {
-    "title": "Statystyki",
-    "Totals": {
-      "title": "Podsumowanie",
-      "description": "Podsumowanie wydatków dla całej grupy.",
-      "groupSpendings": "Wydatki grupy",
-      "groupEarnings": "Wpływy grupy",
-      "yourSpendings": "Twoje wydatki",
-      "yourEarnings": "Twoje wpływy",
-      "yourShare": "Twoje udziały"
-    }
-  },
-  "Activity": {
-    "title": "Aktywność",
-    "description": "Przegląd wszystkich działań w tej grupie.",
-    "noActivity": "W grupie nie ma jeszcze żadnej aktywności.",
-    "someone": "Ktoś",
-    "settingsModified": "Ustawienia grupy zostały zmienione przez <strong>{participant}</strong>.",
-    "expenseCreated": "Wydatek <em>{expense}</em> stworzony przez <strong>{participant}</strong>.",
-    "expenseUpdated": "Wydatek <em>{expense}</em> zaktualizowany przez <strong>{participant}</strong>.",
-    "expenseDeleted": "Wydatek <em>{expense}</em> usunięty przez <strong>{participant}</strong>.",
-    "Groups": {
-      "today": "Dzisiaj",
-      "yesterday": "Wczoraj",
-      "earlierThisWeek": "Wcześniej w tym tygodniu",
-      "lastWeek": "W zeszłym tygodniu",
-      "earlierThisMonth": "Wcześniej w tym miesiącu",
-      "lastMonth": "Ostatni miesiąc",
-      "earlierThisYear": "Wcześniej w tym roku",
-      "lastYera": "Poprzedni rok",
-      "older": "Starsze"
-    }
-  },
-  "Information": {
-    "title": "Informacje",
-    "description": "Użyj tego miejsca, aby dodać wszelkie informacje, które mogą być istotne dla uczestników grupy..",
-    "empty": "Jeszcze nic tu nie ma."
-  },
-  "Settings": {
-    "title": "Ustawienia"
-  },
-  "Locale": {
-    "en-US": "English",
-    "fi": "Suomi",
-    "fr-FR": "Français",
-    "es": "Español",
-    "de-DE": "Deutsch",
-    "zh-CN": "Chinese (Simplified)",
-    "pl-PL": "Polski",
-    "ru-RU": "Русский",
-    "it-IT": "Italiano",
-    "ua-UA": "Українська",
-    "ro": "Română"
-  },
-  "Share": {
-    "title": "Udostępnij",
-    "description": "Aby inni uczestnicy mogli zobaczyć grupę i dodać wydatki, udostępnij im jej adres URL.",
-    "warning": "Uwaga!",
-    "warningHelp": "Każda osoba posiadająca adres URL grupy będzie mogła przeglądać i edytować wydatki. Udostępniaj ostrożnie!"
-  },
-  "SchemaErrors": {
-    "min1": "Wprowadź co najmniej jeden znak.",
-    "min2": "Wprowadź co najmniej dwa znaki.",
-    "max5": "Wprowadź maksymalnie pięć znaków.",
-    "max50": "Wprowadź maksymalnie 50 znaków.",
-    "duplicateParticipantName": "Ta nazwa jest już zajęta.",
-    "titleRequired": "Podaj tytuł.",
-    "invalidNumber": "Niewłaściwa liczba.",
-    "amountRequired": "Należy wprowadzić kwotę.",
-    "amountNotZero": "Kwota nie może być zerem.",
-    "amountTenMillion": "Kwota musi być niższa niż 10,000,000.",
-    "paidByRequired": "Musisz wybrać członka.",
-    "paidForMin1": "Wydatek musi zostać opłacony za co najmniej jednego uczestnika.",
-    "noZeroShares": "Wszystkie udziały muszą być większe niż 0.",
-    "amountSum": "Suma udziałów musi być równa wydatkowi.",
-    "percentageSum": "Suma procentów musi być równa 100."
-  },
-  "Categories": {
-    "search": "Szukaj kategorii...",
-    "noCategory": "Nie znaleziono kategorii.",
-    "Uncategorized": {
-      "heading": "Bez kategorii",
-      "General": "Ogólne",
-      "Payment": "Płatność"
-    },
-    "Entertainment": {
-      "heading": "Rozrywka",
-      "Entertainment": "Rozrywka",
-      "Games": "Gry",
-      "Movies": "Filmy",
-      "Music": "Muzyka",
-      "Sports": "Sporty"
-    },
-    "Food and Drink": {
-      "heading": "Jedzenie i Napoje",
-      "Food and Drink": "Jedzenie i Napoje",
-      "Dining Out": "Jedzenie na mieście",
-      "Groceries": "Zakupy",
-      "Liquor": "Alkohole"
-    },
-    "Home": {
-      "heading": "Dom",
-      "Home": "Dom",
-      "Electronics": "Elektronika",
-      "Furniture": "Meble",
-      "Household Supplies": "Artykuły gospodarstwa domowego",
-      "Maintenance": "Utrzymanie",
-      "Mortgage": "Czynsz",
-      "Pets": "Zwierzaki",
-      "Rent": "Czynsz",
-      "Services": "Usługi"
-    },
-    "Life": {
-      "heading": "Życie",
-      "Childcare": "Opieka nad dzieckiem",
-      "Clothing": "Ubrania",
-      "Education": "Edukacja",
-      "Gifts": "Prezenty",
-      "Insurance": "Ubezpieczenie",
-      "Medical Expenses": "Wydatki medyczne",
-      "Taxes": "Podatki"
-    },
-    "Transportation": {
-      "heading": "Transport",
-      "Transportation": "Transport",
-      "Bicycle": "Rower",
-      "Bus/Train": "Bus/Pociąg",
-      "Car": "Samochód",
-      "Gas/Fuel": "Paliwo",
-      "Hotel": "Hotel",
-      "Parking": "Parking",
-      "Plane": "Pociąg",
-      "Taxi": "Taxi"
-    },
-    "Utilities": {
-      "heading": "Media",
-      "Utilities": "Media",
-      "Cleaning": "Sprzątanie",
-      "Electricity": "Prąg",
-      "Heat/Gas": "Ogrzewanie",
-      "Trash": "Śmieci",
-      "TV/Phone/Internet": "TV/Telefon/Internet",
-      "Water": "Woda"
-    }
-  }
-}

messages/ro.json

@@ -1,401 +0,0 @@
-{
-  "Homepage": {
-    "title": "Distribuie <strong>Cheltuielile</strong> cu <strong>Prietenii & Familia</strong>",
-    "description": "Bine ai venit pe noua ta instanță de <strong>Spliit</strong> !",
-    "button": {
-      "groups": "Mergi la grupuri",
-      "github": "GitHub"
-    }
-  },
-  "Header": {
-    "groups": "Grupuri"
-  },
-  "Footer": {
-    "madeIn": "Dezvoltat în Montréal, Québec 🇨🇦",
-    "builtBy": "Dezvoltat de către <author>Sebastien Castiel</author> și <source>contribuitori</source>"
-  },
-  "Expenses": {
-    "title": "Cheltuieli",
-    "description": "Aici sunt cheltuielile pe care le-ai creat pentru grupul tău.",
-    "create": "Adaugă o cheltuială",
-    "createFirst": "Adaug-o pe prima",
-    "noExpenses": "Grupul tău nu conține nicio cheltuială încă.",
-    "exportJson": "Salvează în JSON",
-    "searchPlaceholder": "Caută o cheltuială…",
-    "ActiveUserModal": {
-      "title": "Cum te numești?",
-      "description": "Spune-ne cine ești ca să putem îți afișăm informațiile relevante.",
-      "nobody": "Nu doresc să aleg pe nimeni",
-      "save": "Salvează",
-      "footer": "Această setare se poate schimba mai târziu din setările grupului."
-    },
-    "Groups": {
-      "upcoming": "Urmează",
-      "thisWeek": "În această săptămână",
-      "earlierThisMonth": "La începutul lunii",
-      "lastMonth": "Luna trecută",
-      "earlierThisYear": "La începutul anului",
-      "lastYera": "Anul trecut",
-      "older": "Mai vechi"
-    }
-  },
-  "ExpenseCard": {
-    "paidBy": "Plătit de <strong>{paidBy}</strong> pentru <paidFor></paidFor>",
-    "receivedBy": "Primit de <strong>{paidBy}</strong> pentru <paidFor></paidFor>",
-    "yourBalance": "Soldul tău:"
-  },
-  "Groups": {
-    "myGroups": "Grupurile mele",
-    "create": "Adaugă",
-    "loadingRecent": "Se încarcă ultimele tale grupuri…",
-    "NoRecent": {
-      "description": "Nu ai accesat niciun grup recent.",
-      "create": "Adaugă unul",
-      "orAsk": "sau roagă un prieten să îți trimită un link către unul deja existent."
-    },
-    "recent": "Ultimele grupuri",
-    "starred": "Grupuri favorite",
-    "archived": "Grupuri arhivate",
-    "archive": "Arhivează grupul",
-    "unarchive": "Dezarhivează grupul",
-    "removeRecent": "Șterge din ultimele grupuri",
-    "RecentRemovedToast": {
-      "title": "Grupul a fost șters.",
-      "description": "Grupul a fost șters din lista ta de grupuri recente.",
-      "undoAlt": "Anulează ștergerea grupului",
-      "undo": "Anulează"
-    },
-    "AddByURL": {
-      "button": "Adaugă folosind un URL",
-      "title": "Adaugă un grup folosind un URL",
-      "description": "Dacă un grup a fost distribuit cu tine, poți atașa URL-ul acestuia aici pentru a-l adăuga în listă.",
-      "error": "Ups, nu am găsit grupul folosind URL-ul primit de la tine…"
-    },
-    "NotFound": {
-      "text": "Acest grup nu există.",
-      "link": "Mergi la ultimele grupuri vizitate"
-    }
-  },
-  "GroupForm": {
-    "title": "Informații despre grup",
-    "NameField": {
-      "label": "Numele grupului",
-      "placeholder": "Vacanță de vară",
-      "description": "Adaugă un nume pentru grupul tău."
-    },
-    "InformationField": {
-      "label": "Informații despre grup",
-      "placeholder": "Ce informație este relevantă pentru membrii grupului?"
-    },
-    "CurrencyField": {
-      "label": "Monedă",
-      "placeholder": "$, €, £, RON …",
-      "description": "O vom folosi pentru a afișa sume."
-    },
-    "Participants": {
-      "title": "Membri",
-      "description": "Adaugă numele fiecărui membru.",
-      "protectedParticipant": "Acest membru a luat parte la cheltuieli și nu poate să fie șters.",
-      "new": "Nou",
-      "add": "Adaugă membru",
-      "John": "John",
-      "Jane": "Jane",
-      "Jack": "Jack"
-    },
-    "Settings": {
-      "title": "Setări locale",
-      "description": "Aceste setări sunt făcute pentru fiecare dispozitiv și sunt folosite pentru a-ți personaliza experiența.",
-      "ActiveUserField": {
-        "label": "Utilizator activ",
-        "placeholder": "Selectează un membru",
-        "none": "Niciunul",
-        "description": "Utilizatorul implicit pentru plata cheltuielilor."
-      },
-      "save": "Salvează",
-      "saving": "Se salvează…",
-      "create": "Adaugă",
-      "creating": "Se adaugă…",
-      "cancel": "Anulează"
-    }
-  },
-  "ExpenseForm": {
-    "Income": {
-      "create": "Adaugă un venit",
-      "edit": "Modifică venitul",
-      "TitleField": {
-        "label": "Titlul venitului",
-        "placeholder": "Cina de luni seară",
-        "description": "Adaugă o descriere pentru venit."
-      },
-      "DateField": {
-        "label": "Data venitului",
-        "description": "Adaugă data la care venitul a fost primit."
-      },
-      "categoryFieldDescription": "Selectează categoria venitului.",
-      "paidByField": {
-        "label": "Primit de către",
-        "description": "Selectează membrul care a primit venitul."
-      },
-      "paidFor": {
-        "title": "Primit pentru",
-        "description": "Selectează pentru cine a fost primit venitul."
-      },
-      "splitModeDescription": "Selectează cum să fie împărțit venitul.",
-      "attachDescription": "Vizualizează și atașează bonul pentru venit."
-    },
-    "Expense": {
-      "create": "Adaugă o cheltuială",
-      "edit": "Modifică cheltuiala",
-      "TitleField": {
-        "label": "Titlul cheltuielii",
-        "placeholder": "Cina de luni seară",
-        "description": "Adaugă o descriere pentru cheltuială."
-      },
-      "DateField": {
-        "label": "Data cheltuielii",
-        "description": "Adaugă data la care cheltuiala a fost facută."
-      },
-      "categoryFieldDescription": "Selectează categoria cheltuielii.",
-      "paidByField": {
-        "label": "Plătit de către",
-        "description": "Selectează membrul care a plătit cheltuiala."
-      },
-      "paidFor": {
-        "title": "Plătit pentru",
-        "description": "Selectează pentru cine a fost platită cheltuiala."
-      },
-      "splitModeDescription": "Selectează cum să fie împărțită cheltuiala.",
-      "attachDescription": "Vizualizează și atașează bonul pentru cheltuială."
-    },
-    "amountField": {
-      "label": "Sumă"
-    },
-    "isReimbursementField": {
-      "label": "Aceasta este o rambursare."
-    },
-    "categoryField": {
-      "label": "Categorie"
-    },
-    "notesField": {
-      "label": "Notițe"
-    },
-    "selectNone": "Nu selectez nimic",
-    "selectAll": "Selectez tot",
-    "shares": "distribuiri",
-    "advancedOptions": "Opțiuni avansate de împărțire…",
-    "SplitModeField": {
-      "label": "Împărțire",
-      "evenly": "Egal",
-      "byShares": "Inegal – În funcție de parte",
-      "byPercentage": "Inegal – În funcție de procentaj",
-      "byAmount": "Inegal – În funcție de sumă",
-      "saveAsDefault": "Salvează ca și implicite opțiunile de împărțire"
-    },
-    "DeletePopup": {
-      "label": "Șterge",
-      "title": "Ștergi această cheltuială?",
-      "description": "Ești sigur că vrei să ștergi această cheltuială? Această acțiune este ireversibilă.",
-      "yes": "Da",
-      "cancel": "Anulează"
-    },
-    "attachDocuments": "Atașează documente",
-    "create": "Adaugă",
-    "creating": "Se adaugă…",
-    "save": "Salvează",
-    "saving": "Se salvează…",
-    "cancel": "Anulează",
-    "reimbursement": "Rambursare"
-  },
-  "ExpenseDocumentsInput": {
-    "TooBigToast": {
-      "title": "Fișierul este prea mare",
-      "description": "Dimensiunea maximă a fișierului pe care îl poți atașa este {maxSize}. Fișierul tău are ${size}."
-    },
-    "ErrorToast": {
-      "title": "Eroare la adăugarea documentului.",
-      "description": "Ceva a mers greșit la adăugarea fișierului. Încearcă mai târziu sau cum un alt fișier.",
-      "retry": "Reîncearcă"
-    }
-  },
-  "CreateFromReceipt": {
-    "Dialog": {
-      "triggerTitle": "Adaugă o cheltuială dintr-un bon",
-      "title": "Adaugă din bon",
-      "description": "Extrage informații despre cheltuială dintr-o poză cu bonul.",
-      "body": "Adaugă o poză cu bonul și vom încerca să o scanăm pentru a extrage informații despre cheltuială.",
-      "selectImage": "Selectează o imagine…",
-      "titleLabel": "Titlu:",
-      "categoryLabel": "Categorie:",
-      "amountLabel": "Sumă:",
-      "dateLabel": "Data:",
-      "editNext": "Vei putea sa modifici informațiile despre cheltuială în continuare.",
-      "continue": "Continuă"
-    },
-    "unknown": "Necunoscut",
-    "TooBigToast": {
-      "title": "Fișierul este prea mare",
-      "description": "Dimensiunea maximă a fișierului pe care il poți atașa este {maxSize}. Fișierul tău are ${size}."
-    },
-    "ErrorToast": {
-      "title": "Eroare la adăugarea documentului.",
-      "description": "Ceva a mers greșit la adăugarea fișierului. Încearcă mai târziu sau cum un alt fișier.",
-      "retry": "Reîncearcă"
-    }
-  },
-  "Balances": {
-    "title": "Solduri",
-    "description": "Aceasta este suma pe care fiecare membru a plătit-o sau cu care a fost plătit.",
-    "Reimbursements": {
-      "title": "Rambursări sugerate",
-      "description": "Acestea sunt sugestiile pentru rambursări optimizate între membrii.",
-      "noImbursements": "Se pare că grupul tău nu are nevoie de rambursări 😁",
-      "owes": "<strong>{from}</strong> datorează <strong>{to}</strong>",
-      "markAsPaid": "Bifează ca plătit"
-    }
-  },
-  "Stats": {
-    "title": "Statistici",
-    "Totals": {
-      "title": "Totaluri",
-      "description": "Sumarul cheltuielior pentru întregul grup.",
-      "groupSpendings": "Totalul cheltuielilor din grup",
-      "groupEarnings": "Totalul veniturilor din grup",
-      "yourSpendings": "Totalul cheltuielilor tale",
-      "yourEarnings": "Totalul veniturilor tale",
-      "yourShare": "Partea ta"
-    }
-  },
-  "Activity": {
-    "title": "Activități",
-    "description": "Rezumatul întregii activități a grupului.",
-    "noActivity": "Nu este nicio activitate în grupul tău încă.",
-    "someone": "Cineva",
-    "settingsModified": "Setările grupului au fost modificate de <strong>{participant}</strong>.",
-    "expenseCreated": "Cheltuială <em>{expense}</em> adăugată de <strong>{participant}</strong>.",
-    "expenseUpdated": "Cheltuială <em>{expense}</em> modificată de <strong>{participant}</strong>.",
-    "expenseDeleted": "Cheltuială <em>{expense}</em> ștearsă de <strong>{participant}</strong>.",
-    "Groups": {
-      "today": "Azi",
-      "yesterday": "Ieri",
-      "earlierThisWeek": "La începutul săptămânii",
-      "lastWeek": "Săptămâna trecută",
-      "earlierThisMonth": "La începutul lunii",
-      "lastMonth": "Luna trecuta",
-      "earlierThisYear": "La începutul anului",
-      "lastYear": "Anul trecut",
-      "older": "Mai vechi"
-    }
-  },
-  "Information": {
-    "title": "Informații",
-    "description": "Adaugă aici orice informație care poate să fie relevantă pentru membrii grupului.",
-    "empty": "Nicio informație de grup încă."
-  },
-  "Settings": {
-    "title": "Setări"
-  },
-  "Locale": {
-    "en-US": "English",
-    "fi": "Suomi",
-    "fr-FR": "Français",
-    "es": "Español",
-    "de-DE": "Deutsch",
-    "zh-CN": "Chinese (Simplified)",
-    "pl-PL": "Polski",
-    "ru-RU": "Русский",
-    "it-IT": "Italiano",
-    "ua-UA": "Українська",
-    "ro": "Română"
-  },
-  "Share": {
-    "title": "Distribuie",
-    "description": "Pentru ca ceilalți participanți să poată vedea grupul și cheltuielile adăugate, distribuie URL-ul acestuia cu ei.",
-    "warning": "Avertisment!",
-    "warningHelp": "Oricine are URL-ul grupului va putea să vadă și să editeze cheltuielile. Distribuie cu grijă!"
-  },
-  "SchemaErrors": {
-    "min1": "Introduceți cel puțin un caracter.",
-    "min2": "Introduceți cel puțin două caractere.",
-    "max5": "Introduceți cel mult cinci caractere.",
-    "max50": "Introduceți cel mult 50 de caractere.",
-    "duplicateParticipantName": "Un alt membru are deja acest nume.",
-    "titleRequired": "Vă rugăm să introduceți un titlu.",
-    "invalidNumber": "Număr invalid.",
-    "amountRequired": "Trebuie să introduceți o sumă.",
-    "amountNotZero": "Suma nu trebuie să fie zero.",
-    "amountTenMillion": "Suma trebuie să fie mai mică de 10,000,000.",
-    "paidByRequired": "Trebuie să selectați un membru.",
-    "paidForMin1": "Cheltuiala trebuie plătită pentru cel puțin un membru.",
-    "noZeroShares": "Toate părțile trebuie să fie mai mari de 0.",
-    "amountSum": "Suma valorilor trebuie să fie egală cu suma cheltuielilor.",
-    "percentageSum": "Suma procentajelor trebuie să fie egală cu 100."
-  },
-  "Categories": {
-    "search": "Căutați categorie…",
-    "noCategory": "Nicio categorie găsită.",
-    "Uncategorized": {
-      "heading": "Fără categorie",
-      "General": "General",
-      "Payment": "Plată"
-    },
-    "Entertainment": {
-      "heading": "Divertisment",
-      "Entertainment": "Divertisment",
-      "Games": "Jocuri",
-      "Movies": "Filme",
-      "Music": "Muzică",
-      "Sports": "Sporturi"
-    },
-    "Food and Drink": {
-      "heading": "Mâncare și Băutură",
-      "Food and Drink": "Mâncare și Băutură",
-      "Dining Out": "Cină în oraș",
-      "Groceries": "Alimente",
-      "Liquor": "Băuturi alcoolice"
-    },
-    "Home": {
-      "heading": "Acasă",
-      "Home": "Acasă",
-      "Electronics": "Electronice",
-      "Furniture": "Mobilier",
-      "Household Supplies": "Produse de uz casnic",
-      "Maintenance": "Întreținere",
-      "Mortgage": "Ipotecă",
-      "Pets": "Animale de companie",
-      "Rent": "Chirie",
-      "Services": "Servicii"
-    },
-    "Life": {
-      "heading": "Viață",
-      "Childcare": "Îngrijirea copiilor",
-      "Clothing": "Îmbrăcăminte",
-      "Education": "Educație",
-      "Gifts": "Cadouri",
-      "Insurance": "Asigurare",
-      "Medical Expenses": "Cheltuieli medicale",
-      "Taxes": "Impozite"
-    },
-    "Transportation": {
-      "heading": "Transport",
-      "Transportation": "Transport",
-      "Bicycle": "Bicicletă",
-      "Bus/Train": "Autobuz/Tren",
-      "Car": "Mașină",
-      "Gas/Fuel": "Gaz/Combustibil",
-      "Hotel": "Hotel",
-      "Parking": "Parcare",
-      "Plane": "Avion",
-      "Taxi": "Taxi"
-    },
-    "Utilities": {
-      "heading": "Utilități",
-      "Utilities": "Utilități",
-      "Cleaning": "Curățenie",
-      "Electricity": "Electricitate",
-      "Heat/Gas": "Încălzire/Gaz",
-      "Trash": "Gunoi",
-      "TV/Phone/Internet": "TV/Telefon/Internet",
-      "Water": "Apă"
-    }
-  }
-}

messages/ru-RU.json

@@ -1,401 +0,0 @@
-{
-  "Homepage": {
-    "title": "Делитесь <strong>расходами</strong> с <strong>друзьями и семьей</strong>",
-    "description": "Добро пожаловать в вашу новую инстанцию <strong>Spliit</strong>!",
-    "button": {
-      "groups": "Перейти к группам",
-      "github": "GitHub"
-    }
-  },
-  "Header": {
-    "groups": "Группы"
-  },
-  "Footer": {
-    "madeIn": "Сделано в Монреале, Квебек 🇨🇦",
-    "builtBy": "Создано <author>Sebastien Castiel</author> и <source>соавторами</source>"
-  },
-  "Expenses": {
-    "title": "Расходы",
-    "description": "В этом разделе находятся расходы вашей группы.",
-    "create": "Создать расход",
-    "createFirst": "Создать первый расход",
-    "noExpenses": "У вашей группы пока что нет расходов.",
-    "exportJson": "Экспортировать в JSON",
-    "searchPlaceholder": "Поиск расходов…",
-    "ActiveUserModal": {
-      "title": "Кто вы?",
-      "description": "Скажите нам, кто вы из этого списка, чтобы мы могли подстроить интерфейс под вас.",
-      "nobody": "Не хочу выбирать",
-      "save": "Сохранить изменения",
-      "footer": "Вы сможете изменить это в настройках группы."
-    },
-    "Groups": {
-      "upcoming": "Будущее",
-      "thisWeek": "На этой неделе",
-      "earlierThisMonth": "Ранее в этом месяце",
-      "lastMonth": "В прошлом месяце",
-      "earlierThisYear": "Ранее в этом году",
-      "lastYera": "В прошлом году",
-      "older": "Очень давно"
-    }
-  },
-  "ExpenseCard": {
-    "paidBy": "Потратил <strong>{paidBy}</strong> за <paidFor></paidFor>",
-    "receivedBy": "Получил <strong>{paidBy}</strong> за <paidFor></paidFor>",
-    "yourBalance": "Изменение баланса участника:"
-  },
-  "Groups": {
-    "myGroups": "Мои группы",
-    "create": "Создать",
-    "loadingRecent": "Загрузка недавних групп…",
-    "NoRecent": {
-      "description": "У вас нет недавних групп.",
-      "create": "Вы можете создать группу",
-      "orAsk": "или попросить вашего друга отправить вам ссылку на существующую."
-    },
-    "recent": "Недавние группы",
-    "starred": "Избранные",
-    "archived": "Архивированные группы",
-    "archive": "Архивировать группу",
-    "unarchive": "Восстановить группу",
-    "removeRecent": "Убрать группу из недавних",
-    "RecentRemovedToast": {
-      "title": "Группа убрана",
-      "description": "Группа была убрана из вашего списка недавних групп.",
-      "undoAlt": "Отменить удаление группы из этого списка",
-      "undo": "Отмена"
-    },
-    "AddByURL": {
-      "button": "Добавить по URL",
-      "title": "Добавить группу по URL",
-      "description": "Если с вами поделились ссылкой на группу, вставьте ее сюда, чтобы добавить ее в ваш список.",
-      "error": "К сожалению, мы не смогли найти группу по этому URL."
-    },
-    "NotFound": {
-      "text": "Этой группы не существует",
-      "link": "Перейти к списку недавних групп"
-    }
-  },
-  "GroupForm": {
-    "title": "Сведения о группе",
-    "NameField": {
-      "label": "Название группы",
-      "placeholder": "Летние поездки",
-      "description": "Введите название вашей группы."
-    },
-    "InformationField": {
-      "label": "Информация о группе",
-      "placeholder": "Что важно знать участникам этой группы?"
-    },
-    "CurrencyField": {
-      "label": "Символ валюты",
-      "placeholder": "$, €, £…",
-      "description": "Этот символ будет использован для отображений денежных сумм."
-    },
-    "Participants": {
-      "title": "Участники",
-      "description": "Введите имя каждого участника.",
-      "protectedParticipant": "Этот участник — часть расходов, и поэтому не может быть удален.",
-      "new": "Новый участник",
-      "add": "Добавить участника",
-      "John": "Александр",
-      "Jane": "Михаил",
-      "Jack": "Иван"
-    },
-    "Settings": {
-      "title": "Локальные настройки",
-      "description": "Эти настройки хранятся на вашем устройстве и используются для подстройки интерфейса для вас.",
-      "ActiveUserField": {
-        "label": "Активный участник",
-        "placeholder": "Выберите участника",
-        "none": "Не выбран",
-        "description": "Этот участник будет автоматически выбран при создании нового расхода."
-      },
-      "save": "Сохранить",
-      "saving": "Сохранение…",
-      "create": "Создать",
-      "creating": "Создание…",
-      "cancel": "Отмена"
-    }
-  },
-  "ExpenseForm": {
-    "Income": {
-      "create": "Создать доход",
-      "edit": "Изменить доход",
-      "TitleField": {
-        "label": "Название доходв",
-        "placeholder": "Поход в ресторан",
-        "description": "Введите описание для этого дохода."
-      },
-      "DateField": {
-        "label": "Дата дохода",
-        "description": "Введите дату, когда этот доход был получен."
-      },
-      "categoryFieldDescription": "Выберите категорию дохода.",
-      "paidByField": {
-        "label": "Получивший",
-        "description": "Выберите участника, который получил этот доход."
-      },
-      "paidFor": {
-        "title": "Участники",
-        "description": "Выберите тех, между кем этот доход будет распределен."
-      },
-      "splitModeDescription": "Выберите, как доход необходимо распределить между людьми.",
-      "attachDescription": "Просмотр и прикрепление чеков к этому расходу."
-    },
-    "Expense": {
-      "create": "Создать расход",
-      "edit": "Изменить расход",
-      "TitleField": {
-        "label": "Название расхода",
-        "placeholder": "Поход в ресторан",
-        "description": "Введите описание для этого расхода."
-      },
-      "DateField": {
-        "label": "Дата расхода",
-        "description": "Введите дату, когда этот расход был совершен."
-      },
-      "categoryFieldDescription": "Выберите категорию расхода.",
-      "paidByField": {
-        "label": "Оплативший",
-        "description": "Выберите участника, который оплатил этот расход."
-      },
-      "paidFor": {
-        "title": "Участники",
-        "description": "Выберите тех, между кем этот расход будет распределен. Если этот расход — возмещение участнику (участникам), выберите только его (их)."
-      },
-      "splitModeDescription": "Выберите, как расход необходимо распределить между людьми.",
-      "attachDescription": "Просмотр и прикрепление чеков к этому доходу."
-    },
-    "amountField": {
-      "label": "Сумма"
-    },
-    "isReimbursementField": {
-      "label": "Этот расход является возмещением"
-    },
-    "categoryField": {
-      "label": "Категория"
-    },
-    "notesField": {
-      "label": "Заметки"
-    },
-    "selectNone": "Выбрать никого",
-    "selectAll": "Выбрать всех",
-    "shares": "доля(и)",
-    "advancedOptions": "Дополнительные настройки распределения…",
-    "SplitModeField": {
-      "label": "Режим разделения",
-      "evenly": "Равный",
-      "byShares": "Неравный – По долям",
-      "byPercentage": "Неравный – По процентам",
-      "byAmount": "Неравный – По суммам",
-      "saveAsDefault": "Сделать режимом по умолчанию"
-    },
-    "DeletePopup": {
-      "label": "Удалить",
-      "title": "Удалить этот расход?",
-      "description": "Вы действительно хотите удалить этот расход? Это действие нельзя отменить.",
-      "yes": "Удалить",
-      "cancel": "Отмена"
-    },
-    "attachDocuments": "Прикрепить документы",
-    "create": "Создать",
-    "creating": "Создание…",
-    "save": "Сохранить",
-    "saving": "Сохранение…",
-    "cancel": "Отмена",
-    "reimbursement": "Возмещение"
-  },
-  "ExpenseDocumentsInput": {
-    "TooBigToast": {
-      "title": "Файл слишком большой",
-      "description": "Максимальный размер файла, который можно загрузить — {maxSize}. Размер вашего файла — ${size}."
-    },
-    "ErrorToast": {
-      "title": "Ошибка при загрузке документа",
-      "description": "При загрузке документа что-то пошло не так. Пожалуйста, повторите позднее или попробуйте загрузить другой файл.",
-      "retry": "Повторить"
-    }
-  },
-  "CreateFromReceipt": {
-    "Dialog": {
-      "triggerTitle": "Создать расход из чека",
-      "title": "Создать из чека",
-      "description": "Извлечение информации о расходах из фотографии чека",
-      "body": "Загрузите фотографию чека, и мы попытаемся отсканировать его, чтобы извлечь информацию о расходах.",
-      "selectImage": "Выбрать изображение…",
-      "titleLabel": "Название:",
-      "categoryLabel": "Категория:",
-      "amountLabel": "Сумма:",
-      "dateLabel": "Дата:",
-      "editNext": "Вы сможете изменить эту информацию позднее.",
-      "continue": "Продолжить"
-    },
-    "unknown": "Неизвестно",
-    "TooBigToast": {
-      "title": "Файл слишком большой",
-      "description": "Максимальный размер файла, который можно загрузить — {maxSize}. Размер вашего файла — ${size}."
-    },
-    "ErrorToast": {
-      "title": "Ошибка при загрузке документа",
-      "description": "При загрузке документа что-то пошло не так. Пожалуйста, повторите позднее или попробуйте загрузить другой файл.",
-      "retry": "Повторить"
-    }
-  },
-  "Balances": {
-    "title": "Балансы",
-    "description": "Это список балансов всех участников группы. Баланс увеличивается у тех, кто оплачивает расход, и уменьшается у тех, между кем он был распределен.",
-    "Reimbursements": {
-      "title": "Предложенные возмещения",
-      "description": "Вот список задолженностей между участниками.",
-      "noImbursements": "Похоже, все в расчете 😁",
-      "owes": "<strong>{from}</strong> должен <strong>{to}</strong>",
-      "markAsPaid": "Пометить оплаченным"
-    }
-  },
-  "Stats": {
-    "title": "Статистика",
-    "Totals": {
-      "title": "Итоговые суммы",
-      "description": "Общая информация о расходах вашей группы.",
-      "groupSpendings": "Всего потрачено группой",
-      "groupEarnings": "Всего заработано группой",
-      "yourSpendings": "Всего потрачено вами",
-      "yourEarnings": "Всего заработано вами",
-      "yourShare": "Ваша суммарная доля"
-    }
-  },
-  "Activity": {
-    "title": "Активность",
-    "description": "Обзор действий, совершенных участниками этой группы.",
-    "noActivity": "История действий пуста.",
-    "someone": "Аноним",
-    "settingsModified": "Настройки группы изменены участником <strong>{participant}</strong>.",
-    "expenseCreated": "Расход <em>{expense}</em> создан участником <strong>{participant}</strong>.",
-    "expenseUpdated": "Расход <em>{expense}</em> изменен участником <strong>{participant}</strong>.",
-    "expenseDeleted": "Расход <em>{expense}</em> удален участником <strong>{participant}</strong>.",
-    "Groups": {
-      "today": "Сегодня",
-      "yesterday": "Вчера",
-      "earlierThisWeek": "Ранее на этой неделе",
-      "lastWeek": "На прошлой неделе",
-      "earlierThisMonth": "Ранее в этом месяце",
-      "lastMonth": "В прошлом месяце",
-      "earlierThisYear": "Ранее в этом году",
-      "lastYear": "В прошлом году",
-      "older": "Очень давно"
-    }
-  },
-  "Information": {
-    "title": "Информация",
-    "description": "В этом разделе вы можете добавить важную для участников информацию.",
-    "empty": "Информации нет."
-  },
-  "Settings": {
-    "title": "Настройки"
-  },
-  "Locale": {
-    "en-US": "English",
-    "fi": "Suomi",
-    "fr-FR": "Français",
-    "es": "Español",
-    "de-DE": "Deutsch",
-    "zh-CN": "Chinese (Simplified)",
-    "pl-PL": "Polski",
-    "ru-RU": "Русский",
-    "it-IT": "Italiano",
-    "ua-UA": "Українська",
-    "ro": "Română"
-  },
-  "Share": {
-    "title": "Поделиться",
-    "description": "Чтобы другие участники получили доступ к этой группе и смогли добавлять расходы, отправьте им этот URL.",
-    "warning": "Внимание!",
-    "warningHelp": "Любой человек с доступом к этой ссылке сможет просматривать и редактировать расходы. Будьте осторожны!"
-  },
-  "SchemaErrors": {
-    "min1": "Введите как минимум один символ.",
-    "min2": "Введите как минимум два символа.",
-    "max5": "Введите максимум 5 символов.",
-    "max50": "Введите максимум 50 символов.",
-    "duplicateParticipantName": "Участник с таким именем уже существует.",
-    "titleRequired": "Пожалуйста, введите название.",
-    "invalidNumber": "Неверное число.",
-    "amountRequired": "Пожалуйста, введите сумму.",
-    "amountNotZero": "Сумма не может быть нулевой.",
-    "amountTenMillion": "Сумма должна быть меньше 10 000 000.",
-    "paidByRequired": "Пожалуйста, выберите участника.",
-    "paidForMin1": "За этот расход должен заплатить как минимум один участник.",
-    "noZeroShares": "Все доли должны быть больше 0.",
-    "amountSum": "Сумма расхода должна быть равна сумме значений, распределенных между участниками.",
-    "percentageSum": "Сумма процентов должна быть равна 100."
-  },
-  "Categories": {
-    "search": "Поиск категорий...",
-    "noCategory": "Категорий не нашлось.",
-    "Uncategorized": {
-      "heading": "Без категории",
-      "General": "Общее",
-      "Payment": "Выплата"
-    },
-    "Entertainment": {
-      "heading": "Развлечения",
-      "Entertainment": "Развлечения",
-      "Games": "Игры",
-      "Movies": "Кино",
-      "Music": "Музыка",
-      "Sports": "Спорт"
-    },
-    "Food and Drink": {
-      "heading": "Еда и напитки",
-      "Food and Drink": "Еда и напитки",
-      "Dining Out": "Рестораны и кафе",
-      "Groceries": "Продукты",
-      "Liquor": "Напитки"
-    },
-    "Home": {
-      "heading": "Дом",
-      "Home": "Дом",
-      "Electronics": "Электроника",
-      "Furniture": "Мебель",
-      "Household Supplies": "Расходные материалы",
-      "Maintenance": "Уборка",
-      "Mortgage": "Ипотека",
-      "Pets": "Домашние животные",
-      "Rent": "Аренда",
-      "Services": "Коммунальные расходы"
-    },
-    "Life": {
-      "heading": "Жизнь",
-      "Childcare": "Дети",
-      "Clothing": "Одежда",
-      "Education": "Образование",
-      "Gifts": "Подарки",
-      "Insurance": "Страховки",
-      "Medical Expenses": "Медицина",
-      "Taxes": "Налоги"
-    },
-    "Transportation": {
-      "heading": "Транспорт",
-      "Transportation": "Транспорт",
-      "Bicycle": "Велосипед",
-      "Bus/Train": "Автобусы и поезда",
-      "Car": "Авто",
-      "Gas/Fuel": "Топливо",
-      "Hotel": "Отели",
-      "Parking": "Парковка",
-      "Plane": "Самолеты",
-      "Taxi": "Такси"
-    },
-    "Utilities": {
-      "heading": "Коммунальные расходы",
-      "Utilities": "Коммунальные расходы",
-      "Cleaning": "Клининг",
-      "Electricity": "Электричество",
-      "Heat/Gas": "Отопление/Газ",
-      "Trash": "Утилизация отходов",
-      "TV/Phone/Internet": "ТВ/Телефон/Интернет",
-      "Water": "Вода"
-    }
-  }
-}

messages/ua-UA.json

@@ -1,401 +0,0 @@
-{
-  "Homepage": {
-    "title": "Ділися <strong>витратами</strong> з <strong>друзями та родиною</strong>",
-    "description": "Ласкаво просимо у ваш новий <strong>Spliit</strong>!",
-    "button": {
-      "groups": "Перейти до груп",
-      "github": "GitHub"
-    }
-  },
-  "Header": {
-    "groups": "Групи"
-  },
-  "Footer": {
-    "madeIn": "Зроблено в Монреалі, Квебек 🇨🇦",
-    "builtBy": "Створено <author>Себастіаном Кастіелем</author> та <source>учасниками</source>"
-  },
-  "Expenses": {
-    "title": "Витрати",
-    "description": "Тут знаходяться витрати вашої групи",
-    "create": "Створити витрату",
-    "createFirst": "Створіть першу витрату",
-    "noExpenses": "У вашій групі ще немає витрат",
-    "exportJson": "Експортувати у JSON",
-    "searchPlaceholder": "Пошук витрат...",
-    "ActiveUserModal": {
-      "title": "Хто ви?",
-      "description": "Скажіть нам, хто ви серед учасників, щоб ми могли налаштувати відображення інформації під вас",
-      "nobody": "Я не хочу нікого обирати",
-      "save": "Зберегти зміни",
-      "footer": "Це налаштування можна змінити пізніше в налаштуваннях групи"
-    },
-    "Groups": {
-      "upcoming": "Майбутні",
-      "thisWeek": "Цього тижня",
-      "earlierThisMonth": "Раніше цього місяця",
-      "lastMonth": "Минулого місяця",
-      "earlierThisYear": "Раніше цього року",
-      "lastYera": "Минулого року",
-      "older": "Старіші"
-    }
-  },
-  "ExpenseCard": {
-    "paidBy": "Сплачено <strong>{paidBy}</strong> за <paidFor></paidFor>",
-    "receivedBy": "Отримано <strong>{paidBy}</strong> за <paidFor></paidFor>",
-    "yourBalance": "Ваш баланс:"
-  },
-  "Groups": {
-    "myGroups": "Мої групи",
-    "create": "Створити",
-    "loadingRecent": "Завантаження нещодавніх груп...",
-    "NoRecent": {
-      "description": "Ви не відвідували жодних груп останнім часом",
-      "create": "Створіть групу",
-      "orAsk": "або попросіть друга надіслати вам посилання на існуючу"
-    },
-    "recent": "Нещодавні групи",
-    "starred": "Обрані групи",
-    "archived": "Архівовані групи",
-    "archive": "Архівувати групу",
-    "unarchive": "Розархівувати групу",
-    "removeRecent": "Видалити з останніх груп",
-    "RecentRemovedToast": {
-      "title": "Група була видалена",
-      "description": "Група видалена зі списку ваших нещодавніх груп",
-      "undoAlt": "Скасувати видалення групи",
-      "undo": "Скасувати"
-    },
-    "AddByURL": {
-      "button": "Додати за URL",
-      "title": "Додати групу за URL",
-      "description": "Якщо з вами поділились групою, ви можете вставити її URL тут, щоб додати до свого списку",
-      "error": "На жаль, ми не змогли знайти групу за наданим URL"
-    },
-    "NotFound": {
-      "text": "Цієї групи не існує",
-      "link": "Перейти до нещодавно відвіданих груп"
-    }
-  },
-  "GroupForm": {
-    "title": "Інформація про групу",
-    "NameField": {
-      "label": "Назва групи",
-      "placeholder": "Літні канікули",
-      "description": "Введіть назву для вашої групи"
-    },
-    "InformationField": {
-      "label": "Інформація про групу",
-      "placeholder": "Яка інформація важлива для учасників групи?"
-    },
-    "CurrencyField": {
-      "label": "Символ валюти",
-      "placeholder": "₴, $, €, £..",
-      "description": "Ми будемо використовувати його для відображення сум"
-    },
-    "Participants": {
-      "title": "Учасники",
-      "description": "Введіть ім'я кожного учасника",
-      "protectedParticipant": "Цей учасник бере участь у витратах і не може бути видалений",
-      "new": "Новий",
-      "add": "Додати учасника",
-      "John": "Андрій",
-      "Jane": "Оксана",
-      "Jack": "Василь"
-    },
-    "Settings": {
-      "title": "Локальні налаштування",
-      "description": "Ці налаштування встановлюються на кожному пристрої окремо і використовуються для налаштування інтерфейсу під вас",
-      "ActiveUserField": {
-        "label": "Активний користувач",
-        "placeholder": "Обрати учасника",
-        "none": "Ніхто",
-        "description": "Користувач використовується за замовчуванням для оплати витрат"
-      },
-      "save": "Зберегти",
-      "saving": "Збереження...",
-      "create": "Створити",
-      "creating": "Створення...",
-      "cancel": "Скасувати"
-    }
-  },
-  "ExpenseForm": {
-    "Income": {
-      "create": "Створити дохід",
-      "edit": "Редагувати дохід",
-      "TitleField": {
-        "label": "Назва доходу",
-        "placeholder": "Ресторан в понеділок ввечері",
-        "description": "Введіть опис для доходу"
-      },
-      "DateField": {
-        "label": "Дата доходу",
-        "description": "Введіть дату, коли було отримано дохід"
-      },
-      "categoryFieldDescription": "Оберіть категорію доходу",
-      "paidByField": {
-        "label": "Отримав",
-        "description": "Оберіть учасника, який отримав дохід"
-      },
-      "paidFor": {
-        "title": "Учасники",
-        "description": "Виберіть тих, між ким цей дохід буде розподілено"
-      },
-      "splitModeDescription": "Оберіть, як розділити дохід між учасниками",
-      "attachDescription": "Перегляньте та прикріпіть чеки до доходу"
-    },
-    "Expense": {
-      "create": "Створити витрату",
-      "edit": "Редагувати витрату",
-      "TitleField": {
-        "label": "Назва витрати",
-        "placeholder": "Ресторан в понеділок ввечері",
-        "description": "Введіть опис для витрати"
-      },
-      "DateField": {
-        "label": "Дата витрати",
-        "description": "Введіть дату, коли було сплачено"
-      },
-      "categoryFieldDescription": "Оберіть категорію витрати",
-      "paidByField": {
-        "label": "Сплатив",
-        "description": "Оберіть учасника, який сплатив"
-      },
-      "paidFor": {
-        "title": "Учасники",
-        "description": "Оберіть тих, між ким цю витрату буде розподілено. Якщо ця витрата - відшкодування учаснику (учасникам), виберіть тільки його (їх)."
-      },
-      "splitModeDescription": "Оберіть, як розділити витрату",
-      "attachDescription": "Перегляньте та прикріпіть чеки до витрати"
-    },
-    "amountField": {
-      "label": "Сума"
-    },
-    "isReimbursementField": {
-      "label": "Це відшкодування"
-    },
-    "categoryField": {
-      "label": "Категорія"
-    },
-    "notesField": {
-      "label": "Примітки"
-    },
-    "selectNone": "Обрати жодного",
-    "selectAll": "Обрати всіх",
-    "shares": "частка(и)",
-    "advancedOptions": "Розширені опції поділу..",
-    "SplitModeField": {
-      "label": "Режим поділу",
-      "evenly": "Рівномірно",
-      "byShares": "Нерівномірно – за частками",
-      "byPercentage": "Нерівномірно – за відсотками",
-      "byAmount": "Нерівномірно – за сумами",
-      "saveAsDefault": "Зберегти як параметри поділу за замовчуванням"
-    },
-    "DeletePopup": {
-      "label": "Видалити",
-      "title": "Видалити цю витрату?",
-      "description": "Ви дійсно хочете видалити цю витрату? Ця дія не може бути скасована",
-      "yes": "Так",
-      "cancel": "Скасувати"
-    },
-    "attachDocuments": "Прикріпити документи",
-    "create": "Створити",
-    "creating": "Створення..",
-    "save": "Зберегти",
-    "saving": "Збереження..",
-    "cancel": "Скасувати",
-    "reimbursement": "Відшкодування"
-  },
-  "ExpenseDocumentsInput": {
-    "TooBigToast": {
-      "title": "Файл занадто великий",
-      "description": "Максимальний розмір файлу, який можна завантажити, становить {maxSize}. Ваш файл {size}"
-    },
-    "ErrorToast": {
-      "title": "Помилка під час завантаження документа",
-      "description": "Виникла помилка під час завантаження документа. Будь ласка, спробуйте ще раз пізніше або виберіть інший файл",
-      "retry": "Спробувати ще раз"
-    }
-  },
-  "CreateFromReceipt": {
-    "Dialog": {
-      "triggerTitle": "Створити витрату з чека",
-      "title": "Створити з чека",
-      "description": "Отримайте інформацію про витрати з фото чека",
-      "body": "Завантажте фото чека, і ми спробуємо витягнути інформацію про витрати, якщо це можливо",
-      "selectImage": "Вибрати зображення..",
-      "titleLabel": "Назва:",
-      "categoryLabel": "Категорія:",
-      "amountLabel": "Сума:",
-      "dateLabel": "Дата:",
-      "editNext": "Ви зможете відредагувати інформацію про витрати пізніше",
-      "continue": "Продовжити"
-    },
-    "unknown": "Невідомо",
-    "TooBigToast": {
-      "title": "Файл занадто великий",
-      "description": "Максимальний розмір файлу, який можна завантажити, становить {maxSize}. Ваш файл {size}"
-    },
-    "ErrorToast": {
-      "title": "Помилка під час завантаження документа",
-      "description": "Виникла помилка під час завантаження документа. Будь ласка, спробуйте ще раз пізніше або виберіть інший файл",
-      "retry": "Спробувати ще раз"
-    }
-  },
-  "Balances": {
-    "title": "Баланси",
-    "description": "Це список балансів всіх учасників групи. Баланс збільшується у тих, хто слачує витрату, і зменшується в тих, між ким вона була розподілена",
-    "Reimbursements": {
-      "title": "Запропоновані відшкодування",
-      "description": "Ось пропозиції для оптимізованих відшкодувань між учасниками",
-      "noImbursements": "Схоже, ніхто нікому не винен 😁",
-      "owes": "<strong>{from}</strong> винен <strong>{to}</strong>",
-      "markAsPaid": "Позначити як сплачене"
-    }
-  },
-  "Stats": {
-    "title": "Статистика",
-    "Totals": {
-      "title": "Загальні дані",
-      "description": "Загальний огляд витрат групи",
-      "groupSpendings": "Загальні витрати групи",
-      "groupEarnings": "Загальні доходи групи",
-      "yourSpendings": "Ваші загальні витрати",
-      "yourEarnings": "Ваші загальні доходи",
-      "yourShare": "Ваша частка"
-    }
-  },
-  "Activity": {
-    "title": "Активність",
-    "description": "Огляд усієї активності в цій групі",
-    "noActivity": "У вашій групі ще немає активності",
-    "someone": "Хтось",
-    "settingsModified": "Налаштування групи змінені <strong>{participant}</strong>",
-    "expenseCreated": "Витрата <em>{expense}</em> створена <strong>{participant}</strong>",
-    "expenseUpdated": "Витрата <em>{expense}</em> оновлена <strong>{participant}</strong>",
-    "expenseDeleted": "Витрата <em>{expense}</em> видалена <strong>{participant}</strong>",
-    "Groups": {
-      "today": "Сьогодні",
-      "yesterday": "Вчора",
-      "earlierThisWeek": "Раніше цього тижня",
-      "lastWeek": "Минулого тижня",
-      "earlierThisMonth": "Раніше цього місяця",
-      "lastMonth": "Минулого місяця",
-      "earlierThisYear": "Раніше цього року",
-      "lastYear": "Минулого року",
-      "older": "Старіші"
-    }
-  },
-  "Information": {
-    "title": "Інформація",
-    "description": "Використовуйте це місце, щоб додати будь-яку інформацію, яка може бути корисною для учасників групи",
-    "empty": "Ще немає інформації про групу"
-  },
-  "Settings": {
-    "title": "Налаштування"
-  },
-  "Locale": {
-    "en-US": "English",
-    "fi": "Suomi",
-    "fr-FR": "Français",
-    "es": "Español",
-    "de-DE": "Deutsch",
-    "zh-CN": "Chinese (Simplified)",
-    "pl-PL": "Polski",
-    "ru-RU": "Русский",
-    "it-IT": "Italiano",
-    "ua-UA": "Українська",
-    "ro": "Română"
-  },
-  "Share": {
-    "title": "Поділитися",
-    "description": "Щоб інші учасники могли побачити групу і додати витрати, поділіться з ними її URL",
-    "warning": "Попередження!",
-    "warningHelp": "Кожна людина з URL групи зможе переглядати та редагувати витрати. Діліться з обережністю!"
-  },
-  "SchemaErrors": {
-    "min1": "Введіть принаймні один символ",
-    "min2": "Введіть принаймні два символи",
-    "max5": "Введіть не більше п'яти символів",
-    "max50": "Введіть не більше 50 символів",
-    "duplicateParticipantName": "Інший учасник уже має це ім'я",
-    "titleRequired": "Будь ласка, введіть назву",
-    "invalidNumber": "Невірний номер",
-    "amountRequired": "Необхідно ввести суму",
-    "amountNotZero": "Сума не повинна дорівнювати нулю",
-    "amountTenMillion": "Сума повинна бути меншою за 10,000,000",
-    "paidByRequired": "Ви повинні обрати учасника",
-    "paidForMin1": "Витрата повинна бути сплачена принаймні для одного учасника",
-    "noZeroShares": "Усі частки повинні бути більшими за 0",
-    "amountSum": "Сума повинна відповідати витраті",
-    "percentageSum": "Сума відсотків повинна дорівнювати 100"
-  },
-  "Categories": {
-    "search": "Шукати категорію..",
-    "noCategory": "Категорії не знайдено",
-    "Uncategorized": {
-      "heading": "Без категорії",
-      "General": "Загальне",
-      "Payment": "Оплата"
-    },
-    "Entertainment": {
-      "heading": "Розваги",
-      "Entertainment": "Розваги",
-      "Games": "Ігри",
-      "Movies": "Фільми",
-      "Music": "Музика",
-      "Sports": "Спорт"
-    },
-    "Food and Drink": {
-      "heading": "Їжа та напої",
-      "Food and Drink": "Їжа та напої",
-      "Dining Out": "Ресторани",
-      "Groceries": "Продукти",
-      "Liquor": "Алкоголь"
-    },
-    "Home": {
-      "heading": "Дім",
-      "Home": "Дім",
-      "Electronics": "Електроніка",
-      "Furniture": "Меблі",
-      "Household Supplies": "Домашні потреби",
-      "Maintenance": "Обслуговування",
-      "Mortgage": "Іпотека",
-      "Pets": "Домашні тварини",
-      "Rent": "Оренда",
-      "Services": "Послуги"
-    },
-    "Life": {
-      "heading": "Життя",
-      "Childcare": "Догляд за дітьми",
-      "Clothing": "Одяг",
-      "Education": "Освіта",
-      "Gifts": "Подарунки",
-      "Insurance": "Страхування",
-      "Medical Expenses": "Медичні витрати",
-      "Taxes": "Податки"
-    },
-    "Transportation": {
-      "heading": "Транспорт",
-      "Transportation": "Транспорт",
-      "Bicycle": "Велосипед",
-      "Bus/Train": "Автобус/Поїзд",
-      "Car": "Автомобіль",
-      "Gas/Fuel": "Паливо",
-      "Hotel": "Готель",
-      "Parking": "Паркінг",
-      "Plane": "Літак",
-      "Taxi": "Таксі"
-    },
-    "Utilities": {
-      "heading": "Комунальні послуги",
-      "Utilities": "Комунальні послуги",
-      "Cleaning": "Прибирання",
-      "Electricity": "Електроенергія",
-      "Heat/Gas": "Опалення/Газ",
-      "Trash": "Сміття",
-      "TV/Phone/Internet": "ТБ/Телефон/Інтернет",
-      "Water": "Вода"
-    }
-  }
-}

messages/zh-CN.json

@@ -1,401 +0,0 @@
-{
-  "Homepage": {
-    "title": "与<strong>朋友和家人</strong>共享<strong>开支</strong>",
-    "description": "欢迎使用你的全新<strong>Spliit</strong>实例！",
-    "button": {
-      "groups": "前往群组",
-      "github": "GitHub"
-    }
-  },
-  "Header": {
-    "groups": "群组"
-  },
-  "Footer": {
-    "madeIn": "Made in Montréal, Québec 🇨🇦",
-    "builtBy": "由 <author>Sebastien Castiel</author> 以及 <source>社区贡献者们</source> 共同构建"
-  },
-  "Expenses": {
-    "title": "消费",
-    "description": "这里有你为你的群组创建的消费。",
-    "create": "创建消费",
-    "createFirst": "创建首个消费",
-    "noExpenses": "你的群组内目前没有任何消费。",
-    "exportJson": "导出到JSON",
-    "searchPlaceholder": "查找消费……",
-    "ActiveUserModal": {
-      "title": "你是哪位？",
-      "description": "告诉我们你在群组中的身份，以便定制你的信息呈现方式。",
-      "nobody": "我不想选择任何人",
-      "save": "保存变更",
-      "footer": "此项设定之后可以在群组设定中修改。"
-    },
-    "Groups": {
-      "upcoming": "即将到来",
-      "thisWeek": "本周",
-      "earlierThisMonth": "本月早些时候",
-      "lastMonth": "上个月",
-      "earlierThisYear": "本年早些时候",
-      "lastYera": "去年",
-      "older": "更早"
-    }
-  },
-  "ExpenseCard": {
-    "paidBy": "<strong>{paidBy}</strong> 为 <paidFor></paidFor> 支付。",
-    "receivedBy": "<strong>{paidBy}</strong> 为 <paidFor></paidFor> 接收。",
-    "yourBalance": "你的余额："
-  },
-  "Groups": {
-    "myGroups": "我的群组",
-    "create": "创建",
-    "loadingRecent": "加载最近的群组……",
-    "NoRecent": {
-      "description": "你最近没有访问任何群组。",
-      "create": "创建一个群组",
-      "orAsk": "或者让你的朋友发给你现有群组的链接。"
-    },
-    "recent": "最近的群组",
-    "starred": "已收藏的群组",
-    "archived": "已归档的群组",
-    "archive": "归档群组",
-    "unarchive": "取消归档群组",
-    "removeRecent": "从最近的群组中删除",
-    "RecentRemovedToast": {
-      "title": "群组已删除",
-      "description": "群组已从你的最近群组列表中删除。",
-      "undoAlt": "撤销群组删除",
-      "undo": "撤销"
-    },
-    "AddByURL": {
-      "button": "使用URL添加",
-      "title": "使用URL添加一个群组",
-      "description": "如果你被分享了一个群组，你可以将群组的URL粘贴到这里以添加这个群组。",
-      "error": "哎呀，我们没办法根据你的URL找到相应的群组……"
-    },
-    "NotFound": {
-      "text": "该群组不存在。",
-      "link": "跳转到最近访问过的群组"
-    }
-  },
-  "GroupForm": {
-    "title": "群组信息",
-    "NameField": {
-      "label": "群组名",
-      "placeholder": "暑假",
-      "description": "为你的群组输入一个名字。"
-    },
-    "InformationField": {
-      "label": "群组信息",
-      "placeholder": "哪些信息与群组成员有关？"
-    },
-    "CurrencyField": {
-      "label": "货币标志",
-      "placeholder": "$, €, £…",
-      "description": "我们根据这个显示相应的货币金额。"
-    },
-    "Participants": {
-      "title": "群组成员",
-      "description": "输入每位成员的名字。",
-      "protectedParticipant": "群组成员是消费的一部分，不可删除。",
-      "new": "新建",
-      "add": "添加群组成员",
-      "John": "John",
-      "Jane": "Jane",
-      "Jack": "Jack"
-    },
-    "Settings": {
-      "title": "本地设定",
-      "description": "这些设定是按设备设定的，用于定制你的使用体验。",
-      "ActiveUserField": {
-        "label": "当前用户",
-        "placeholder": "选择一个群组成员",
-        "none": "无",
-        "description": "用于支付消费的默认用户。"
-      },
-      "save": "保存",
-      "saving": "保存中……",
-      "create": "创建",
-      "creating": "创建中",
-      "cancel": "取消"
-    }
-  },
-  "ExpenseForm": {
-    "Income": {
-      "create": "创建收入",
-      "edit": "编辑收入",
-      "TitleField": {
-        "label": "收入标题",
-        "placeholder": "周一晚上的餐厅",
-        "description": "描述这个收入。"
-      },
-      "DateField": {
-        "label": "收入日期",
-        "description": "输入收到这笔收入的日期。"
-      },
-      "categoryFieldDescription": "选择收入类别。",
-      "paidByField": {
-        "label": "接收到",
-        "description": "选择接收到这笔收入的群组成员。"
-      },
-      "paidFor": {
-        "title": "接收给",
-        "description": "选择收入是为谁而收。"
-      },
-      "splitModeDescription": "选择如何划分这笔收入。",
-      "attachDescription": "查看并为这笔收入附加收据。"
-    },
-    "Expense": {
-      "create": "创建消费",
-      "edit": "编辑消费",
-      "TitleField": {
-        "label": "消费标题",
-        "placeholder": "周一晚上的餐厅",
-        "description": "描述这个消费。"
-      },
-      "DateField": {
-        "label": "消费日期",
-        "description": "输入支付这笔消费的日期。"
-      },
-      "categoryFieldDescription": "选择消费类别。",
-      "paidByField": {
-        "label": "支付自",
-        "description": "选择支付这笔消费的群组成员。"
-      },
-      "paidFor": {
-        "title": "支付给",
-        "description": "选择消费是为谁而支出。"
-      },
-      "splitModeDescription": "选择如何划分这笔消费。",
-      "attachDescription": "查看并为这笔消费附加收据。"
-    },
-    "amountField": {
-      "label": "金额"
-    },
-    "isReimbursementField": {
-      "label": "这是一笔报销款"
-    },
-    "categoryField": {
-      "label": "类别"
-    },
-    "notesField": {
-      "label": "附注"
-    },
-    "selectNone": "取消选中",
-    "selectAll": "全选",
-    "shares": "份额",
-    "advancedOptions": "高级分账选项……",
-    "SplitModeField": {
-      "label": "分账模式",
-      "evenly": "平均分配",
-      "byShares": "按份额分配",
-      "byPercentage": "按百分比分配",
-      "byAmount": "按金额分配",
-      "saveAsDefault": "保存为默认分账设置"
-    },
-    "DeletePopup": {
-      "label": "删除",
-      "title": "要删除这项消费吗？",
-      "description": "你真的确定要删除这项消费吗？此行动不可撤销。",
-      "yes": "确定",
-      "cancel": "取消"
-    },
-    "attachDocuments": "附加文档",
-    "create": "创建",
-    "creating": "创建中……",
-    "save": "保存",
-    "saving": "保存中……",
-    "cancel": "取消",
-    "reimbursement": "报销"
-  },
-  "ExpenseDocumentsInput": {
-    "TooBigToast": {
-      "title": "文件过大",
-      "description": "可上传的最大文件大小为{maxSize}，你的文件为${size}。"
-    },
-    "ErrorToast": {
-      "title": "上传文档时发生错误",
-      "description": "上传文档时发生了一些错误。请稍后重试或更换文件。",
-      "retry": "重试"
-    }
-  },
-  "CreateFromReceipt": {
-    "Dialog": {
-      "triggerTitle": "从收据中创建消费",
-      "title": "从收据中创建",
-      "description": "从收据照片上提取消费信息。",
-      "body": "上传收据的图片，我们会尽可能地从中扫描出消费信息。",
-      "selectImage": "选择图片……",
-      "titleLabel": "标题：",
-      "categoryLabel": "类别：",
-      "amountLabel": "金额：",
-      "dateLabel": "日期：",
-      "editNext": "你之后可以修改消费的信息。",
-      "continue": "继续"
-    },
-    "unknown": "未知",
-    "TooBigToast": {
-      "title": "文件过大",
-      "description": "可上传的最大文件大小为{maxSize}，你的文件为${size}。"
-    },
-    "ErrorToast": {
-      "title": "上传文档时发生错误",
-      "description": "上传文档时发生了一些错误。请稍后重试或更换文件。",
-      "retry": "重试"
-    }
-  },
-  "Balances": {
-    "title": "余额",
-    "description": "这是每位群组成员支付或被支付的金额。",
-    "Reimbursements": {
-      "title": "建议报销",
-      "description": "这里是优化群组成员之间报销的建议。",
-      "noImbursements": "看起来你的群组不需要任何报销😁",
-      "owes": "<strong>{from}</strong> 欠 <strong>{to}</strong>",
-      "markAsPaid": "标记为已支付"
-    }
-  },
-  "Stats": {
-    "title": "统计",
-    "Totals": {
-      "title": "总计",
-      "description": "整个群组的花费合计。",
-      "groupSpendings": "群组总计开销",
-      "groupEarnings": "群组总计收入",
-      "yourSpendings": "你的总计开销",
-      "yourEarnings": "你的总计收入",
-      "yourShare": "你的总计份额"
-    }
-  },
-  "Activity": {
-    "title": "活动",
-    "description": "该群组所有活动总览",
-    "noActivity": "你的群组目前没有任何活动。",
-    "someone": "某人",
-    "settingsModified": "群组设定已被<strong>{participant}</strong>更改。",
-    "expenseCreated": "消费 <em>{expense}</em> 由 <strong>{participant}</strong> 创建。",
-    "expenseUpdated": "消费 <em>{expense}</em> 由 <strong>{participant}</strong> 更新。",
-    "expenseDeleted": "消费 <em>{expense}</em> 由 <strong>{participant}</strong> 删除。",
-    "Groups": {
-      "today": "今天",
-      "yesterday": "昨天",
-      "earlierThisWeek": "这周早些时候",
-      "lastWeek": "上周",
-      "earlierThisMonth": "这月早些时候",
-      "lastMonth": "上月",
-      "earlierThisYear": "这年早些时候",
-      "lastYear": "上年",
-      "older": "更早"
-    }
-  },
-  "Information": {
-    "title": "信息",
-    "description": "使用此处以添加与群组成员相关的任何信息。",
-    "empty": "当前没有群组信息。"
-  },
-  "Settings": {
-    "title": "设定"
-  },
-  "Locale": {
-    "en-US": "English",
-    "fi": "Suomi",
-    "fr-FR": "Français",
-    "es": "Español",
-    "de-DE": "Deutsch",
-    "zh-CN": "Chinese (Simplified)",
-    "pl-PL": "Polski",
-    "ru-RU": "Русский",
-    "it-IT": "Italiano",
-    "ua-UA": "Українська",
-    "ro": "Română"
-  },
-  "Share": {
-    "title": "分享",
-    "description": "请将此URL分享给其他群组成员，以使其可以查看群组并添加消费。",
-    "warning": "警告！",
-    "warningHelp": "任何持有群组URL的个体都有能够查看并编辑消费。请谨慎分享！"
-  },
-  "SchemaErrors": {
-    "min1": "输入至少1个字符。",
-    "min2": "输入至少2个字符。",
-    "max5": "输入至少5个字符。",
-    "max50": "输入至少50个字符。",
-    "duplicateParticipantName": "此名字已被另一位群组成员占用。",
-    "titleRequired": "请输入标题。",
-    "invalidNumber": "无效数值。",
-    "amountRequired": "你必须输入一个金额。",
-    "amountNotZero": "金额不可以为0。",
-    "amountTenMillion": "金额必须小于10,000,000。",
-    "paidByRequired": "你必须选择一个群组成员。",
-    "paidForMin1": "这项消费必须支付给至少1名群组成员。",
-    "noZeroShares": "所有份额必须大于0。",
-    "amountSum": "金额之和必须等于消费的金额。",
-    "percentageSum": "百分比之和必须等于100。"
-  },
-  "Categories": {
-    "search": "搜寻类别……",
-    "noCategory": "未找到类别。",
-    "Uncategorized": {
-      "heading": "未分类",
-      "General": "一般",
-      "Payment": "支付"
-    },
-    "Entertainment": {
-      "heading": "娱乐",
-      "Entertainment": "娱乐",
-      "Games": "游戏",
-      "Movies": "电影",
-      "Music": "音乐",
-      "Sports": "运动"
-    },
-    "Food and Drink": {
-      "heading": "饮食",
-      "Food and Drink": "饮食",
-      "Dining Out": "下馆子",
-      "Groceries": "便利店",
-      "Liquor": "酒水"
-    },
-    "Home": {
-      "heading": "居家",
-      "Home": "居家",
-      "Electronics": "电费",
-      "Furniture": "家具",
-      "Household Supplies": "家庭日用品",
-      "Maintenance": "维护",
-      "Mortgage": "贷款",
-      "Pets": "宠物",
-      "Rent": "租金",
-      "Services": "服务"
-    },
-    "Life": {
-      "heading": "生活",
-      "Childcare": "儿童保育",
-      "Clothing": "衣物",
-      "Education": "教育",
-      "Gifts": "礼物",
-      "Insurance": "保险",
-      "Medical Expenses": "医疗支出",
-      "Taxes": "税"
-    },
-    "Transportation": {
-      "heading": "交通",
-      "Transportation": "交通",
-      "Bicycle": "自行车",
-      "Bus/Train": "巴士/列车",
-      "Car": "汽车",
-      "Gas/Fuel": "燃料",
-      "Hotel": "旅馆",
-      "Parking": "停车",
-      "Plane": "飞机",
-      "Taxi": "出租车"
-    },
-    "Utilities": {
-      "heading": "日常账单",
-      "Utilities": "日常账单",
-      "Cleaning": "清洁费",
-      "Electricity": "电费",
-      "Heat/Gas": "暖气/瓦斯",
-      "Trash": "垃圾",
-      "TV/Phone/Internet": "电视/手机/互联网",
-      "Water": "水"
-    }
-  }
-}

next.config.js

@@ -0,0 +1,5 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {}
+
+const { withPlausibleProxy } = require('next-plausible')
+module.exports = withPlausibleProxy()(nextConfig)

next.config.mjs

@@ -1,38 +0,0 @@
-import createNextIntlPlugin from 'next-intl/plugin'
-
-const withNextIntl = createNextIntlPlugin()
-
-/**
- * Undefined entries are not supported. Push optional patterns to this array only if defined.
- * @type {import('next/dist/shared/lib/image-config').RemotePattern}
- */
-const remotePatterns = []
-
-// S3 Storage
-if (process.env.S3_UPLOAD_ENDPOINT) {
-  // custom endpoint for providers other than AWS
-  const url = new URL(process.env.S3_UPLOAD_ENDPOINT);
-  remotePatterns.push({
-    hostname: url.hostname,
-  })
-} else if (process.env.S3_UPLOAD_BUCKET && process.env.S3_UPLOAD_REGION) {
-  // default provider
-  remotePatterns.push({
-    hostname: `${process.env.S3_UPLOAD_BUCKET}.s3.${process.env.S3_UPLOAD_REGION}.amazonaws.com`,
-  })
-}
-
-/** @type {import('next').NextConfig} */
-const nextConfig = {
-  images: {
-    remotePatterns
-  },
-  // Required to run in a codespace (see https://github.com/vercel/next.js/issues/58019)
-  experimental: {
-    serverActions: {
-        allowedOrigins: ['localhost:3000'],
-    },
-},
-}
-
-export default withNextIntl(nextConfig)

package.json

@@ -7,93 +7,53 @@
     "build": "next build",
     "start": "next start",
     "lint": "next lint",
-    "check-types": "tsc --noEmit",
-    "check-formatting": "prettier -c src",
-    "prettier": "prettier -w src",
-    "postinstall": "prisma migrate deploy && prisma generate",
-    "build-image": "./scripts/build-image.sh",
-    "start-container": "docker compose --env-file container.env up",
-    "test": "jest"
+    "postinstall": "prisma migrate deploy && prisma generate"
   },
   "dependencies": {
-    "@formatjs/intl-localematcher": "^0.5.4",
     "@hookform/resolvers": "^3.3.2",
-    "@prisma/client": "^5.6.0",
+    "@prisma/client": "5.6.0",
     "@radix-ui/react-checkbox": "^1.0.4",
-    "@radix-ui/react-collapsible": "^1.0.3",
-    "@radix-ui/react-dialog": "^1.0.5",
     "@radix-ui/react-dropdown-menu": "^2.0.6",
     "@radix-ui/react-hover-card": "^1.0.7",
     "@radix-ui/react-icons": "^1.3.0",
     "@radix-ui/react-label": "^2.0.2",
     "@radix-ui/react-popover": "^1.0.7",
-    "@radix-ui/react-radio-group": "^1.1.3",
     "@radix-ui/react-select": "^2.0.0",
     "@radix-ui/react-slot": "^1.0.2",
     "@radix-ui/react-tabs": "^1.0.4",
-    "@radix-ui/react-toast": "^1.1.5",
-    "@tailwindcss/typography": "^0.5.10",
-    "@tanstack/react-query": "^5.59.15",
-    "@trpc/client": "^11.0.0-rc.586",
-    "@trpc/react-query": "^11.0.0-rc.586",
-    "@trpc/server": "^11.0.0-rc.586",
     "class-variance-authority": "^0.7.0",
-    "client-only": "^0.0.1",
     "clsx": "^2.0.0",
-    "cmdk": "^0.2.0",
-    "content-disposition": "^0.5.4",
-    "dayjs": "^1.11.10",
-    "embla-carousel-react": "^8.0.0-rc21",
     "lucide-react": "^0.290.0",
     "nanoid": "^5.0.4",
-    "negotiator": "^0.6.3",
-    "next": "^14.2.5",
-    "next-intl": "^3.17.2",
-    "next-s3-upload": "^0.3.4",
+    "next": "^14.0.4",
+    "next-plausible": "^3.12.0",
     "next-themes": "^0.2.1",
     "next13-progressbar": "^1.1.1",
-    "openai": "^4.25.0",
     "pg": "^8.11.3",
-    "prisma": "^5.7.0",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
     "react-hook-form": "^7.47.0",
-    "react-intersection-observer": "^9.8.0",
-    "server-only": "^0.0.1",
-    "sharp": "^0.33.2",
-    "superjson": "^2.2.1",
     "tailwind-merge": "^1.14.0",
     "tailwindcss-animate": "^1.0.7",
-    "ts-pattern": "^5.0.6",
-    "use-debounce": "^10.0.4",
     "uuid": "^9.0.1",
-    "vaul": "^0.8.0",
-    "zod": "^3.23.8"
+    "zod": "^3.22.4"
   },
   "devDependencies": {
-    "@testing-library/dom": "^10.4.0",
-    "@testing-library/jest-dom": "^6.4.8",
-    "@testing-library/react": "^16.0.0",
     "@total-typescript/ts-reset": "^0.5.1",
-    "@types/content-disposition": "^0.5.8",
-    "@types/jest": "^29.5.12",
-    "@types/negotiator": "^0.6.3",
     "@types/node": "^20",
     "@types/pg": "^8.10.9",
-    "@types/react": "^18.2.48",
-    "@types/react-dom": "^18.2.18",
+    "@types/react": "^18",
+    "@types/react-dom": "^18",
     "@types/uuid": "^9.0.6",
     "autoprefixer": "^10",
     "dotenv": "^16.3.1",
     "eslint": "^8",
-    "eslint-config-next": "^14.1.0",
-    "jest": "^29.7.0",
-    "jest-environment-jsdom": "^29.7.0",
+    "eslint-config-next": "^14.0.4",
     "postcss": "^8",
     "prettier": "^3.0.3",
     "prettier-plugin-organize-imports": "^3.2.3",
+    "prisma": "^5.7.0",
     "tailwindcss": "^3",
-    "ts-node": "^10.9.2",
     "tsconfig-paths": "^4.2.0",
     "typescript": "^5.3.3"
   }

prisma/migrations/20231215203936_add_shares_in_expenses/migration.sql

@@ -1,2 +0,0 @@
--- AlterTable
-ALTER TABLE "ExpensePaidFor" ADD COLUMN     "shares" INTEGER NOT NULL DEFAULT 1;

prisma/migrations/20231215213409_add_split_mode/migration.sql

@@ -1,5 +0,0 @@
--- CreateEnum
-CREATE TYPE "SplitMode" AS ENUM ('EVENLY', 'BY_SHARES', 'BY_PERCENTAGE', 'BY_AMOUNT');
-
--- AlterTable
-ALTER TABLE "Expense" ADD COLUMN     "splitMode" "SplitMode" NOT NULL DEFAULT 'EVENLY';

prisma/migrations/20240108174319_add_expense_date/migration.sql

@@ -1,2 +0,0 @@
--- AlterTable
-ALTER TABLE "Expense" ADD COLUMN     "expenseDate" DATE NOT NULL DEFAULT CURRENT_DATE;

prisma/migrations/20240108194443_add_categories/migration.sql

@@ -1,65 +0,0 @@
-/*
-  Warnings:
-
-  - Added the required column `categoryId` to the `Expense` table without a default value. This is not possible if the table is not empty.
-
-*/
--- AlterTable
-ALTER TABLE "Expense" ADD COLUMN     "categoryId" INTEGER NOT NULL DEFAULT 0;
-
--- CreateTable
-CREATE TABLE "Category" (
-    "id" SERIAL NOT NULL,
-    "grouping" TEXT NOT NULL,
-    "name" TEXT NOT NULL,
-
-    CONSTRAINT "Category_pkey" PRIMARY KEY ("id")
-);
-
--- Insert categories
-INSERT INTO "Category" ("id", "grouping", "name") VALUES (0, 'Uncategorized', 'General');
-INSERT INTO "Category" ("id", "grouping", "name") VALUES (1, 'Uncategorized', 'Payment');
-INSERT INTO "Category" ("id", "grouping", "name") VALUES (2, 'Entertainment', 'Entertainment');
-INSERT INTO "Category" ("id", "grouping", "name") VALUES (3, 'Entertainment', 'Games');
-INSERT INTO "Category" ("id", "grouping", "name") VALUES (4, 'Entertainment', 'Movies');
-INSERT INTO "Category" ("id", "grouping", "name") VALUES (5, 'Entertainment', 'Music');
-INSERT INTO "Category" ("id", "grouping", "name") VALUES (6, 'Entertainment', 'Sports');
-INSERT INTO "Category" ("id", "grouping", "name") VALUES (7, 'Food and Drink', 'Food and Drink');
-INSERT INTO "Category" ("id", "grouping", "name") VALUES (8, 'Food and Drink', 'Dining Out');
-INSERT INTO "Category" ("id", "grouping", "name") VALUES (9, 'Food and Drink', 'Groceries');
-INSERT INTO "Category" ("id", "grouping", "name") VALUES (10, 'Food and Drink', 'Liquor');
-INSERT INTO "Category" ("id", "grouping", "name") VALUES (11, 'Home', 'Home');
-INSERT INTO "Category" ("id", "grouping", "name") VALUES (12, 'Home', 'Electronics');
-INSERT INTO "Category" ("id", "grouping", "name") VALUES (13, 'Home', 'Furniture');
-INSERT INTO "Category" ("id", "grouping", "name") VALUES (14, 'Home', 'Household Supplies');
-INSERT INTO "Category" ("id", "grouping", "name") VALUES (15, 'Home', 'Maintenance');
-INSERT INTO "Category" ("id", "grouping", "name") VALUES (16, 'Home', 'Mortgage');
-INSERT INTO "Category" ("id", "grouping", "name") VALUES (17, 'Home', 'Pets');
-INSERT INTO "Category" ("id", "grouping", "name") VALUES (18, 'Home', 'Rent');
-INSERT INTO "Category" ("id", "grouping", "name") VALUES (19, 'Home', 'Services');
-INSERT INTO "Category" ("id", "grouping", "name") VALUES (20, 'Life', 'Childcare');
-INSERT INTO "Category" ("id", "grouping", "name") VALUES (21, 'Life', 'Clothing');
-INSERT INTO "Category" ("id", "grouping", "name") VALUES (22, 'Life', 'Education');
-INSERT INTO "Category" ("id", "grouping", "name") VALUES (23, 'Life', 'Gifts');
-INSERT INTO "Category" ("id", "grouping", "name") VALUES (24, 'Life', 'Insurance');
-INSERT INTO "Category" ("id", "grouping", "name") VALUES (25, 'Life', 'Medical Expenses');
-INSERT INTO "Category" ("id", "grouping", "name") VALUES (26, 'Life', 'Taxes');
-INSERT INTO "Category" ("id", "grouping", "name") VALUES (27, 'Transportation', 'Transportation');
-INSERT INTO "Category" ("id", "grouping", "name") VALUES (28, 'Transportation', 'Bicycle');
-INSERT INTO "Category" ("id", "grouping", "name") VALUES (29, 'Transportation', 'Bus/Train');
-INSERT INTO "Category" ("id", "grouping", "name") VALUES (30, 'Transportation', 'Car');
-INSERT INTO "Category" ("id", "grouping", "name") VALUES (31, 'Transportation', 'Gas/Fuel');
-INSERT INTO "Category" ("id", "grouping", "name") VALUES (32, 'Transportation', 'Hotel');
-INSERT INTO "Category" ("id", "grouping", "name") VALUES (33, 'Transportation', 'Parking');
-INSERT INTO "Category" ("id", "grouping", "name") VALUES (34, 'Transportation', 'Plane');
-INSERT INTO "Category" ("id", "grouping", "name") VALUES (35, 'Transportation', 'Taxi');
-INSERT INTO "Category" ("id", "grouping", "name") VALUES (36, 'Utilities', 'Utilities');
-INSERT INTO "Category" ("id", "grouping", "name") VALUES (37, 'Utilities', 'Cleaning');
-INSERT INTO "Category" ("id", "grouping", "name") VALUES (38, 'Utilities', 'Electricity');
-INSERT INTO "Category" ("id", "grouping", "name") VALUES (39, 'Utilities', 'Heat/Gas');
-INSERT INTO "Category" ("id", "grouping", "name") VALUES (40, 'Utilities', 'Trash');
-INSERT INTO "Category" ("id", "grouping", "name") VALUES (41, 'Utilities', 'TV/Phone/Internet');
-INSERT INTO "Category" ("id", "grouping", "name") VALUES (42, 'Utilities', 'Water');
-
--- AddForeignKey
-ALTER TABLE "Expense" ADD CONSTRAINT "Expense_categoryId_fkey" FOREIGN KEY ("categoryId") REFERENCES "Category"("id") ON DELETE RESTRICT ON UPDATE CASCADE;

prisma/migrations/20240126214121_add_document_urls/migration.sql

@@ -1,2 +0,0 @@
--- AlterTable
-ALTER TABLE "Expense" ADD COLUMN     "documentUrls" TEXT[] DEFAULT ARRAY[]::TEXT[];

prisma/migrations/20240128192510_update_document_urls/migration.sql

@@ -1,9 +0,0 @@
-/*
-  Warnings:
-
-  - The `documentUrls` column on the `Expense` table would be dropped and recreated. This will lead to data loss if there is data in the column.
-
-*/
--- AlterTable
-ALTER TABLE "Expense" DROP COLUMN "documentUrls",
-ADD COLUMN     "documentUrls" JSONB[] DEFAULT ARRAY[]::JSONB[];

prisma/migrations/20240128193431_update_documents/migration.sql

@@ -1,20 +0,0 @@
-/*
-  Warnings:
-
-  - You are about to drop the column `documentUrls` on the `Expense` table. All the data in the column will be lost.
-
-*/
--- AlterTable
-ALTER TABLE "Expense" DROP COLUMN "documentUrls";
-
--- CreateTable
-CREATE TABLE "ExpenseDocument" (
-    "id" TEXT NOT NULL,
-    "url" TEXT NOT NULL,
-    "expenseId" TEXT,
-
-    CONSTRAINT "ExpenseDocument_pkey" PRIMARY KEY ("id")
-);
-
--- AddForeignKey
-ALTER TABLE "ExpenseDocument" ADD CONSTRAINT "ExpenseDocument_expenseId_fkey" FOREIGN KEY ("expenseId") REFERENCES "Expense"("id") ON DELETE SET NULL ON UPDATE CASCADE;

prisma/migrations/20240128202400_add_doc_info/migration.sql

@@ -1,10 +0,0 @@
-/*
-  Warnings:
-
-  - Added the required column `height` to the `ExpenseDocument` table without a default value. This is not possible if the table is not empty.
-  - Added the required column `width` to the `ExpenseDocument` table without a default value. This is not possible if the table is not empty.
-
-*/
--- AlterTable
-ALTER TABLE "ExpenseDocument" ADD COLUMN     "height" INTEGER NOT NULL,
-ADD COLUMN     "width" INTEGER NOT NULL;

prisma/migrations/20240310194006_add_notes_in_expense/migration.sql

@@ -1,2 +0,0 @@
--- AlterTable
-ALTER TABLE "Expense" ADD COLUMN     "notes" TEXT;

prisma/migrations/20240414135355_add_activity_log/migration.sql

@@ -1,18 +0,0 @@
--- CreateEnum
-CREATE TYPE "ActivityType" AS ENUM ('UPDATE_GROUP', 'CREATE_EXPENSE', 'UPDATE_EXPENSE', 'DELETE_EXPENSE');
-
--- CreateTable
-CREATE TABLE "Activity" (
-    "id" TEXT NOT NULL,
-    "groupId" TEXT NOT NULL,
-    "time" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
-    "activityType" "ActivityType" NOT NULL,
-    "participantId" TEXT,
-    "expenseId" TEXT,
-    "data" TEXT,
-
-    CONSTRAINT "Activity_pkey" PRIMARY KEY ("id")
-);
-
--- AddForeignKey
-ALTER TABLE "Activity" ADD CONSTRAINT "Activity_groupId_fkey" FOREIGN KEY ("groupId") REFERENCES "Group"("id") ON DELETE RESTRICT ON UPDATE CASCADE;

prisma/migrations/20240531154748_add_group_information/migration.sql

@@ -1,2 +0,0 @@
--- AlterTable
-ALTER TABLE "Group" ADD COLUMN     "information" TEXT;

prisma/schema.prisma

@@ -14,11 +14,9 @@ datasource db {
 model Group {
   id           String        @id
   name         String
-  information  String?       @db.Text
   currency     String        @default("$")
   participants Participant[]
   expenses     Expense[]
-  activities   Activity[]
   createdAt    DateTime      @default(now())
 }
 
@@ -31,46 +29,17 @@ model Participant {
   expensesPaidFor ExpensePaidFor[]
 }
 
-model Category {
-  id       Int       @id @default(autoincrement())
-  grouping String
-  name     String
-  Expense  Expense[]
-}
-
 model Expense {
-  id              String            @id
-  group           Group             @relation(fields: [groupId], references: [id], onDelete: Cascade)
-  expenseDate     DateTime          @default(dbgenerated("CURRENT_DATE")) @db.Date
+  id              String           @id
+  group           Group            @relation(fields: [groupId], references: [id], onDelete: Cascade)
   title           String
-  category        Category?         @relation(fields: [categoryId], references: [id])
-  categoryId      Int               @default(0)
   amount          Int
-  paidBy          Participant       @relation(fields: [paidById], references: [id], onDelete: Cascade)
+  paidBy          Participant      @relation(fields: [paidById], references: [id], onDelete: Cascade)
   paidById        String
   paidFor         ExpensePaidFor[]
   groupId         String
-  isReimbursement Boolean           @default(false)
-  splitMode       SplitMode         @default(EVENLY)
-  createdAt       DateTime          @default(now())
-  documents       ExpenseDocument[]
-  notes           String?
-}
-
-model ExpenseDocument {
-  id        String   @id
-  url       String
-  width     Int
-  height    Int
-  Expense   Expense? @relation(fields: [expenseId], references: [id])
-  expenseId String?
-}
-
-enum SplitMode {
-  EVENLY
-  BY_SHARES
-  BY_PERCENTAGE
-  BY_AMOUNT
+  isReimbursement Boolean          @default(false)
+  createdAt       DateTime         @default(now())
 }
 
 model ExpensePaidFor {
@@ -78,25 +47,6 @@ model ExpensePaidFor {
   participant   Participant @relation(fields: [participantId], references: [id], onDelete: Cascade)
   expenseId     String
   participantId String
-  shares        Int         @default(1)
 
   @@id([expenseId, participantId])
 }
-
-model Activity {
-  id            String       @id
-  group         Group        @relation(fields: [groupId], references: [id])
-  groupId       String
-  time          DateTime     @default(now())
-  activityType  ActivityType
-  participantId String?
-  expenseId     String?
-  data          String?
-}
-
-enum ActivityType {
-  UPDATE_GROUP
-  CREATE_EXPENSE
-  UPDATE_EXPENSE
-  DELETE_EXPENSE
-}

scripts/build-image.sh

@@ -1,12 +0,0 @@
-#!/bin/bash
-
-SPLIIT_APP_NAME=$(node -p -e "require('./package.json').name")
-SPLIIT_VERSION=$(node -p -e "require('./package.json').version")
-
-# we need to set dummy data for POSTGRES env vars in order for build not to fail
-docker buildx build \
-    -t ${SPLIIT_APP_NAME}:${SPLIIT_VERSION} \
-    -t ${SPLIIT_APP_NAME}:latest \
-    .
-
-docker image prune -f

scripts/build.env

@@ -1,22 +0,0 @@
-# build file that contains all possible env vars with mocked values
-# as most of them are used at build time in order to have the production build to work properly
-
-# db
-POSTGRES_PASSWORD=1234
-
-# app
-POSTGRES_PRISMA_URL=postgresql://postgres:${POSTGRES_PASSWORD}@db
-POSTGRES_URL_NON_POOLING=postgresql://postgres:${POSTGRES_PASSWORD}@db
-
-# app-minio
-NEXT_PUBLIC_ENABLE_EXPENSE_DOCUMENTS=false
-S3_UPLOAD_KEY=AAAAAAAAAAAAAAAAAAAA
-S3_UPLOAD_SECRET=AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
-S3_UPLOAD_BUCKET=spliit
-S3_UPLOAD_REGION=eu-north-1
-S3_UPLOAD_ENDPOINT=s3://minio.example.com
-
-# app-openai
-NEXT_PUBLIC_ENABLE_RECEIPT_EXTRACT=false
-OPENAI_API_KEY=XXXXXXXXXXXXXXXXXXXXXXXXXXXX
-NEXT_PUBLIC_ENABLE_CATEGORY_EXTRACT=false

scripts/container-entrypoint.sh

@@ -1,6 +0,0 @@
-#!/bin/bash
-
-set -euxo pipefail
-
-npx prisma migrate deploy
-npm run start

src/app/api/s3-upload/route.ts

@@ -1,15 +0,0 @@
-import { randomId } from '@/lib/api'
-import { env } from '@/lib/env'
-import { POST as route } from 'next-s3-upload/route'
-
-export const POST = route.configure({
-  key(req, filename) {
-    const [, extension] = filename.match(/(\.[^\.]*)$/) ?? [null, '']
-    const timestamp = new Date().toISOString()
-    const random = randomId()
-    return `document-${timestamp}-${random}${extension.toLowerCase()}`
-  },
-  endpoint: env.S3_UPLOAD_ENDPOINT,
-  // forcing path style is only necessary for providers other than AWS
-  forcePathStyle: !!env.S3_UPLOAD_ENDPOINT,
-})

src/app/api/trpc/[trpc]/route.ts

@@ -1,13 +0,0 @@
-import { createTRPCContext } from '@/trpc/init'
-import { appRouter } from '@/trpc/routers/_app'
-import { fetchRequestHandler } from '@trpc/server/adapters/fetch'
-
-const handler = (req: Request) =>
-  fetchRequestHandler({
-    endpoint: '/api/trpc',
-    req,
-    router: appRouter,
-    createContext: createTRPCContext,
-  })
-
-export { handler as GET, handler as POST }

src/app/apple-pwa-splash.tsx

@@ -1,98 +0,0 @@
-'use client'
-import { useEffect } from 'react'
-
-export function ApplePwaSplash({
-  icon,
-  color,
-}: {
-  icon: string
-  color?: string
-}) {
-  useEffect(() => {
-    iosPWASplash(icon, color)
-  }, [icon, color])
-
-  return null
-}
-
-/*!
- * ios-pwa-splash <https://github.com/avadhesh18/iosPWASplash>
- *
- * Copyright (c) 2023, Avadhesh B.
- * Released under the MIT License.
- */
-function iosPWASplash(icon: string, color = 'white') {
-  // Check if the provided 'icon' is a valid URL
-  if (typeof icon !== 'string' || icon.length === 0) {
-    throw new Error('Invalid icon URL provided')
-  }
-
-  // Calculate the device's width and height
-  const deviceWidth = screen.width
-  const deviceHeight = screen.height
-  // Calculate the pixel ratio
-  const pixelRatio = window.devicePixelRatio || 1
-  // Create two canvases and get their contexts to draw landscape and portrait splash screens.
-  const canvas = document.createElement('canvas')
-  const canvas2 = document.createElement('canvas')
-  const ctx = canvas.getContext('2d')!
-  const ctx2 = canvas2.getContext('2d')!
-
-  // Create an image element for the icon
-  const iconImage = new Image()
-
-  iconImage.onerror = function () {
-    throw new Error('Failed to load icon image')
-  }
-
-  iconImage.src = icon
-  // Load the icon image, make sure it is served from the same domain (ideal size 512pxX512px). If not then set the proper CORS headers on the image and uncomment the next line.
-  //iconImage.crossOrigin="anonymous"
-  iconImage.onload = function () {
-    // Calculate the icon size based on the device's pixel ratio
-    const iconSizew = iconImage.width / (3 / pixelRatio)
-    const iconSizeh = iconImage.height / (3 / pixelRatio)
-
-    canvas.width = deviceWidth * pixelRatio
-    canvas2.height = canvas.width
-    canvas.height = deviceHeight * pixelRatio
-    canvas2.width = canvas.height
-    ctx.fillStyle = color
-    ctx2.fillStyle = color
-    ctx.fillRect(0, 0, canvas.width, canvas.height)
-    ctx2.fillRect(0, 0, canvas2.width, canvas2.height)
-
-    // Calculate the position to center the icon
-    const x = (canvas.width - iconSizew) / 2
-    const y = (canvas.height - iconSizeh) / 2
-    const x2 = (canvas2.width - iconSizew) / 2
-    const y2 = (canvas2.height - iconSizeh) / 2
-    // Draw the icon with the calculated size
-    ctx.drawImage(iconImage, x, y, iconSizew, iconSizeh)
-    ctx2.drawImage(iconImage, x2, y2, iconSizew, iconSizeh)
-    const imageDataURL = canvas.toDataURL('image/png')
-    const imageDataURL2 = canvas2.toDataURL('image/png')
-
-    // Create the first startup image <link> tag (splash screen)
-
-    const appleTouchStartupImageLink = document.createElement('link')
-    appleTouchStartupImageLink.setAttribute('rel', 'apple-touch-startup-image')
-    appleTouchStartupImageLink.setAttribute(
-      'media',
-      'screen and (orientation: portrait)',
-    )
-    appleTouchStartupImageLink.setAttribute('href', imageDataURL)
-    document.head.appendChild(appleTouchStartupImageLink)
-
-    // Create the second startup image <link> tag (splash screen)
-
-    const appleTouchStartupImageLink2 = document.createElement('link')
-    appleTouchStartupImageLink2.setAttribute('rel', 'apple-touch-startup-image')
-    appleTouchStartupImageLink2.setAttribute(
-      'media',
-      'screen and (orientation: landscape)',
-    )
-    appleTouchStartupImageLink2.setAttribute('href', imageDataURL2)
-    document.head.appendChild(appleTouchStartupImageLink2)
-  }
-}

src/app/cached-functions.ts

@@ -1,17 +0,0 @@
-import { getGroup } from '@/lib/api'
-import { cache } from 'react'
-
-function logAndCache<P extends any[], R>(fn: (...args: P) => R) {
-  const cached = cache((...args: P) => {
-    // console.log(`Not cached: ${fn.name}…`)
-    return fn(...args)
-  })
-  return (...args: P) => {
-    // console.log(`Calling cached ${fn.name}…`)
-    return cached(...args)
-  }
-}
-
-export const cached = {
-  getGroup: logAndCache(getGroup),
-}

src/app/groups/[groupId]/activity/activity-item.tsx

@@ -1,96 +0,0 @@
-'use client'
-import { Button } from '@/components/ui/button'
-import { DateTimeStyle, cn, formatDate } from '@/lib/utils'
-import { AppRouterOutput } from '@/trpc/routers/_app'
-import { ActivityType, Participant } from '@prisma/client'
-import { ChevronRight } from 'lucide-react'
-import { useLocale, useTranslations } from 'next-intl'
-import Link from 'next/link'
-import { useRouter } from 'next/navigation'
-
-export type Activity =
-  AppRouterOutput['groups']['activities']['list']['activities'][number]
-
-type Props = {
-  groupId: string
-  activity: Activity
-  participant?: Participant
-  dateStyle: DateTimeStyle
-}
-
-function useSummary(activity: Activity, participantName?: string) {
-  const t = useTranslations('Activity')
-  const participant = participantName ?? t('someone')
-  const expense = activity.data ?? ''
-
-  const tr = (key: string) =>
-    t.rich(key, {
-      expense,
-      participant,
-      em: (chunks) => <em>&ldquo;{chunks}&rdquo;</em>,
-      strong: (chunks) => <strong>{chunks}</strong>,
-    })
-
-  if (activity.activityType == ActivityType.UPDATE_GROUP) {
-    return <>{tr('settingsModified')}</>
-  } else if (activity.activityType == ActivityType.CREATE_EXPENSE) {
-    return <>{tr('expenseCreated')}</>
-  } else if (activity.activityType == ActivityType.UPDATE_EXPENSE) {
-    return <>{tr('expenseUpdated')}</>
-  } else if (activity.activityType == ActivityType.DELETE_EXPENSE) {
-    return <>{tr('expenseDeleted')}</>
-  }
-}
-
-export function ActivityItem({
-  groupId,
-  activity,
-  participant,
-  dateStyle,
-}: Props) {
-  const router = useRouter()
-  const locale = useLocale()
-
-  const expenseExists = activity.expense !== undefined
-  const summary = useSummary(activity, participant?.name)
-
-  return (
-    <div
-      className={cn(
-        'flex justify-between sm:rounded-lg px-2 sm:pr-1 sm:pl-2 py-2 text-sm hover:bg-accent gap-1 items-stretch',
-        expenseExists && 'cursor-pointer',
-      )}
-      onClick={() => {
-        if (expenseExists) {
-          router.push(`/groups/${groupId}/expenses/${activity.expenseId}/edit`)
-        }
-      }}
-    >
-      <div className="flex flex-col justify-between items-start">
-        {dateStyle !== undefined && (
-          <div className="mt-1 text-xs/5 text-muted-foreground">
-            {formatDate(activity.time, locale, { dateStyle })}
-          </div>
-        )}
-        <div className="my-1 text-xs/5 text-muted-foreground">
-          {formatDate(activity.time, locale, { timeStyle: 'short' })}
-        </div>
-      </div>
-      <div className="flex-1">
-        <div className="m-1">{summary}</div>
-      </div>
-      {expenseExists && (
-        <Button
-          size="icon"
-          variant="link"
-          className="self-center hidden sm:flex w-5 h-5"
-          asChild
-        >
-          <Link href={`/groups/${groupId}/expenses/${activity.expenseId}/edit`}>
-            <ChevronRight className="w-4 h-4" />
-          </Link>
-        </Button>
-      )}
-    </div>
-  )
-}

src/app/groups/[groupId]/activity/activity-list.tsx

@@ -1,156 +0,0 @@
-'use client'
-import {
-  Activity,
-  ActivityItem,
-} from '@/app/groups/[groupId]/activity/activity-item'
-import { Skeleton } from '@/components/ui/skeleton'
-import { trpc } from '@/trpc/client'
-import dayjs, { type Dayjs } from 'dayjs'
-import { useTranslations } from 'next-intl'
-import { forwardRef, useEffect } from 'react'
-import { useInView } from 'react-intersection-observer'
-
-const PAGE_SIZE = 20
-
-const DATE_GROUPS = {
-  TODAY: 'today',
-  YESTERDAY: 'yesterday',
-  EARLIER_THIS_WEEK: 'earlierThisWeek',
-  LAST_WEEK: 'lastWeek',
-  EARLIER_THIS_MONTH: 'earlierThisMonth',
-  LAST_MONTH: 'lastMonth',
-  EARLIER_THIS_YEAR: 'earlierThisYear',
-  LAST_YEAR: 'lastYear',
-  OLDER: 'older',
-}
-
-function getDateGroup(date: Dayjs, today: Dayjs) {
-  if (today.isSame(date, 'day')) {
-    return DATE_GROUPS.TODAY
-  } else if (today.subtract(1, 'day').isSame(date, 'day')) {
-    return DATE_GROUPS.YESTERDAY
-  } else if (today.isSame(date, 'week')) {
-    return DATE_GROUPS.EARLIER_THIS_WEEK
-  } else if (today.subtract(1, 'week').isSame(date, 'week')) {
-    return DATE_GROUPS.LAST_WEEK
-  } else if (today.isSame(date, 'month')) {
-    return DATE_GROUPS.EARLIER_THIS_MONTH
-  } else if (today.subtract(1, 'month').isSame(date, 'month')) {
-    return DATE_GROUPS.LAST_MONTH
-  } else if (today.isSame(date, 'year')) {
-    return DATE_GROUPS.EARLIER_THIS_YEAR
-  } else if (today.subtract(1, 'year').isSame(date, 'year')) {
-    return DATE_GROUPS.LAST_YEAR
-  } else {
-    return DATE_GROUPS.OLDER
-  }
-}
-
-function getGroupedActivitiesByDate(activities: Activity[]) {
-  const today = dayjs()
-  return activities.reduce(
-    (result, activity) => {
-      const activityGroup = getDateGroup(dayjs(activity.time), today)
-      result[activityGroup] = result[activityGroup] ?? []
-      result[activityGroup].push(activity)
-      return result
-    },
-    {} as {
-      [key: string]: Activity[]
-    },
-  )
-}
-
-const ActivitiesLoading = forwardRef<HTMLDivElement>((_, ref) => {
-  return (
-    <div ref={ref} className="flex flex-col gap-4">
-      <Skeleton className="mt-2 h-3 w-24" />
-      {Array(5)
-        .fill(undefined)
-        .map((_, index) => (
-          <div key={index} className="flex gap-2 p-2">
-            <div className="flex-0">
-              <Skeleton className="h-3 w-12" />
-            </div>
-            <div className="flex-1">
-              <Skeleton className="h-3 w-48" />
-            </div>
-          </div>
-        ))}
-    </div>
-  )
-})
-ActivitiesLoading.displayName = 'ActivitiesLoading'
-
-export function ActivityList({ groupId }: { groupId: string }) {
-  const t = useTranslations('Activity')
-
-  const { data: groupData, isLoading: groupIsLoading } =
-    trpc.groups.get.useQuery({ groupId })
-
-  const {
-    data: activitiesData,
-    isLoading,
-    fetchNextPage,
-  } = trpc.groups.activities.list.useInfiniteQuery(
-    { groupId, limit: PAGE_SIZE },
-    { getNextPageParam: ({ nextCursor }) => nextCursor },
-  )
-  const { ref: loadingRef, inView } = useInView()
-
-  const activities = activitiesData?.pages.flatMap((page) => page.activities)
-  const hasMore = activitiesData?.pages.at(-1)?.hasMore ?? false
-
-  useEffect(() => {
-    if (inView && hasMore && !isLoading) fetchNextPage()
-  }, [fetchNextPage, hasMore, inView, isLoading])
-
-  if (isLoading || !activities || !groupData) return <ActivitiesLoading />
-
-  const groupedActivitiesByDate = getGroupedActivitiesByDate(activities)
-
-  return activities.length > 0 ? (
-    <>
-      {Object.values(DATE_GROUPS).map((dateGroup: string) => {
-        let groupActivities = groupedActivitiesByDate[dateGroup]
-        if (!groupActivities || groupActivities.length === 0) return null
-        const dateStyle =
-          dateGroup == DATE_GROUPS.TODAY || dateGroup == DATE_GROUPS.YESTERDAY
-            ? undefined
-            : 'medium'
-
-        return (
-          <div key={dateGroup}>
-            <div
-              className={
-                'text-muted-foreground text-xs py-1 font-semibold sticky top-16 bg-white dark:bg-[#1b1917]'
-              }
-            >
-              {t(`Groups.${dateGroup}`)}
-            </div>
-            {groupActivities.map((activity) => {
-              const participant =
-                activity.participantId !== null
-                  ? groupData.group.participants.find(
-                      (p) => p.id === activity.participantId,
-                    )
-                  : undefined
-              return (
-                <ActivityItem
-                  key={activity.id}
-                  groupId={groupId}
-                  activity={activity}
-                  participant={participant}
-                  dateStyle={dateStyle}
-                />
-              )
-            })}
-          </div>
-        )
-      })}
-      {hasMore && <ActivitiesLoading ref={loadingRef} />}
-    </>
-  ) : (
-    <p className="text-sm py-6">{t('noActivity')}</p>
-  )
-}

src/app/groups/[groupId]/activity/page.client.tsx

@@ -1,32 +0,0 @@
-import { ActivityList } from '@/app/groups/[groupId]/activity/activity-list'
-import {
-  Card,
-  CardContent,
-  CardDescription,
-  CardHeader,
-  CardTitle,
-} from '@/components/ui/card'
-import { Metadata } from 'next'
-import { useTranslations } from 'next-intl'
-
-export const metadata: Metadata = {
-  title: 'Activity',
-}
-
-export function ActivityPageClient({ groupId }: { groupId: string }) {
-  const t = useTranslations('Activity')
-
-  return (
-    <>
-      <Card className="mb-4">
-        <CardHeader>
-          <CardTitle>{t('title')}</CardTitle>
-          <CardDescription>{t('description')}</CardDescription>
-        </CardHeader>
-        <CardContent className="flex flex-col space-y-4">
-          <ActivityList groupId={groupId} />
-        </CardContent>
-      </Card>
-    </>
-  )
-}

src/app/groups/[groupId]/activity/page.tsx

@@ -1,14 +0,0 @@
-import { ActivityPageClient } from '@/app/groups/[groupId]/activity/page.client'
-import { Metadata } from 'next'
-
-export const metadata: Metadata = {
-  title: 'Activity',
-}
-
-export default async function ActivityPage({
-  params: { groupId },
-}: {
-  params: { groupId: string }
-}) {
-  return <ActivityPageClient groupId={groupId} />
-}

src/app/groups/[groupId]/balances-list.tsx

@@ -1,7 +1,6 @@
 import { Balances } from '@/lib/balances'
-import { cn, formatCurrency } from '@/lib/utils'
+import { cn } from '@/lib/utils'
 import { Participant } from '@prisma/client'
-import { useLocale } from 'next-intl'
 
 type Props = {
   balances: Balances
@@ -10,7 +9,6 @@ type Props = {
 }
 
 export function BalancesList({ balances, participants, currency }: Props) {
-  const locale = useLocale()
   const maxBalance = Math.max(
     ...Object.values(balances).map((b) => Math.abs(b.total)),
   )
@@ -30,7 +28,7 @@ export function BalancesList({ balances, participants, currency }: Props) {
             </div>
             <div className={cn('w-1/2 relative', isLeft || 'text-right')}>
               <div className="absolute inset-0 p-2 z-20">
-                {formatCurrency(currency, balance, locale)}
+                {currency} {(balance / 100).toFixed(2)}
               </div>
               {balance !== 0 && (
                 <div

src/app/groups/[groupId]/balances/balances-and-reimbursements.tsx

@@ -1,143 +0,0 @@
-'use client'
-
-import { BalancesList } from '@/app/groups/[groupId]/balances-list'
-import { ReimbursementList } from '@/app/groups/[groupId]/reimbursement-list'
-import {
-  Card,
-  CardContent,
-  CardDescription,
-  CardHeader,
-  CardTitle,
-} from '@/components/ui/card'
-import { Skeleton } from '@/components/ui/skeleton'
-import { trpc } from '@/trpc/client'
-import { useTranslations } from 'next-intl'
-import { Fragment, useEffect } from 'react'
-
-export default function BalancesAndReimbursements({
-  groupId,
-}: {
-  groupId: string
-}) {
-  const utils = trpc.useUtils()
-  const { data: groupData, isLoading: groupIsLoading } =
-    trpc.groups.get.useQuery({ groupId })
-  const { data: balancesData, isLoading: balancesAreLoading } =
-    trpc.groups.balances.list.useQuery({
-      groupId,
-    })
-  const t = useTranslations('Balances')
-
-  useEffect(() => {
-    // Until we use tRPC more widely and can invalidate the cache on expense
-    // update, it's easier and safer to invalidate the cache on page load.
-    utils.groups.balances.invalidate()
-  }, [utils])
-
-  const isLoading =
-    balancesAreLoading || !balancesData || groupIsLoading || !groupData?.group
-
-  return (
-    <>
-      <Card className="mb-4">
-        <CardHeader>
-          <CardTitle>{t('title')}</CardTitle>
-          <CardDescription>{t('description')}</CardDescription>
-        </CardHeader>
-        <CardContent>
-          {isLoading ? (
-            <BalancesLoading
-              participantCount={groupData?.group.participants.length}
-            />
-          ) : (
-            <BalancesList
-              balances={balancesData.balances}
-              participants={groupData.group.participants}
-              currency={groupData.group.currency}
-            />
-          )}
-        </CardContent>
-      </Card>
-      <Card className="mb-4">
-        <CardHeader>
-          <CardTitle>{t('Reimbursements.title')}</CardTitle>
-          <CardDescription>{t('Reimbursements.description')}</CardDescription>
-        </CardHeader>
-        <CardContent>
-          {isLoading ? (
-            <ReimbursementsLoading
-              participantCount={groupData?.group.participants.length}
-            />
-          ) : (
-            <ReimbursementList
-              reimbursements={balancesData.reimbursements}
-              participants={groupData.group.participants}
-              currency={groupData.group.currency}
-              groupId={groupData.group.id}
-            />
-          )}
-        </CardContent>
-      </Card>
-    </>
-  )
-}
-
-const ReimbursementsLoading = ({
-  participantCount = 3,
-}: {
-  participantCount?: number
-}) => {
-  return (
-    <div className="flex flex-col">
-      {Array(participantCount - 1)
-        .fill(undefined)
-        .map((_, index) => (
-          <div key={index} className="flex justify-between py-5">
-            <div className="flex flex-col sm:flex-row gap-3 sm:gap-4">
-              <Skeleton className="h-3 w-32" />
-              <Skeleton className="h-3 w-24" />
-            </div>
-            <Skeleton className="h-3 w-16" />
-          </div>
-        ))}
-    </div>
-  )
-}
-
-const BalancesLoading = ({
-  participantCount = 3,
-}: {
-  participantCount?: number
-}) => {
-  return (
-    <div className="grid grid-cols-2 py-1 gap-y-2">
-      {Array(participantCount)
-        .fill(undefined)
-        .map((_, index) =>
-          index % 2 === 0 ? (
-            <Fragment key={index}>
-              <div className="flex items-center justify-end pr-2">
-                <Skeleton className="h-3 w-16" />
-              </div>
-              <div className="self-start">
-                <Skeleton
-                  className={`h-7 w-${(index % 3) + 1}/3 rounded-l-none`}
-                />
-              </div>
-            </Fragment>
-          ) : (
-            <Fragment key={index}>
-              <div className="flex items-center justify-end">
-                <Skeleton
-                  className={`h-7 w-${(index % 3) + 1}/3 rounded-r-none`}
-                />
-              </div>
-              <div className="flex items-center pl-2">
-                <Skeleton className="h-3 w-16" />
-              </div>
-            </Fragment>
-          ),
-        )}
-    </div>
-  )
-}

src/app/groups/[groupId]/balances/page.tsx

@@ -1,5 +1,14 @@
-import { cached } from '@/app/cached-functions'
-import BalancesAndReimbursements from '@/app/groups/[groupId]/balances/balances-and-reimbursements'
+import { BalancesList } from '@/app/groups/[groupId]/balances-list'
+import { ReimbursementList } from '@/app/groups/[groupId]/reimbursement-list'
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+} from '@/components/ui/card'
+import { getGroup, getGroupExpenses } from '@/lib/api'
+import { getBalances, getSuggestedReimbursements } from '@/lib/balances'
 import { Metadata } from 'next'
 import { notFound } from 'next/navigation'
 
@@ -12,8 +21,47 @@ export default async function GroupPage({
 }: {
   params: { groupId: string }
 }) {
-  const group = await cached.getGroup(groupId)
+  const group = await getGroup(groupId)
   if (!group) notFound()
 
-  return <BalancesAndReimbursements groupId={groupId} />
+  const expenses = await getGroupExpenses(groupId)
+  const balances = getBalances(expenses)
+  const reimbursements = getSuggestedReimbursements(balances)
+
+  return (
+    <>
+      <Card className="mb-4">
+        <CardHeader>
+          <CardTitle>Balances</CardTitle>
+          <CardDescription>
+            This is the amount that each participant paid or was paid for.
+          </CardDescription>
+        </CardHeader>
+        <CardContent>
+          <BalancesList
+            balances={balances}
+            participants={group.participants}
+            currency={group.currency}
+          />
+        </CardContent>
+      </Card>
+      <Card className="mb-4">
+        <CardHeader>
+          <CardTitle>Suggested reimbursements</CardTitle>
+          <CardDescription>
+            Here are suggestions for optimized reimbursements between
+            participants.
+          </CardDescription>
+        </CardHeader>
+        <CardContent className="p-0">
+          <ReimbursementList
+            reimbursements={reimbursements}
+            participants={group.participants}
+            currency={group.currency}
+            groupId={groupId}
+          />
+        </CardContent>
+      </Card>
+    </>
+  )
 }

src/app/groups/[groupId]/edit/edit-group.tsx

@@ -1,23 +0,0 @@
-'use client'
-
-import { GroupForm } from '@/components/group-form'
-import { trpc } from '@/trpc/client'
-
-export const EditGroup = ({ groupId }: { groupId: string }) => {
-  const { data, isLoading } = trpc.groups.get.useQuery({ groupId })
-  const { mutateAsync } = trpc.groups.update.useMutation()
-  const utils = trpc.useUtils()
-
-  if (isLoading) return <></>
-
-  return (
-    <GroupForm
-      group={data?.group}
-      onSubmit={async (groupFormValues, participantId) => {
-        await mutateAsync({ groupId, participantId, groupFormValues })
-        await utils.groups.invalidate()
-      }}
-      protectedParticipantIds={data?.participantsWithExpenses}
-    />
-  )
-}

src/app/groups/[groupId]/edit/page.tsx

@@ -1,5 +1,8 @@
-import { EditGroup } from '@/app/groups/[groupId]/edit/edit-group'
+import { GroupForm } from '@/components/group-form'
+import { getGroup, getGroupExpensesParticipants, updateGroup } from '@/lib/api'
+import { groupFormSchema } from '@/lib/schemas'
 import { Metadata } from 'next'
+import { notFound, redirect } from 'next/navigation'
 
 export const metadata: Metadata = {
   title: 'Settings',
@@ -10,5 +13,22 @@ export default async function EditGroupPage({
 }: {
   params: { groupId: string }
 }) {
-  return <EditGroup groupId={groupId} />
+  const group = await getGroup(groupId)
+  if (!group) notFound()
+
+  async function updateGroupAction(values: unknown) {
+    'use server'
+    const groupFormValues = groupFormSchema.parse(values)
+    const group = await updateGroup(groupId, groupFormValues)
+    redirect(`/groups/${group.id}`)
+  }
+
+  const protectedParticipantIds = await getGroupExpensesParticipants(groupId)
+  return (
+    <GroupForm
+      group={group}
+      onSubmit={updateGroupAction}
+      protectedParticipantIds={protectedParticipantIds}
+    />
+  )
 }

src/app/groups/[groupId]/expenses/[expenseId]/edit/page.tsx

@@ -1,9 +1,11 @@
-import { EditExpenseForm } from '@/app/groups/[groupId]/expenses/edit-expense-form'
-import { getRuntimeFeatureFlags } from '@/lib/featureFlags'
+import { ExpenseForm } from '@/components/expense-form'
+import { deleteExpense, getExpense, getGroup, updateExpense } from '@/lib/api'
+import { expenseFormSchema } from '@/lib/schemas'
 import { Metadata } from 'next'
+import { notFound, redirect } from 'next/navigation'
 
 export const metadata: Metadata = {
-  title: 'Edit Expense',
+  title: 'Edit expense',
 }
 
 export default async function EditExpensePage({
@@ -11,11 +13,30 @@ export default async function EditExpensePage({
 }: {
   params: { groupId: string; expenseId: string }
 }) {
+  const group = await getGroup(groupId)
+  if (!group) notFound()
+  const expense = await getExpense(groupId, expenseId)
+  if (!expense) notFound()
+
+  async function updateExpenseAction(values: unknown) {
+    'use server'
+    const expenseFormValues = expenseFormSchema.parse(values)
+    await updateExpense(groupId, expenseId, expenseFormValues)
+    redirect(`/groups/${groupId}`)
+  }
+
+  async function deleteExpenseAction() {
+    'use server'
+    await deleteExpense(expenseId)
+    redirect(`/groups/${groupId}`)
+  }
+
   return (
-    <EditExpenseForm
-      groupId={groupId}
-      expenseId={expenseId}
-      runtimeFeatureFlags={await getRuntimeFeatureFlags()}
+    <ExpenseForm
+      group={group}
+      expense={expense}
+      onSubmit={updateExpenseAction}
+      onDelete={deleteExpenseAction}
     />
   )
 }

src/app/groups/[groupId]/expenses/active-user-balance.tsx

@@ -1,45 +0,0 @@
-'use client'
-import { Money } from '@/components/money'
-import { getBalances } from '@/lib/balances'
-import { useActiveUser } from '@/lib/hooks'
-import { useTranslations } from 'next-intl'
-
-type Props = {
-  groupId: string
-  currency: string
-  expense: Parameters<typeof getBalances>[0][number]
-}
-
-export function ActiveUserBalance({ groupId, currency, expense }: Props) {
-  const t = useTranslations('ExpenseCard')
-  const activeUserId = useActiveUser(groupId)
-  if (activeUserId === null || activeUserId === '' || activeUserId === 'None') {
-    return null
-  }
-
-  const balances = getBalances([expense])
-  let fmtBalance = <>You are not involved</>
-  if (Object.hasOwn(balances, activeUserId)) {
-    const balance = balances[activeUserId]
-    let balanceDetail = <></>
-    if (balance.paid > 0 && balance.paidFor > 0) {
-      balanceDetail = (
-        <>
-          {' ('}
-          <Money {...{ currency, amount: balance.paid }} />
-          {' - '}
-          <Money {...{ currency, amount: balance.paidFor }} />
-          {')'}
-        </>
-      )
-    }
-    fmtBalance = (
-      <>
-        {t('yourBalance')}{' '}
-        <Money {...{ currency, amount: balance.total }} bold colored />
-        {balanceDetail}
-      </>
-    )
-  }
-  return <div className="text-xs text-muted-foreground">{fmtBalance}</div>
-}

src/app/groups/[groupId]/expenses/active-user-modal.tsx

@@ -1,139 +0,0 @@
-'use client'
-
-import { Button } from '@/components/ui/button'
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogTitle,
-} from '@/components/ui/dialog'
-import {
-  Drawer,
-  DrawerContent,
-  DrawerFooter,
-  DrawerHeader,
-  DrawerTitle,
-} from '@/components/ui/drawer'
-import { Label } from '@/components/ui/label'
-import { RadioGroup, RadioGroupItem } from '@/components/ui/radio-group'
-import { useMediaQuery } from '@/lib/hooks'
-import { cn } from '@/lib/utils'
-import { trpc } from '@/trpc/client'
-import { AppRouterOutput } from '@/trpc/routers/_app'
-import { useTranslations } from 'next-intl'
-import { ComponentProps, useEffect, useState } from 'react'
-
-export function ActiveUserModal({ groupId }: { groupId: string }) {
-  const t = useTranslations('Expenses.ActiveUserModal')
-  const [open, setOpen] = useState(false)
-  const isDesktop = useMediaQuery('(min-width: 768px)')
-  const { data: groupData } = trpc.groups.get.useQuery({ groupId })
-
-  const group = groupData?.group
-
-  useEffect(() => {
-    if (!group) return
-
-    const tempUser = localStorage.getItem(`newGroup-activeUser`)
-    const activeUser = localStorage.getItem(`${group.id}-activeUser`)
-    if (!tempUser && !activeUser) {
-      setOpen(true)
-    }
-  }, [group])
-
-  function updateOpen(open: boolean) {
-    if (!group) return
-
-    if (!open && !localStorage.getItem(`${group.id}-activeUser`)) {
-      localStorage.setItem(`${group.id}-activeUser`, 'None')
-    }
-    setOpen(open)
-  }
-
-  if (isDesktop) {
-    return (
-      <Dialog open={open} onOpenChange={updateOpen}>
-        <DialogContent className="sm:max-w-[425px]">
-          <DialogHeader>
-            <DialogTitle>{t('title')}</DialogTitle>
-            <DialogDescription>{t('description')}</DialogDescription>
-          </DialogHeader>
-          <ActiveUserForm group={group} close={() => setOpen(false)} />
-          <DialogFooter className="sm:justify-center">
-            <p className="text-sm text-center text-muted-foreground">
-              {t('footer')}
-            </p>
-          </DialogFooter>
-        </DialogContent>
-      </Dialog>
-    )
-  }
-
-  return (
-    <Drawer open={open} onOpenChange={updateOpen}>
-      <DrawerContent>
-        <DrawerHeader className="text-left">
-          <DrawerTitle>{t('title')}</DrawerTitle>
-          <DialogDescription>{t('description')}</DialogDescription>
-        </DrawerHeader>
-        <ActiveUserForm
-          className="px-4"
-          group={group}
-          close={() => setOpen(false)}
-        />
-        <DrawerFooter className="pt-2">
-          <p className="text-sm text-center text-muted-foreground">
-            {t('footer')}
-          </p>
-        </DrawerFooter>
-      </DrawerContent>
-    </Drawer>
-  )
-}
-
-function ActiveUserForm({
-  group,
-  close,
-  className,
-}: ComponentProps<'form'> & {
-  group?: AppRouterOutput['groups']['get']['group']
-  close: () => void
-}) {
-  const t = useTranslations('Expenses.ActiveUserModal')
-  const [selected, setSelected] = useState('None')
-
-  return (
-    <form
-      className={cn('grid items-start gap-4', className)}
-      onSubmit={(event) => {
-        if (!group) return
-
-        event.preventDefault()
-        localStorage.setItem(`${group.id}-activeUser`, selected)
-        close()
-      }}
-    >
-      <RadioGroup defaultValue="none" onValueChange={setSelected}>
-        <div className="flex flex-col gap-4 my-4">
-          <div className="flex items-center space-x-2">
-            <RadioGroupItem value="none" id="none" />
-            <Label htmlFor="none" className="italic font-normal flex-1">
-              {t('nobody')}
-            </Label>
-          </div>
-          {group?.participants.map((participant) => (
-            <div key={participant.id} className="flex items-center space-x-2">
-              <RadioGroupItem value={participant.id} id={participant.id} />
-              <Label htmlFor={participant.id} className="flex-1">
-                {participant.name}
-              </Label>
-            </div>
-          ))}
-        </div>
-      </RadioGroup>
-      <Button type="submit">{t('save')}</Button>
-    </form>
-  )
-}

src/app/groups/[groupId]/expenses/category-icon.tsx

@@ -1,144 +0,0 @@
-import { Category } from '@prisma/client'
-import {
-  Armchair,
-  Baby,
-  Banknote,
-  Bike,
-  Bus,
-  Car,
-  CarTaxiFront,
-  Cat,
-  Clapperboard,
-  CupSoda,
-  Dices,
-  Dumbbell,
-  Eraser,
-  FerrisWheel,
-  Fuel,
-  Gift,
-  Home,
-  Hotel,
-  Lamp,
-  Landmark,
-  LibraryBig,
-  LucideIcon,
-  LucideProps,
-  Martini,
-  Music,
-  ParkingMeter,
-  Phone,
-  PiggyBank,
-  Plane,
-  Plug,
-  PlugZap,
-  Shirt,
-  ShoppingCart,
-  Stethoscope,
-  ThermometerSun,
-  Train,
-  Trash,
-  Utensils,
-  Wine,
-  Wrench,
-} from 'lucide-react'
-
-export function CategoryIcon({
-  category,
-  ...props
-}: { category: Category | null } & LucideProps) {
-  const Icon = getCategoryIcon(`${category?.grouping}/${category?.name}`)
-  return <Icon {...props} />
-}
-
-function getCategoryIcon(category: string): LucideIcon {
-  switch (category) {
-    case 'Uncategorized/General':
-      return Banknote
-    case 'Uncategorized/Payment':
-      return Banknote
-    case 'Entertainment/Entertainment':
-      return FerrisWheel
-    case 'Entertainment/Games':
-      return Dices
-    case 'Entertainment/Movies':
-      return Clapperboard
-    case 'Entertainment/Music':
-      return Music
-    case 'Entertainment/Sports':
-      return Dumbbell
-    case 'Food and Drink/Food and Drink':
-      return Utensils
-    case 'Food and Drink/Dining Out':
-      return Martini
-    case 'Food and Drink/Groceries':
-      return ShoppingCart
-    case 'Food and Drink/Liquor':
-      return Wine
-    case 'Home/Home':
-      return Home
-    case 'Home/Electronics':
-      return Plug
-    case 'Home/Furniture':
-      return Armchair
-    case 'Home/Household Supplies':
-      return Lamp
-    case 'Home/Maintenance':
-      return Wrench
-    case 'Home/Mortgage':
-      return Landmark
-    case 'Home/Pets':
-      return Cat
-    case 'Home/Rent':
-      return PiggyBank
-    case 'Home/Services':
-      return Wrench
-    case 'Life/Childcare':
-      return Baby
-    case 'Life/Clothing':
-      return Shirt
-    case 'Life/Education':
-      return LibraryBig
-    case 'Life/Gifts':
-      return Gift
-    case 'Life/Insurance':
-      return Landmark
-    case 'Life/Medical Expenses':
-      return Stethoscope
-    case 'Life/Taxes':
-      return Banknote
-    case 'Transportation/Transportation':
-      return Bus
-    case 'Transportation/Bicycle':
-      return Bike
-    case 'Transportation/Bus/Train':
-      return Train
-    case 'Transportation/Car':
-      return Car
-    case 'Transportation/Gas/Fuel':
-      return Fuel
-    case 'Transportation/Hotel':
-      return Hotel
-    case 'Transportation/Parking':
-      return ParkingMeter
-    case 'Transportation/Plane':
-      return Plane
-    case 'Transportation/Taxi':
-      return CarTaxiFront
-    case 'Utilities/Utilities':
-      return Banknote
-    case 'Utilities/Cleaning':
-      return Eraser
-    case 'Utilities/Electricity':
-      return PlugZap
-    case 'Utilities/Heat/Gas':
-      return ThermometerSun
-    case 'Utilities/Trash':
-      return Trash
-    case 'Utilities/TV/Phone/Internet':
-      return Phone
-    case 'Utilities/Water':
-      return CupSoda
-    default:
-      return Banknote
-  }
-}

src/app/groups/[groupId]/expenses/create-expense-form.tsx

@@ -1,45 +0,0 @@
-'use client'
-import { RuntimeFeatureFlags } from '@/lib/featureFlags'
-import { trpc } from '@/trpc/client'
-import { useRouter } from 'next/navigation'
-import { ExpenseForm } from './expense-form'
-
-export function CreateExpenseForm({
-  groupId,
-  runtimeFeatureFlags,
-}: {
-  groupId: string
-  expenseId?: string
-  runtimeFeatureFlags: RuntimeFeatureFlags
-}) {
-  const { data: groupData } = trpc.groups.get.useQuery({ groupId })
-  const group = groupData?.group
-
-  const { data: categoriesData } = trpc.categories.list.useQuery()
-  const categories = categoriesData?.categories
-
-  const { mutateAsync: createExpenseMutateAsync } =
-    trpc.groups.expenses.create.useMutation()
-
-  const utils = trpc.useUtils()
-  const router = useRouter()
-
-  if (!group || !categories) return null
-
-  return (
-    <ExpenseForm
-      group={group}
-      categories={categories}
-      onSubmit={async (expenseFormValues, participantId) => {
-        await createExpenseMutateAsync({
-          groupId,
-          expenseFormValues,
-          participantId,
-        })
-        utils.groups.expenses.invalidate()
-        router.push(`/groups/${group.id}`)
-      }}
-      runtimeFeatureFlags={runtimeFeatureFlags}
-    />
-  )
-}

src/app/groups/[groupId]/expenses/create-from-receipt-button-actions.ts

@@ -1,50 +0,0 @@
-'use server'
-import { getCategories } from '@/lib/api'
-import { env } from '@/lib/env'
-import { formatCategoryForAIPrompt } from '@/lib/utils'
-import OpenAI from 'openai'
-import { ChatCompletionCreateParamsNonStreaming } from 'openai/resources/index.mjs'
-
-const openai = new OpenAI({ apiKey: env.OPENAI_API_KEY })
-
-export async function extractExpenseInformationFromImage(imageUrl: string) {
-  'use server'
-  const categories = await getCategories()
-
-  const body: ChatCompletionCreateParamsNonStreaming = {
-    model: 'gpt-4-turbo',
-    messages: [
-      {
-        role: 'user',
-        content: [
-          {
-            type: 'text',
-            text: `
-              This image contains a receipt.
-              Read the total amount and store it as a non-formatted number without any other text or currency.
-              Then guess the category for this receipt amoung the following categories and store its ID: ${categories.map(
-                (category) => formatCategoryForAIPrompt(category),
-              )}.
-              Guess the expense’s date and store it as yyyy-mm-dd.
-              Guess a title for the expense.
-              Return the amount, the category, the date and the title with just a comma between them, without anything else.`,
-          },
-        ],
-      },
-      {
-        role: 'user',
-        content: [{ type: 'image_url', image_url: { url: imageUrl } }],
-      },
-    ],
-  }
-  const completion = await openai.chat.completions.create(body)
-
-  const [amountString, categoryId, date, title] = completion.choices
-    .at(0)
-    ?.message.content?.split(',') ?? [null, null, null, null]
-  return { amount: Number(amountString), categoryId, date, title }
-}
-
-export type ReceiptExtractedInfo = Awaited<
-  ReturnType<typeof extractExpenseInformationFromImage>
->

src/app/groups/[groupId]/expenses/create-from-receipt-button.tsx

@@ -1,329 +0,0 @@
-'use client'
-
-import { CategoryIcon } from '@/app/groups/[groupId]/expenses/category-icon'
-import {
-  ReceiptExtractedInfo,
-  extractExpenseInformationFromImage,
-} from '@/app/groups/[groupId]/expenses/create-from-receipt-button-actions'
-import { Badge } from '@/components/ui/badge'
-import { Button } from '@/components/ui/button'
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogHeader,
-  DialogTitle,
-  DialogTrigger,
-} from '@/components/ui/dialog'
-import {
-  Drawer,
-  DrawerContent,
-  DrawerDescription,
-  DrawerHeader,
-  DrawerTitle,
-  DrawerTrigger,
-} from '@/components/ui/drawer'
-import { ToastAction } from '@/components/ui/toast'
-import { useToast } from '@/components/ui/use-toast'
-import { useMediaQuery } from '@/lib/hooks'
-import { formatCurrency, formatDate, formatFileSize } from '@/lib/utils'
-import { trpc } from '@/trpc/client'
-import { ChevronRight, FileQuestion, Loader2, Receipt } from 'lucide-react'
-import { useLocale, useTranslations } from 'next-intl'
-import { getImageData, usePresignedUpload } from 'next-s3-upload'
-import Image from 'next/image'
-import { useRouter } from 'next/navigation'
-import { PropsWithChildren, ReactNode, useState } from 'react'
-
-const MAX_FILE_SIZE = 5 * 1024 ** 2
-
-export function CreateFromReceiptButton({ groupId }: { groupId: string }) {
-  return <CreateFromReceiptButton_ groupId={groupId} />
-}
-
-function CreateFromReceiptButton_({ groupId }: { groupId: string }) {
-  const t = useTranslations('CreateFromReceipt')
-  const isDesktop = useMediaQuery('(min-width: 640px)')
-
-  const DialogOrDrawer = isDesktop
-    ? CreateFromReceiptDialog
-    : CreateFromReceiptDrawer
-
-  return (
-    <DialogOrDrawer
-      trigger={
-        <Button
-          size="icon"
-          variant="secondary"
-          title={t('Dialog.triggerTitle')}
-        >
-          <Receipt className="w-4 h-4" />
-        </Button>
-      }
-      title={
-        <>
-          <span>{t('Dialog.title')}</span>
-          <Badge className="bg-pink-700 hover:bg-pink-600 dark:bg-pink-500 dark:hover:bg-pink-600">
-            Beta
-          </Badge>
-        </>
-      }
-      description={<>{t('Dialog.description')}</>}
-    >
-      <ReceiptDialogContent groupId={groupId} />
-    </DialogOrDrawer>
-  )
-}
-
-function ReceiptDialogContent({ groupId }: { groupId: string }) {
-  const { data: groupData } = trpc.groups.get.useQuery({ groupId })
-  const { data: categoriesData } = trpc.categories.list.useQuery()
-  const group = groupData?.group
-  const categories = categoriesData?.categories
-
-  const locale = useLocale()
-  const t = useTranslations('CreateFromReceipt')
-  const [pending, setPending] = useState(false)
-  const { uploadToS3, FileInput, openFileDialog } = usePresignedUpload()
-  const { toast } = useToast()
-  const router = useRouter()
-  const [receiptInfo, setReceiptInfo] = useState<
-    | null
-    | (ReceiptExtractedInfo & { url: string; width?: number; height?: number })
-  >(null)
-
-  const handleFileChange = async (file: File) => {
-    if (file.size > MAX_FILE_SIZE) {
-      toast({
-        title: t('TooBigToast.title'),
-        description: t('TooBigToast.description', {
-          maxSize: formatFileSize(MAX_FILE_SIZE, locale),
-          size: formatFileSize(file.size, locale),
-        }),
-        variant: 'destructive',
-      })
-      return
-    }
-
-    const upload = async () => {
-      try {
-        setPending(true)
-        console.log('Uploading image…')
-        let { url } = await uploadToS3(file)
-        console.log('Extracting information from receipt…')
-        const { amount, categoryId, date, title } =
-          await extractExpenseInformationFromImage(url)
-        const { width, height } = await getImageData(file)
-        setReceiptInfo({ amount, categoryId, date, title, url, width, height })
-      } catch (err) {
-        console.error(err)
-        toast({
-          title: t('ErrorToast.title'),
-          description: t('ErrorToast.description'),
-          variant: 'destructive',
-          action: (
-            <ToastAction
-              altText={t('ErrorToast.retry')}
-              onClick={() => upload()}
-            >
-              {t('ErrorToast.retry')}
-            </ToastAction>
-          ),
-        })
-      } finally {
-        setPending(false)
-      }
-    }
-    upload()
-  }
-
-  const receiptInfoCategory =
-    (receiptInfo?.categoryId &&
-      categories?.find((c) => String(c.id) === receiptInfo.categoryId)) ||
-    null
-
-  return (
-    <div className="prose prose-sm dark:prose-invert">
-      <p>{t('Dialog.body')}</p>
-      <div>
-        <FileInput onChange={handleFileChange} accept="image/jpeg,image/png" />
-        <div className="grid gap-x-4 gap-y-2 grid-cols-3">
-          <Button
-            variant="secondary"
-            className="row-span-3 w-full h-full relative"
-            title="Create expense from receipt"
-            onClick={openFileDialog}
-            disabled={pending}
-          >
-            {pending ? (
-              <Loader2 className="w-8 h-8 animate-spin" />
-            ) : receiptInfo ? (
-              <div className="absolute top-2 left-2 bottom-2 right-2">
-                <Image
-                  src={receiptInfo.url}
-                  width={receiptInfo.width}
-                  height={receiptInfo.height}
-                  className="w-full h-full m-0 object-contain drop-shadow-lg"
-                  alt="Scanned receipt"
-                />
-              </div>
-            ) : (
-              <span className="text-xs sm:text-sm text-muted-foreground">
-                {t('Dialog.selectImage')}
-              </span>
-            )}
-          </Button>
-          <div className="col-span-2">
-            <strong>{t('Dialog.titleLabel')}</strong>
-            <div>{receiptInfo ? receiptInfo.title ?? <Unknown /> : '…'}</div>
-          </div>
-          <div className="col-span-2">
-            <strong>{t('Dialog.categoryLabel')}</strong>
-            <div>
-              {receiptInfo ? (
-                receiptInfoCategory ? (
-                  <div className="flex items-center">
-                    <CategoryIcon
-                      category={receiptInfoCategory}
-                      className="inline w-4 h-4 mr-2"
-                    />
-                    <span className="mr-1">{receiptInfoCategory.grouping}</span>
-                    <ChevronRight className="inline w-3 h-3 mr-1" />
-                    <span>{receiptInfoCategory.name}</span>
-                  </div>
-                ) : (
-                  <Unknown />
-                )
-              ) : (
-                '' || '…'
-              )}
-            </div>
-          </div>
-          <div>
-            <strong>{t('Dialog.amountLabel')}</strong>
-            <div>
-              {receiptInfo && group ? (
-                receiptInfo.amount ? (
-                  <>
-                    {formatCurrency(
-                      group.currency,
-                      receiptInfo.amount,
-                      locale,
-                      true,
-                    )}
-                  </>
-                ) : (
-                  <Unknown />
-                )
-              ) : (
-                '…'
-              )}
-            </div>
-          </div>
-          <div>
-            <strong>{t('Dialog.dateLabel')}</strong>
-            <div>
-              {receiptInfo ? (
-                receiptInfo.date ? (
-                  formatDate(
-                    new Date(`${receiptInfo?.date}T12:00:00.000Z`),
-                    locale,
-                    { dateStyle: 'medium' },
-                  )
-                ) : (
-                  <Unknown />
-                )
-              ) : (
-                '…'
-              )}
-            </div>
-          </div>
-        </div>
-      </div>
-      <p>{t('Dialog.editNext')}</p>
-      <div className="text-center">
-        <Button
-          disabled={pending || !receiptInfo}
-          onClick={() => {
-            if (!receiptInfo || !group) return
-            router.push(
-              `/groups/${group.id}/expenses/create?amount=${
-                receiptInfo.amount
-              }&categoryId=${receiptInfo.categoryId}&date=${
-                receiptInfo.date
-              }&title=${encodeURIComponent(
-                receiptInfo.title ?? '',
-              )}&imageUrl=${encodeURIComponent(receiptInfo.url)}&imageWidth=${
-                receiptInfo.width
-              }&imageHeight=${receiptInfo.height}`,
-            )
-          }}
-        >
-          {t('Dialog.continue')}
-        </Button>
-      </div>
-    </div>
-  )
-}
-
-function Unknown() {
-  const t = useTranslations('CreateFromReceipt')
-  return (
-    <div className="flex gap-1 items-center text-muted-foreground">
-      <FileQuestion className="w-4 h-4" />
-      <em>{t('unknown')}</em>
-    </div>
-  )
-}
-
-function CreateFromReceiptDialog({
-  trigger,
-  title,
-  description,
-  children,
-}: PropsWithChildren<{
-  trigger: ReactNode
-  title: ReactNode
-  description: ReactNode
-}>) {
-  return (
-    <Dialog>
-      <DialogTrigger asChild>{trigger}</DialogTrigger>
-      <DialogContent>
-        <DialogHeader>
-          <DialogTitle className="flex items-center gap-2">{title}</DialogTitle>
-          <DialogDescription className="text-left">
-            {description}
-          </DialogDescription>
-        </DialogHeader>
-        {children}
-      </DialogContent>
-    </Dialog>
-  )
-}
-
-function CreateFromReceiptDrawer({
-  trigger,
-  title,
-  description,
-  children,
-}: PropsWithChildren<{
-  trigger: ReactNode
-  title: ReactNode
-  description: ReactNode
-}>) {
-  return (
-    <Drawer>
-      <DrawerTrigger asChild>{trigger}</DrawerTrigger>
-      <DrawerContent>
-        <DrawerHeader>
-          <DrawerTitle className="flex items-center gap-2">{title}</DrawerTitle>
-          <DrawerDescription className="text-left">
-            {description}
-          </DrawerDescription>
-        </DrawerHeader>
-        <div className="px-4 pb-4">{children}</div>
-      </DrawerContent>
-    </Drawer>
-  )
-}

src/app/groups/[groupId]/expenses/create/page.tsx

@@ -1,9 +1,11 @@
-import { CreateExpenseForm } from '@/app/groups/[groupId]/expenses/create-expense-form'
-import { getRuntimeFeatureFlags } from '@/lib/featureFlags'
+import { ExpenseForm } from '@/components/expense-form'
+import { createExpense, getGroup } from '@/lib/api'
+import { expenseFormSchema } from '@/lib/schemas'
 import { Metadata } from 'next'
+import { notFound, redirect } from 'next/navigation'
 
 export const metadata: Metadata = {
-  title: 'Create Expense',
+  title: 'Create expense',
 }
 
 export default async function ExpensePage({
@@ -11,10 +13,15 @@ export default async function ExpensePage({
 }: {
   params: { groupId: string }
 }) {
-  return (
-    <CreateExpenseForm
-      groupId={groupId}
-      runtimeFeatureFlags={await getRuntimeFeatureFlags()}
-    />
-  )
+  const group = await getGroup(groupId)
+  if (!group) notFound()
+
+  async function createExpenseAction(values: unknown) {
+    'use server'
+    const expenseFormValues = expenseFormSchema.parse(values)
+    await createExpense(expenseFormValues, groupId)
+    redirect(`/groups/${groupId}`)
+  }
+
+  return <ExpenseForm group={group} onSubmit={createExpenseAction} />
 }

src/app/groups/[groupId]/expenses/edit-expense-form.tsx

@@ -1,65 +0,0 @@
-'use client'
-import { RuntimeFeatureFlags } from '@/lib/featureFlags'
-import { trpc } from '@/trpc/client'
-import { useRouter } from 'next/navigation'
-import { ExpenseForm } from './expense-form'
-
-export function EditExpenseForm({
-  groupId,
-  expenseId,
-  runtimeFeatureFlags,
-}: {
-  groupId: string
-  expenseId: string
-  runtimeFeatureFlags: RuntimeFeatureFlags
-}) {
-  const { data: groupData } = trpc.groups.get.useQuery({ groupId })
-  const group = groupData?.group
-
-  const { data: categoriesData } = trpc.categories.list.useQuery()
-  const categories = categoriesData?.categories
-
-  const { data: expenseData } = trpc.groups.expenses.get.useQuery({
-    groupId,
-    expenseId,
-  })
-  const expense = expenseData?.expense
-
-  const { mutateAsync: updateExpenseMutateAsync } =
-    trpc.groups.expenses.update.useMutation()
-  const { mutateAsync: deleteExpenseMutateAsync } =
-    trpc.groups.expenses.delete.useMutation()
-
-  const utils = trpc.useUtils()
-  const router = useRouter()
-
-  if (!group || !categories || !expense) return null
-
-  return (
-    <ExpenseForm
-      group={group}
-      expense={expense}
-      categories={categories}
-      onSubmit={async (expenseFormValues, participantId) => {
-        await updateExpenseMutateAsync({
-          expenseId,
-          groupId,
-          expenseFormValues,
-          participantId,
-        })
-        utils.groups.expenses.invalidate()
-        router.push(`/groups/${group.id}`)
-      }}
-      onDelete={async (participantId) => {
-        await deleteExpenseMutateAsync({
-          expenseId,
-          groupId,
-          participantId,
-        })
-        utils.groups.expenses.invalidate()
-        router.push(`/groups/${group.id}`)
-      }}
-      runtimeFeatureFlags={runtimeFeatureFlags}
-    />
-  )
-}

src/app/groups/[groupId]/expenses/expense-card.tsx

@@ -1,94 +0,0 @@
-'use client'
-import { ActiveUserBalance } from '@/app/groups/[groupId]/expenses/active-user-balance'
-import { CategoryIcon } from '@/app/groups/[groupId]/expenses/category-icon'
-import { Button } from '@/components/ui/button'
-import { getGroupExpenses } from '@/lib/api'
-import { cn, formatCurrency, formatDate } from '@/lib/utils'
-import { ChevronRight } from 'lucide-react'
-import { useLocale, useTranslations } from 'next-intl'
-import Link from 'next/link'
-import { useRouter } from 'next/navigation'
-import { Fragment } from 'react'
-
-type Expense = Awaited<ReturnType<typeof getGroupExpenses>>[number]
-
-function Participants({ expense }: { expense: Expense }) {
-  const t = useTranslations('ExpenseCard')
-  const key = expense.amount > 0 ? 'paidBy' : 'receivedBy'
-  const paidFor = expense.paidFor.map((paidFor, index) => (
-    <Fragment key={index}>
-      {index !== 0 && <>, </>}
-      <strong>{paidFor.participant.name}</strong>
-    </Fragment>
-  ))
-  const participants = t.rich(key, {
-    strong: (chunks) => <strong>{chunks}</strong>,
-    paidBy: expense.paidBy.name,
-    paidFor: () => paidFor,
-    forCount: expense.paidFor.length,
-  })
-  return <>{participants}</>
-}
-
-type Props = {
-  expense: Expense
-  currency: string
-  groupId: string
-}
-
-export function ExpenseCard({ expense, currency, groupId }: Props) {
-  const router = useRouter()
-  const locale = useLocale()
-
-  return (
-    <div
-      key={expense.id}
-      className={cn(
-        'flex justify-between sm:mx-6 px-4 sm:rounded-lg sm:pr-2 sm:pl-4 py-4 text-sm cursor-pointer hover:bg-accent gap-1 items-stretch',
-        expense.isReimbursement && 'italic',
-      )}
-      onClick={() => {
-        router.push(`/groups/${groupId}/expenses/${expense.id}/edit`)
-      }}
-    >
-      <CategoryIcon
-        category={expense.category}
-        className="w-4 h-4 mr-2 mt-0.5 text-muted-foreground"
-      />
-      <div className="flex-1">
-        <div className={cn('mb-1', expense.isReimbursement && 'italic')}>
-          {expense.title}
-        </div>
-        <div className="text-xs text-muted-foreground">
-          <Participants expense={expense} />
-        </div>
-        <div className="text-xs text-muted-foreground">
-          <ActiveUserBalance {...{ groupId, currency, expense }} />
-        </div>
-      </div>
-      <div className="flex flex-col justify-between items-end">
-        <div
-          className={cn(
-            'tabular-nums whitespace-nowrap',
-            expense.isReimbursement ? 'italic' : 'font-bold',
-          )}
-        >
-          {formatCurrency(currency, expense.amount, locale)}
-        </div>
-        <div className="text-xs text-muted-foreground">
-          {formatDate(expense.expenseDate, locale, { dateStyle: 'medium' })}
-        </div>
-      </div>
-      <Button
-        size="icon"
-        variant="link"
-        className="self-center hidden sm:flex"
-        asChild
-      >
-        <Link href={`/groups/${groupId}/expenses/${expense.id}/edit`}>
-          <ChevronRight className="w-4 h-4" />
-        </Link>
-      </Button>
-    </div>
-  )
-}

src/app/groups/[groupId]/expenses/expense-form.tsx

@@ -1,832 +0,0 @@
-import { CategorySelector } from '@/components/category-selector'
-import { ExpenseDocumentsInput } from '@/components/expense-documents-input'
-import { SubmitButton } from '@/components/submit-button'
-import { Button } from '@/components/ui/button'
-import {
-  Card,
-  CardContent,
-  CardDescription,
-  CardHeader,
-  CardTitle,
-} from '@/components/ui/card'
-import { Checkbox } from '@/components/ui/checkbox'
-import {
-  Collapsible,
-  CollapsibleContent,
-  CollapsibleTrigger,
-} from '@/components/ui/collapsible'
-import {
-  Form,
-  FormControl,
-  FormDescription,
-  FormField,
-  FormItem,
-  FormLabel,
-  FormMessage,
-} from '@/components/ui/form'
-import { Input } from '@/components/ui/input'
-import {
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-} from '@/components/ui/select'
-import { randomId } from '@/lib/api'
-import { RuntimeFeatureFlags } from '@/lib/featureFlags'
-import { useActiveUser } from '@/lib/hooks'
-import {
-  ExpenseFormValues,
-  SplittingOptions,
-  expenseFormSchema,
-} from '@/lib/schemas'
-import { cn } from '@/lib/utils'
-import { AppRouterOutput } from '@/trpc/routers/_app'
-import { zodResolver } from '@hookform/resolvers/zod'
-import { Save } from 'lucide-react'
-import { useTranslations } from 'next-intl'
-import Link from 'next/link'
-import { useSearchParams } from 'next/navigation'
-import { useEffect, useState } from 'react'
-import { useForm } from 'react-hook-form'
-import { match } from 'ts-pattern'
-import { DeletePopup } from '../../../../components/delete-popup'
-import { extractCategoryFromTitle } from '../../../../components/expense-form-actions'
-import { Textarea } from '../../../../components/ui/textarea'
-
-const enforceCurrencyPattern = (value: string) =>
-  value
-    .replace(/^\s*-/, '_') // replace leading minus with _
-    .replace(/[.,]/, '#') // replace first comma with #
-    .replace(/[-.,]/g, '') // remove other minus and commas characters
-    .replace(/_/, '-') // change back _ to minus
-    .replace(/#/, '.') // change back # to dot
-    .replace(/[^-\d.]/g, '') // remove all non-numeric characters
-
-const getDefaultSplittingOptions = (
-  group: AppRouterOutput['groups']['get']['group'],
-) => {
-  const defaultValue = {
-    splitMode: 'EVENLY' as const,
-    paidFor: group.participants.map(({ id }) => ({
-      participant: id,
-      shares: '1' as unknown as number,
-    })),
-  }
-
-  if (typeof localStorage === 'undefined') return defaultValue
-  const defaultSplitMode = localStorage.getItem(
-    `${group.id}-defaultSplittingOptions`,
-  )
-  if (defaultSplitMode === null) return defaultValue
-  const parsedDefaultSplitMode = JSON.parse(
-    defaultSplitMode,
-  ) as SplittingOptions
-
-  if (parsedDefaultSplitMode.paidFor === null) {
-    parsedDefaultSplitMode.paidFor = defaultValue.paidFor
-  }
-
-  // if there is a participant in the default options that does not exist anymore,
-  // remove the stale default splitting options
-  for (const parsedPaidFor of parsedDefaultSplitMode.paidFor) {
-    if (
-      !group.participants.some(({ id }) => id === parsedPaidFor.participant)
-    ) {
-      localStorage.removeItem(`${group.id}-defaultSplittingOptions`)
-      return defaultValue
-    }
-  }
-
-  return {
-    splitMode: parsedDefaultSplitMode.splitMode,
-    paidFor: parsedDefaultSplitMode.paidFor.map((paidFor) => ({
-      participant: paidFor.participant,
-      shares: String(paidFor.shares / 100) as unknown as number,
-    })),
-  }
-}
-
-async function persistDefaultSplittingOptions(
-  groupId: string,
-  expenseFormValues: ExpenseFormValues,
-) {
-  if (localStorage && expenseFormValues.saveDefaultSplittingOptions) {
-    const computePaidFor = (): SplittingOptions['paidFor'] => {
-      if (expenseFormValues.splitMode === 'EVENLY') {
-        return expenseFormValues.paidFor.map(({ participant }) => ({
-          participant,
-          shares: '100' as unknown as number,
-        }))
-      } else if (expenseFormValues.splitMode === 'BY_AMOUNT') {
-        return null
-      } else {
-        return expenseFormValues.paidFor
-      }
-    }
-
-    const splittingOptions = {
-      splitMode: expenseFormValues.splitMode,
-      paidFor: computePaidFor(),
-    } satisfies SplittingOptions
-
-    localStorage.setItem(
-      `${groupId}-defaultSplittingOptions`,
-      JSON.stringify(splittingOptions),
-    )
-  }
-}
-
-export function ExpenseForm({
-  group,
-  categories,
-  expense,
-  onSubmit,
-  onDelete,
-  runtimeFeatureFlags,
-}: {
-  group: AppRouterOutput['groups']['get']['group']
-  categories: AppRouterOutput['categories']['list']['categories']
-  expense?: AppRouterOutput['groups']['expenses']['get']['expense']
-  onSubmit: (value: ExpenseFormValues, participantId?: string) => Promise<void>
-  onDelete?: (participantId?: string) => Promise<void>
-  runtimeFeatureFlags: RuntimeFeatureFlags
-}) {
-  const t = useTranslations('ExpenseForm')
-  const isCreate = expense === undefined
-  const searchParams = useSearchParams()
-
-  const getSelectedPayer = (field?: { value: string }) => {
-    if (isCreate && typeof window !== 'undefined') {
-      const activeUser = localStorage.getItem(`${group.id}-activeUser`)
-      if (activeUser && activeUser !== 'None' && field?.value === undefined) {
-        return activeUser
-      }
-    }
-    return field?.value
-  }
-  const defaultSplittingOptions = getDefaultSplittingOptions(group)
-  const form = useForm<ExpenseFormValues>({
-    resolver: zodResolver(expenseFormSchema),
-    defaultValues: expense
-      ? {
-          title: expense.title,
-          expenseDate: expense.expenseDate ?? new Date(),
-          amount: String(expense.amount / 100) as unknown as number, // hack
-          category: expense.categoryId,
-          paidBy: expense.paidById,
-          paidFor: expense.paidFor.map(({ participantId, shares }) => ({
-            participant: participantId,
-            shares: String(shares / 100) as unknown as number,
-          })),
-          splitMode: expense.splitMode,
-          saveDefaultSplittingOptions: false,
-          isReimbursement: expense.isReimbursement,
-          documents: expense.documents,
-          notes: expense.notes ?? '',
-        }
-      : searchParams.get('reimbursement')
-      ? {
-          title: t('reimbursement'),
-          expenseDate: new Date(),
-          amount: String(
-            (Number(searchParams.get('amount')) || 0) / 100,
-          ) as unknown as number, // hack
-          category: 1, // category with Id 1 is Payment
-          paidBy: searchParams.get('from') ?? undefined,
-          paidFor: [
-            searchParams.get('to')
-              ? {
-                  participant: searchParams.get('to')!,
-                  shares: '1' as unknown as number,
-                }
-              : undefined,
-          ],
-          isReimbursement: true,
-          splitMode: defaultSplittingOptions.splitMode,
-          saveDefaultSplittingOptions: false,
-          documents: [],
-          notes: '',
-        }
-      : {
-          title: searchParams.get('title') ?? '',
-          expenseDate: searchParams.get('date')
-            ? new Date(searchParams.get('date') as string)
-            : new Date(),
-          amount: (searchParams.get('amount') || 0) as unknown as number, // hack,
-          category: searchParams.get('categoryId')
-            ? Number(searchParams.get('categoryId'))
-            : 0, // category with Id 0 is General
-          // paid for all, split evenly
-          paidFor: defaultSplittingOptions.paidFor,
-          paidBy: getSelectedPayer(),
-          isReimbursement: false,
-          splitMode: defaultSplittingOptions.splitMode,
-          saveDefaultSplittingOptions: false,
-          documents: searchParams.get('imageUrl')
-            ? [
-                {
-                  id: randomId(),
-                  url: searchParams.get('imageUrl') as string,
-                  width: Number(searchParams.get('imageWidth')),
-                  height: Number(searchParams.get('imageHeight')),
-                },
-              ]
-            : [],
-          notes: '',
-        },
-  })
-  const [isCategoryLoading, setCategoryLoading] = useState(false)
-  const activeUserId = useActiveUser(group.id)
-
-  const submit = async (values: ExpenseFormValues) => {
-    await persistDefaultSplittingOptions(group.id, values)
-    return onSubmit(values, activeUserId ?? undefined)
-  }
-
-  const [isIncome, setIsIncome] = useState(Number(form.getValues().amount) < 0)
-  const [manuallyEditedParticipants, setManuallyEditedParticipants] = useState<
-    Set<string>
-  >(new Set())
-
-  const sExpense = isIncome ? 'Income' : 'Expense'
-  const sPaid = isIncome ? 'received' : 'paid'
-
-  useEffect(() => {
-    setManuallyEditedParticipants(new Set())
-  }, [form.watch('splitMode'), form.watch('amount')])
-
-  useEffect(() => {
-    const splitMode = form.getValues().splitMode
-
-    // Only auto-balance for split mode 'Unevenly - By amount'
-    if (
-      splitMode === 'BY_AMOUNT' &&
-      (form.getFieldState('paidFor').isDirty ||
-        form.getFieldState('amount').isDirty)
-    ) {
-      const totalAmount = Number(form.getValues().amount) || 0
-      const paidFor = form.getValues().paidFor
-      let newPaidFor = [...paidFor]
-
-      const editedParticipants = Array.from(manuallyEditedParticipants)
-      let remainingAmount = totalAmount
-      let remainingParticipants = newPaidFor.length - editedParticipants.length
-
-      newPaidFor = newPaidFor.map((participant) => {
-        if (editedParticipants.includes(participant.participant)) {
-          const participantShare = Number(participant.shares) || 0
-          if (splitMode === 'BY_AMOUNT') {
-            remainingAmount -= participantShare
-          }
-          return participant
-        }
-        return participant
-      })
-
-      if (remainingParticipants > 0) {
-        let amountPerRemaining = 0
-        if (splitMode === 'BY_AMOUNT') {
-          amountPerRemaining = remainingAmount / remainingParticipants
-        }
-
-        newPaidFor = newPaidFor.map((participant) => {
-          if (!editedParticipants.includes(participant.participant)) {
-            return {
-              ...participant,
-              shares: String(
-                Number(amountPerRemaining.toFixed(2)),
-              ) as unknown as number,
-            }
-          }
-          return participant
-        })
-      }
-      form.setValue('paidFor', newPaidFor, { shouldValidate: true })
-    }
-  }, [
-    manuallyEditedParticipants,
-    form.watch('amount'),
-    form.watch('splitMode'),
-  ])
-
-  return (
-    <Form {...form}>
-      <form onSubmit={form.handleSubmit(submit)}>
-        <Card>
-          <CardHeader>
-            <CardTitle>
-              {t(`${sExpense}.${isCreate ? 'create' : 'edit'}`)}
-            </CardTitle>
-          </CardHeader>
-          <CardContent className="grid sm:grid-cols-2 gap-6">
-            <FormField
-              control={form.control}
-              name="title"
-              render={({ field }) => (
-                <FormItem className="">
-                  <FormLabel>{t(`${sExpense}.TitleField.label`)}</FormLabel>
-                  <FormControl>
-                    <Input
-                      placeholder={t(`${sExpense}.TitleField.placeholder`)}
-                      className="text-base"
-                      {...field}
-                      onBlur={async () => {
-                        field.onBlur() // avoid skipping other blur event listeners since we overwrite `field`
-                        if (runtimeFeatureFlags.enableCategoryExtract) {
-                          setCategoryLoading(true)
-                          const { categoryId } = await extractCategoryFromTitle(
-                            field.value,
-                          )
-                          form.setValue('category', categoryId)
-                          setCategoryLoading(false)
-                        }
-                      }}
-                    />
-                  </FormControl>
-                  <FormDescription>
-                    {t(`${sExpense}.TitleField.description`)}
-                  </FormDescription>
-                  <FormMessage />
-                </FormItem>
-              )}
-            />
-
-            <FormField
-              control={form.control}
-              name="expenseDate"
-              render={({ field }) => (
-                <FormItem className="sm:order-1">
-                  <FormLabel>{t(`${sExpense}.DateField.label`)}</FormLabel>
-                  <FormControl>
-                    <Input
-                      className="date-base"
-                      type="date"
-                      defaultValue={formatDate(field.value)}
-                      onChange={(event) => {
-                        return field.onChange(new Date(event.target.value))
-                      }}
-                    />
-                  </FormControl>
-                  <FormDescription>
-                    {t(`${sExpense}.DateField.description`)}
-                  </FormDescription>
-                  <FormMessage />
-                </FormItem>
-              )}
-            />
-
-            <FormField
-              control={form.control}
-              name="amount"
-              render={({ field: { onChange, ...field } }) => (
-                <FormItem className="sm:order-3">
-                  <FormLabel>{t('amountField.label')}</FormLabel>
-                  <div className="flex items-baseline gap-2">
-                    <span>{group.currency}</span>
-                    <FormControl>
-                      <Input
-                        className="text-base max-w-[120px]"
-                        type="text"
-                        inputMode="decimal"
-                        placeholder="0.00"
-                        onChange={(event) => {
-                          const v = enforceCurrencyPattern(event.target.value)
-                          const income = Number(v) < 0
-                          setIsIncome(income)
-                          if (income) form.setValue('isReimbursement', false)
-                          onChange(v)
-                        }}
-                        onFocus={(e) => {
-                          // we're adding a small delay to get around safaris issue with onMouseUp deselecting things again
-                          const target = e.currentTarget
-                          setTimeout(() => target.select(), 1)
-                        }}
-                        {...field}
-                      />
-                    </FormControl>
-                  </div>
-                  <FormMessage />
-
-                  {!isIncome && (
-                    <FormField
-                      control={form.control}
-                      name="isReimbursement"
-                      render={({ field }) => (
-                        <FormItem className="flex flex-row gap-2 items-center space-y-0 pt-2">
-                          <FormControl>
-                            <Checkbox
-                              checked={field.value}
-                              onCheckedChange={field.onChange}
-                            />
-                          </FormControl>
-                          <div>
-                            <FormLabel>
-                              {t('isReimbursementField.label')}
-                            </FormLabel>
-                          </div>
-                        </FormItem>
-                      )}
-                    />
-                  )}
-                </FormItem>
-              )}
-            />
-
-            <FormField
-              control={form.control}
-              name="category"
-              render={({ field }) => (
-                <FormItem className="order-3 sm:order-2">
-                  <FormLabel>{t('categoryField.label')}</FormLabel>
-                  <CategorySelector
-                    categories={categories}
-                    defaultValue={
-                      form.watch(field.name) // may be overwritten externally
-                    }
-                    onValueChange={field.onChange}
-                    isLoading={isCategoryLoading}
-                  />
-                  <FormDescription>
-                    {t(`${sExpense}.categoryFieldDescription`)}
-                  </FormDescription>
-                  <FormMessage />
-                </FormItem>
-              )}
-            />
-
-            <FormField
-              control={form.control}
-              name="paidBy"
-              render={({ field }) => (
-                <FormItem className="sm:order-5">
-                  <FormLabel>{t(`${sExpense}.paidByField.label`)}</FormLabel>
-                  <Select
-                    onValueChange={field.onChange}
-                    defaultValue={getSelectedPayer(field)}
-                  >
-                    <SelectTrigger>
-                      <SelectValue placeholder="Select a participant" />
-                    </SelectTrigger>
-                    <SelectContent>
-                      {group.participants.map(({ id, name }) => (
-                        <SelectItem key={id} value={id}>
-                          {name}
-                        </SelectItem>
-                      ))}
-                    </SelectContent>
-                  </Select>
-                  <FormDescription>
-                    {t(`${sExpense}.paidByField.description`)}
-                  </FormDescription>
-                  <FormMessage />
-                </FormItem>
-              )}
-            />
-            <FormField
-              control={form.control}
-              name="notes"
-              render={({ field }) => (
-                <FormItem className="sm:order-6">
-                  <FormLabel>{t('notesField.label')}</FormLabel>
-                  <FormControl>
-                    <Textarea className="text-base" {...field} />
-                  </FormControl>
-                </FormItem>
-              )}
-            />
-          </CardContent>
-        </Card>
-
-        <Card className="mt-4">
-          <CardHeader>
-            <CardTitle className="flex justify-between">
-              <span>{t(`${sExpense}.paidFor.title`)}</span>
-              <Button
-                variant="link"
-                type="button"
-                className="-my-2 -mx-4"
-                onClick={() => {
-                  const paidFor = form.getValues().paidFor
-                  const allSelected =
-                    paidFor.length === group.participants.length
-                  const newPaidFor = allSelected
-                    ? []
-                    : group.participants.map((p) => ({
-                        participant: p.id,
-                        shares:
-                          paidFor.find((pfor) => pfor.participant === p.id)
-                            ?.shares ?? ('1' as unknown as number),
-                      }))
-                  form.setValue('paidFor', newPaidFor, {
-                    shouldDirty: true,
-                    shouldTouch: true,
-                    shouldValidate: true,
-                  })
-                }}
-              >
-                {form.getValues().paidFor.length ===
-                group.participants.length ? (
-                  <>{t('selectNone')}</>
-                ) : (
-                  <>{t('selectAll')}</>
-                )}
-              </Button>
-            </CardTitle>
-            <CardDescription>
-              {t(`${sExpense}.paidFor.description`)}
-            </CardDescription>
-          </CardHeader>
-          <CardContent>
-            <FormField
-              control={form.control}
-              name="paidFor"
-              render={() => (
-                <FormItem className="sm:order-4 row-span-2 space-y-0">
-                  {group.participants.map(({ id, name }) => (
-                    <FormField
-                      key={id}
-                      control={form.control}
-                      name="paidFor"
-                      render={({ field }) => {
-                        return (
-                          <div
-                            data-id={`${id}/${form.getValues().splitMode}/${
-                              group.currency
-                            }`}
-                            className="flex items-center border-t last-of-type:border-b last-of-type:!mb-4 -mx-6 px-6 py-3"
-                          >
-                            <FormItem className="flex-1 flex flex-row items-start space-x-3 space-y-0">
-                              <FormControl>
-                                <Checkbox
-                                  checked={field.value?.some(
-                                    ({ participant }) => participant === id,
-                                  )}
-                                  onCheckedChange={(checked) => {
-                                    const options = {
-                                      shouldDirty: true,
-                                      shouldTouch: true,
-                                      shouldValidate: true,
-                                    }
-                                    checked
-                                      ? form.setValue(
-                                          'paidFor',
-                                          [
-                                            ...field.value,
-                                            {
-                                              participant: id,
-                                              shares: '1' as unknown as number,
-                                            },
-                                          ],
-                                          options,
-                                        )
-                                      : form.setValue(
-                                          'paidFor',
-                                          field.value?.filter(
-                                            (value) => value.participant !== id,
-                                          ),
-                                          options,
-                                        )
-                                  }}
-                                />
-                              </FormControl>
-                              <FormLabel className="text-sm font-normal flex-1">
-                                {name}
-                              </FormLabel>
-                            </FormItem>
-                            {form.getValues().splitMode !== 'EVENLY' && (
-                              <FormField
-                                name={`paidFor[${field.value.findIndex(
-                                  ({ participant }) => participant === id,
-                                )}].shares`}
-                                render={() => {
-                                  const sharesLabel = (
-                                    <span
-                                      className={cn('text-sm', {
-                                        'text-muted': !field.value?.some(
-                                          ({ participant }) =>
-                                            participant === id,
-                                        ),
-                                      })}
-                                    >
-                                      {match(form.getValues().splitMode)
-                                        .with('BY_SHARES', () => (
-                                          <>{t('shares')}</>
-                                        ))
-                                        .with('BY_PERCENTAGE', () => <>%</>)
-                                        .with('BY_AMOUNT', () => (
-                                          <>{group.currency}</>
-                                        ))
-                                        .otherwise(() => (
-                                          <></>
-                                        ))}
-                                    </span>
-                                  )
-                                  return (
-                                    <div>
-                                      <div className="flex gap-1 items-center">
-                                        {form.getValues().splitMode ===
-                                          'BY_AMOUNT' && sharesLabel}
-                                        <FormControl>
-                                          <Input
-                                            key={String(
-                                              !field.value?.some(
-                                                ({ participant }) =>
-                                                  participant === id,
-                                              ),
-                                            )}
-                                            className="text-base w-[80px] -my-2"
-                                            type="text"
-                                            disabled={
-                                              !field.value?.some(
-                                                ({ participant }) =>
-                                                  participant === id,
-                                              )
-                                            }
-                                            value={
-                                              field.value?.find(
-                                                ({ participant }) =>
-                                                  participant === id,
-                                              )?.shares
-                                            }
-                                            onChange={(event) => {
-                                              field.onChange(
-                                                field.value.map((p) =>
-                                                  p.participant === id
-                                                    ? {
-                                                        participant: id,
-                                                        shares:
-                                                          enforceCurrencyPattern(
-                                                            event.target.value,
-                                                          ),
-                                                      }
-                                                    : p,
-                                                ),
-                                              )
-                                              setManuallyEditedParticipants(
-                                                (prev) => new Set(prev).add(id),
-                                              )
-                                            }}
-                                            inputMode={
-                                              form.getValues().splitMode ===
-                                              'BY_AMOUNT'
-                                                ? 'decimal'
-                                                : 'numeric'
-                                            }
-                                            step={
-                                              form.getValues().splitMode ===
-                                              'BY_AMOUNT'
-                                                ? 0.01
-                                                : 1
-                                            }
-                                          />
-                                        </FormControl>
-                                        {[
-                                          'BY_SHARES',
-                                          'BY_PERCENTAGE',
-                                        ].includes(
-                                          form.getValues().splitMode,
-                                        ) && sharesLabel}
-                                      </div>
-                                      <FormMessage className="float-right" />
-                                    </div>
-                                  )
-                                }}
-                              />
-                            )}
-                          </div>
-                        )
-                      }}
-                    />
-                  ))}
-                  <FormMessage />
-                </FormItem>
-              )}
-            />
-
-            <Collapsible
-              className="mt-5"
-              defaultOpen={form.getValues().splitMode !== 'EVENLY'}
-            >
-              <CollapsibleTrigger asChild>
-                <Button variant="link" className="-mx-4">
-                  {t('advancedOptions')}
-                </Button>
-              </CollapsibleTrigger>
-              <CollapsibleContent>
-                <div className="grid sm:grid-cols-2 gap-6 pt-3">
-                  <FormField
-                    control={form.control}
-                    name="splitMode"
-                    render={({ field }) => (
-                      <FormItem>
-                        <FormLabel>{t('SplitModeField.label')}</FormLabel>
-                        <FormControl>
-                          <Select
-                            onValueChange={(value) => {
-                              form.setValue('splitMode', value as any, {
-                                shouldDirty: true,
-                                shouldTouch: true,
-                                shouldValidate: true,
-                              })
-                            }}
-                            defaultValue={field.value}
-                          >
-                            <SelectTrigger>
-                              <SelectValue />
-                            </SelectTrigger>
-                            <SelectContent>
-                              <SelectItem value="EVENLY">
-                                {t('SplitModeField.evenly')}
-                              </SelectItem>
-                              <SelectItem value="BY_SHARES">
-                                {t('SplitModeField.byShares')}
-                              </SelectItem>
-                              <SelectItem value="BY_PERCENTAGE">
-                                {t('SplitModeField.byPercentage')}
-                              </SelectItem>
-                              <SelectItem value="BY_AMOUNT">
-                                {t('SplitModeField.byAmount')}
-                              </SelectItem>
-                            </SelectContent>
-                          </Select>
-                        </FormControl>
-                        <FormDescription>
-                          {t(`${sExpense}.splitModeDescription`)}
-                        </FormDescription>
-                      </FormItem>
-                    )}
-                  />
-                  <FormField
-                    control={form.control}
-                    name="saveDefaultSplittingOptions"
-                    render={({ field }) => (
-                      <FormItem className="flex flex-row gap-2 items-center space-y-0 pt-2">
-                        <FormControl>
-                          <Checkbox
-                            checked={field.value}
-                            onCheckedChange={field.onChange}
-                          />
-                        </FormControl>
-                        <div>
-                          <FormLabel>
-                            {t('SplitModeField.saveAsDefault')}
-                          </FormLabel>
-                        </div>
-                      </FormItem>
-                    )}
-                  />
-                </div>
-              </CollapsibleContent>
-            </Collapsible>
-          </CardContent>
-        </Card>
-
-        {runtimeFeatureFlags.enableExpenseDocuments && (
-          <Card className="mt-4">
-            <CardHeader>
-              <CardTitle className="flex justify-between">
-                <span>{t('attachDocuments')}</span>
-              </CardTitle>
-              <CardDescription>
-                {t(`${sExpense}.attachDescription`)}
-              </CardDescription>
-            </CardHeader>
-            <CardContent>
-              <FormField
-                control={form.control}
-                name="documents"
-                render={({ field }) => (
-                  <ExpenseDocumentsInput
-                    documents={field.value}
-                    updateDocuments={field.onChange}
-                  />
-                )}
-              />
-            </CardContent>
-          </Card>
-        )}
-
-        <div className="flex mt-4 gap-2">
-          <SubmitButton loadingContent={t(isCreate ? 'creating' : 'saving')}>
-            <Save className="w-4 h-4 mr-2" />
-            {t(isCreate ? 'create' : 'save')}
-          </SubmitButton>
-          {!isCreate && onDelete && (
-            <DeletePopup
-              onDelete={() => onDelete(activeUserId ?? undefined)}
-            ></DeletePopup>
-          )}
-          <Button variant="ghost" asChild>
-            <Link href={`/groups/${group.id}`}>{t('cancel')}</Link>
-          </Button>
-        </div>
-      </form>
-    </Form>
-  )
-}
-
-function formatDate(date?: Date) {
-  if (!date || isNaN(date as any)) date = new Date()
-  return date.toISOString().substring(0, 10)
-}

src/app/groups/[groupId]/expenses/expense-list-fetch-action.ts

@@ -1,16 +0,0 @@
-'use server'
-
-import { getGroupExpenses } from '@/lib/api'
-
-export async function getGroupExpensesAction(
-  groupId: string,
-  options?: { offset: number; length: number },
-) {
-  'use server'
-
-  try {
-    return getGroupExpenses(groupId, options)
-  } catch {
-    return null
-  }
-}

src/app/groups/[groupId]/expenses/expense-list.tsx

@@ -1,212 +1,86 @@
 'use client'
-import { ExpenseCard } from '@/app/groups/[groupId]/expenses/expense-card'
-import { getGroupExpensesAction } from '@/app/groups/[groupId]/expenses/expense-list-fetch-action'
 import { Button } from '@/components/ui/button'
-import { SearchBar } from '@/components/ui/search-bar'
-import { Skeleton } from '@/components/ui/skeleton'
-import { trpc } from '@/trpc/client'
-import dayjs, { type Dayjs } from 'dayjs'
-import { useTranslations } from 'next-intl'
+import { getGroupExpenses } from '@/lib/api'
+import { cn } from '@/lib/utils'
+import { Participant } from '@prisma/client'
+import { ChevronRight } from 'lucide-react'
 import Link from 'next/link'
-import { forwardRef, useEffect, useMemo, useState } from 'react'
-import { useInView } from 'react-intersection-observer'
-import { useDebounce } from 'use-debounce'
+import { useRouter } from 'next/navigation'
+import { Fragment } from 'react'
 
-const PAGE_SIZE = 20
-
-type ExpensesType = NonNullable<
-  Awaited<ReturnType<typeof getGroupExpensesAction>>
->
-
-const EXPENSE_GROUPS = {
-  UPCOMING: 'upcoming',
-  THIS_WEEK: 'thisWeek',
-  EARLIER_THIS_MONTH: 'earlierThisMonth',
-  LAST_MONTH: 'lastMonth',
-  EARLIER_THIS_YEAR: 'earlierThisYear',
-  LAST_YEAR: 'lastYear',
-  OLDER: 'older',
-}
-
-function getExpenseGroup(date: Dayjs, today: Dayjs) {
-  if (today.isBefore(date)) {
-    return EXPENSE_GROUPS.UPCOMING
-  } else if (today.isSame(date, 'week')) {
-    return EXPENSE_GROUPS.THIS_WEEK
-  } else if (today.isSame(date, 'month')) {
-    return EXPENSE_GROUPS.EARLIER_THIS_MONTH
-  } else if (today.subtract(1, 'month').isSame(date, 'month')) {
-    return EXPENSE_GROUPS.LAST_MONTH
-  } else if (today.isSame(date, 'year')) {
-    return EXPENSE_GROUPS.EARLIER_THIS_YEAR
-  } else if (today.subtract(1, 'year').isSame(date, 'year')) {
-    return EXPENSE_GROUPS.LAST_YEAR
-  } else {
-    return EXPENSE_GROUPS.OLDER
-  }
-}
-
-function getGroupedExpensesByDate(expenses: ExpensesType) {
-  const today = dayjs()
-  return expenses.reduce((result: { [key: string]: ExpensesType }, expense) => {
-    const expenseGroup = getExpenseGroup(dayjs(expense.expenseDate), today)
-    result[expenseGroup] = result[expenseGroup] ?? []
-    result[expenseGroup].push(expense)
-    return result
-  }, {})
-}
-
-export function ExpenseList({ groupId }: { groupId: string }) {
-  const { data: groupData } = trpc.groups.get.useQuery({ groupId })
-  const [searchText, setSearchText] = useState('')
-  const [debouncedSearchText] = useDebounce(searchText, 300)
-
-  const participants = groupData?.group.participants
-
-  useEffect(() => {
-    if (!participants) return
-
-    const activeUser = localStorage.getItem('newGroup-activeUser')
-    const newUser = localStorage.getItem(`${groupId}-newUser`)
-    if (activeUser || newUser) {
-      localStorage.removeItem('newGroup-activeUser')
-      localStorage.removeItem(`${groupId}-newUser`)
-      if (activeUser === 'None') {
-        localStorage.setItem(`${groupId}-activeUser`, 'None')
-      } else {
-        const userId = participants.find(
-          (p) => p.name === (activeUser || newUser),
-        )?.id
-        if (userId) {
-          localStorage.setItem(`${groupId}-activeUser`, userId)
-        }
-      }
-    }
-  }, [groupId, participants])
-
-  return (
-    <>
-      <SearchBar onValueChange={(value) => setSearchText(value)} />
-      <ExpenseListForSearch
-        groupId={groupId}
-        searchText={debouncedSearchText}
-      />
-    </>
-  )
-}
-
-const ExpenseListForSearch = ({
-  groupId,
-  searchText,
-}: {
+type Props = {
+  expenses: Awaited<ReturnType<typeof getGroupExpenses>>
+  participants: Participant[]
+  currency: string
   groupId: string
-  searchText: string
-}) => {
-  const utils = trpc.useUtils()
+}
 
-  useEffect(() => {
-    // Until we use tRPC more widely and can invalidate the cache on expense
-    // update, it's easier and safer to invalidate the cache on page load.
-    utils.groups.expenses.invalidate()
-  }, [utils])
+export function ExpenseList({
+  expenses,
+  currency,
+  participants,
+  groupId,
+}: Props) {
+  const getParticipant = (id: string) => participants.find((p) => p.id === id)
+  const router = useRouter()
 
-  const t = useTranslations('Expenses')
-  const { ref: loadingRef, inView } = useInView()
-
-  const {
-    data,
-    isLoading: expensesAreLoading,
-    fetchNextPage,
-  } = trpc.groups.expenses.list.useInfiniteQuery(
-    { groupId, limit: PAGE_SIZE, filter: searchText },
-    { getNextPageParam: ({ nextCursor }) => nextCursor },
-  )
-  const expenses = data?.pages.flatMap((page) => page.expenses)
-  const hasMore = data?.pages.at(-1)?.hasMore ?? false
-
-  const { data: groupData, isLoading: groupIsLoading } =
-    trpc.groups.get.useQuery({ groupId })
-
-  const isLoading =
-    expensesAreLoading || !expenses || groupIsLoading || !groupData
-
-  useEffect(() => {
-    if (inView && hasMore && !isLoading) fetchNextPage()
-  }, [fetchNextPage, hasMore, inView, isLoading])
-
-  const groupedExpensesByDate = useMemo(
-    () => (expenses ? getGroupedExpensesByDate(expenses) : {}),
-    [expenses],
-  )
-
-  if (isLoading) return <ExpensesLoading />
-
-  if (expenses.length === 0)
-    return (
-      <p className="px-6 text-sm py-6">
-        {t('noExpenses')}{' '}
-        <Button variant="link" asChild className="-m-4">
-          <Link href={`/groups/${groupId}/expenses/create`}>
-            {t('createFirst')}
-          </Link>
-        </Button>
-      </p>
-    )
-
-  return (
-    <>
-      {Object.values(EXPENSE_GROUPS).map((expenseGroup: string) => {
-        let groupExpenses = groupedExpensesByDate[expenseGroup]
-        if (!groupExpenses || groupExpenses.length === 0) return null
-
-        return (
-          <div key={expenseGroup}>
-            <div
-              className={
-                'text-muted-foreground text-xs pl-4 sm:pl-6 py-1 font-semibold sticky top-16 bg-white dark:bg-[#1b1917]'
-              }
-            >
-              {t(`Groups.${expenseGroup}`)}
-            </div>
-            {groupExpenses.map((expense) => (
-              <ExpenseCard
-                key={expense.id}
-                expense={expense}
-                currency={groupData.group.currency}
-                groupId={groupId}
-              />
+  return expenses.length > 0 ? (
+    expenses.map((expense) => (
+      <div
+        key={expense.id}
+        className={cn(
+          'border-t flex justify-between pl-6 pr-2 py-4 text-sm cursor-pointer hover:bg-accent',
+          expense.isReimbursement && 'italic',
+        )}
+        onClick={() => {
+          router.push(`/groups/${groupId}/expenses/${expense.id}/edit`)
+        }}
+      >
+        <div>
+          <div className={cn('mb-1', expense.isReimbursement && 'italic')}>
+            {expense.title}
+          </div>
+          <div className="text-xs text-muted-foreground">
+            Paid by <strong>{getParticipant(expense.paidById)?.name}</strong>{' '}
+            for{' '}
+            {expense.paidFor.map((paidFor, index) => (
+              <Fragment key={index}>
+                {index !== 0 && <>, </>}
+                <strong>
+                  {
+                    participants.find((p) => p.id === paidFor.participantId)
+                      ?.name
+                  }
+                </strong>
+              </Fragment>
             ))}
           </div>
-        )
-      })}
-      {hasMore && <ExpensesLoading ref={loadingRef} />}
-    </>
+        </div>
+        <div className="flex items-center">
+          <div
+            className={cn(
+              'tabular-nums whitespace-nowrap',
+              expense.isReimbursement ? 'italic' : 'font-bold',
+            )}
+          >
+            {currency} {(expense.amount / 100).toFixed(2)}
+          </div>
+          <Button size="icon" variant="link" className="-my-2" asChild>
+            <Link href={`/groups/${groupId}/expenses/${expense.id}/edit`}>
+              <ChevronRight className="w-4 h-4" />
+            </Link>
+          </Button>
+        </div>
+      </div>
+    ))
+  ) : (
+    <p className="px-6 text-sm py-6">
+      Your group doesn’t contain any expense yet.{' '}
+      <Button variant="link" asChild className="-m-4">
+        <Link href={`/groups/${groupId}/expenses/create`}>
+          Create the first one
+        </Link>
+      </Button>
+    </p>
   )
 }
-
-const ExpensesLoading = forwardRef<HTMLDivElement>((_, ref) => {
-  return (
-    <div ref={ref}>
-      <Skeleton className="mx-4 sm:mx-6 mt-1 mb-2 h-3 w-32 rounded-full" />
-      {[0, 1, 2].map((i) => (
-        <div
-          key={i}
-          className="flex justify-between items-start px-2 sm:px-6 py-4 text-sm gap-2"
-        >
-          <div className="flex-0 pl-2 pr-1">
-            <Skeleton className="h-4 w-4 rounded-full" />
-          </div>
-          <div className="flex-1 flex flex-col gap-2">
-            <Skeleton className="h-4 w-16 rounded-full" />
-            <Skeleton className="h-4 w-32 rounded-full" />
-          </div>
-          <div className="flex-0 flex flex-col gap-2 items-end mr-2 sm:mr-12">
-            <Skeleton className="h-4 w-16 rounded-full" />
-            <Skeleton className="h-4 w-20 rounded-full" />
-          </div>
-        </div>
-      ))}
-    </div>
-  )
-})
-ExpensesLoading.displayName = 'ExpensesLoading'

src/app/groups/[groupId]/expenses/export/json/route.ts

@@ -1,41 +0,0 @@
-import { prisma } from '@/lib/prisma'
-import contentDisposition from 'content-disposition'
-import { NextResponse } from 'next/server'
-
-export async function GET(
-  req: Request,
-  { params: { groupId } }: { params: { groupId: string } },
-) {
-  const group = await prisma.group.findUnique({
-    where: { id: groupId },
-    select: {
-      id: true,
-      name: true,
-      currency: true,
-      expenses: {
-        select: {
-          expenseDate: true,
-          title: true,
-          category: { select: { grouping: true, name: true } },
-          amount: true,
-          paidById: true,
-          paidFor: { select: { participantId: true, shares: true } },
-          isReimbursement: true,
-          splitMode: true,
-        },
-      },
-      participants: { select: { id: true, name: true } },
-    },
-  })
-  if (!group)
-    return NextResponse.json({ error: 'Invalid group ID' }, { status: 404 })
-
-  const date = new Date().toISOString().split('T')[0]
-  const filename = `Spliit Export - ${group.name} - ${date}`
-  return NextResponse.json(group, {
-    headers: {
-      'content-type': 'application/json',
-      'content-disposition': contentDisposition(`${filename}.json`),
-    },
-  })
-}

src/app/groups/[groupId]/expenses/page.client.tsx

@@ -1,75 +0,0 @@
-'use client'
-
-import { ActiveUserModal } from '@/app/groups/[groupId]/expenses/active-user-modal'
-import { CreateFromReceiptButton } from '@/app/groups/[groupId]/expenses/create-from-receipt-button'
-import { ExpenseList } from '@/app/groups/[groupId]/expenses/expense-list'
-import { Button } from '@/components/ui/button'
-import {
-  Card,
-  CardContent,
-  CardDescription,
-  CardHeader,
-  CardTitle,
-} from '@/components/ui/card'
-import { Download, Plus } from 'lucide-react'
-import { Metadata } from 'next'
-import { useTranslations } from 'next-intl'
-import Link from 'next/link'
-
-export const revalidate = 3600
-
-export const metadata: Metadata = {
-  title: 'Expenses',
-}
-
-export default function GroupExpensesPageClient({
-  groupId,
-  enableReceiptExtract,
-}: {
-  groupId: string
-  enableReceiptExtract: boolean
-}) {
-  const t = useTranslations('Expenses')
-
-  return (
-    <>
-      <Card className="mb-4 rounded-none -mx-4 border-x-0 sm:border-x sm:rounded-lg sm:mx-0">
-        <div className="flex flex-1">
-          <CardHeader className="flex-1 p-4 sm:p-6">
-            <CardTitle>{t('title')}</CardTitle>
-            <CardDescription>{t('description')}</CardDescription>
-          </CardHeader>
-          <CardHeader className="p-4 sm:p-6 flex flex-row space-y-0 gap-2">
-            <Button variant="secondary" size="icon" asChild>
-              <Link
-                prefetch={false}
-                href={`/groups/${groupId}/expenses/export/json`}
-                target="_blank"
-                title={t('exportJson')}
-              >
-                <Download className="w-4 h-4" />
-              </Link>
-            </Button>
-            {enableReceiptExtract && (
-              <CreateFromReceiptButton groupId={groupId} />
-            )}
-            <Button asChild size="icon">
-              <Link
-                href={`/groups/${groupId}/expenses/create`}
-                title={t('create')}
-              >
-                <Plus className="w-4 h-4" />
-              </Link>
-            </Button>
-          </CardHeader>
-        </div>
-
-        <CardContent className="p-0 pt-2 pb-4 sm:pb-6 flex flex-col gap-4 relative">
-          <ExpenseList groupId={groupId} />
-        </CardContent>
-      </Card>
-
-      <ActiveUserModal groupId={groupId} />
-    </>
-  )
-}

src/app/groups/[groupId]/expenses/page.tsx

@@ -1,8 +1,19 @@
-import GroupExpensesPageClient from '@/app/groups/[groupId]/expenses/page.client'
-import { env } from '@/lib/env'
+import { ExpenseList } from '@/app/groups/[groupId]/expenses/expense-list'
+import { Button } from '@/components/ui/button'
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+} from '@/components/ui/card'
+import { Skeleton } from '@/components/ui/skeleton'
+import { getGroup, getGroupExpenses } from '@/lib/api'
+import { Plus } from 'lucide-react'
 import { Metadata } from 'next'
-
-export const revalidate = 3600
+import Link from 'next/link'
+import { notFound } from 'next/navigation'
+import { Suspense } from 'react'
 
 export const metadata: Metadata = {
   title: 'Expenses',
@@ -14,9 +25,58 @@ export default async function GroupExpensesPage({
   params: { groupId: string }
 }) {
   return (
-    <GroupExpensesPageClient
-      groupId={groupId}
-      enableReceiptExtract={env.NEXT_PUBLIC_ENABLE_RECEIPT_EXTRACT}
+    <Card className="mb-4">
+      <div className="flex flex-1">
+        <CardHeader className="flex-1">
+          <CardTitle>Expenses</CardTitle>
+          <CardDescription>
+            Here are the expenses that you created for your group.
+          </CardDescription>
+        </CardHeader>
+        <CardHeader>
+          <Button asChild size="icon">
+            <Link href={`/groups/${groupId}/expenses/create`}>
+              <Plus />
+            </Link>
+          </Button>
+        </CardHeader>
+      </div>
+
+      <CardContent className="p-0">
+        <Suspense
+          fallback={[0, 1, 2].map((i) => (
+            <div
+              key={i}
+              className="border-t flex justify-between items-center px-6 py-4 text-sm"
+            >
+              <div className="flex flex-col gap-2">
+                <Skeleton className="h-4 w-16 rounded-full" />
+                <Skeleton className="h-4 w-32 rounded-full" />
+              </div>
+              <div>
+                <Skeleton className="h-4 w-16 rounded-full" />
+              </div>
+            </div>
+          ))}
+        >
+          <Expenses groupId={groupId} />
+        </Suspense>
+      </CardContent>
+    </Card>
+  )
+}
+
+async function Expenses({ groupId }: { groupId: string }) {
+  const group = await getGroup(groupId)
+  if (!group) notFound()
+  const expenses = await getGroupExpenses(group.id)
+
+  return (
+    <ExpenseList
+      expenses={expenses}
+      groupId={group.id}
+      currency={group.currency}
+      participants={group.participants}
     />
   )
 }

src/app/groups/[groupId]/group-header.tsx

@@ -1,30 +0,0 @@
-'use client'
-
-import { GroupTabs } from '@/app/groups/[groupId]/group-tabs'
-import { ShareButton } from '@/app/groups/[groupId]/share-button'
-import { Skeleton } from '@/components/ui/skeleton'
-import { trpc } from '@/trpc/client'
-import Link from 'next/link'
-
-export const GroupHeader = ({ groupId }: { groupId: string }) => {
-  const { data, isLoading } = trpc.groups.get.useQuery({ groupId })
-
-  return (
-    <div className="flex flex-col justify-between gap-3">
-      <h1 className="font-bold text-2xl">
-        <Link href={`/groups/${groupId}`}>
-          {isLoading || !data ? (
-            <Skeleton className="mt-1.5 mb-1.5 h-5 w-32" />
-          ) : (
-            <div className="flex">{data.group.name}</div>
-          )}
-        </Link>
-      </h1>
-
-      <div className="flex gap-2 justify-between">
-        <GroupTabs groupId={groupId} />
-        {data?.group && <ShareButton group={data.group} />}
-      </div>
-    </div>
-  )
-}

src/app/groups/[groupId]/group-tabs.tsx

@@ -1,6 +1,5 @@
 'use client'
 import { Tabs, TabsList, TabsTrigger } from '@/components/ui/tabs'
-import { useTranslations } from 'next-intl'
 import { usePathname, useRouter } from 'next/navigation'
 
 type Props = {
@@ -8,7 +7,6 @@ type Props = {
 }
 
 export function GroupTabs({ groupId }: Props) {
-  const t = useTranslations()
   const pathname = usePathname()
   const value =
     pathname.replace(/\/groups\/[^\/]+\/([^/]+).*/, '$1') || 'expenses'
@@ -17,18 +15,15 @@ export function GroupTabs({ groupId }: Props) {
   return (
     <Tabs
       value={value}
-      className="[&>*]:border overflow-x-auto"
+      className="[&>*]:border"
       onValueChange={(value) => {
         router.push(`/groups/${groupId}/${value}`)
       }}
     >
       <TabsList>
-        <TabsTrigger value="expenses">{t('Expenses.title')}</TabsTrigger>
-        <TabsTrigger value="balances">{t('Balances.title')}</TabsTrigger>
-        <TabsTrigger value="information">{t('Information.title')}</TabsTrigger>
-        <TabsTrigger value="stats">{t('Stats.title')}</TabsTrigger>
-        <TabsTrigger value="activity">{t('Activity.title')}</TabsTrigger>
-        <TabsTrigger value="edit">{t('Settings.title')}</TabsTrigger>
+        <TabsTrigger value="expenses">Expenses</TabsTrigger>
+        <TabsTrigger value="balances">Balances</TabsTrigger>
+        <TabsTrigger value="edit">Settings</TabsTrigger>
       </TabsList>
     </Tabs>
   )

src/app/groups/[groupId]/information/group-information.tsx

@@ -1,52 +0,0 @@
-'use client'
-
-import { Button } from '@/components/ui/button'
-import {
-  Card,
-  CardContent,
-  CardDescription,
-  CardHeader,
-  CardTitle,
-} from '@/components/ui/card'
-import { Skeleton } from '@/components/ui/skeleton'
-import { trpc } from '@/trpc/client'
-import { Pencil } from 'lucide-react'
-import { useTranslations } from 'next-intl'
-import Link from 'next/link'
-
-export default function GroupInformation({ groupId }: { groupId: string }) {
-  const t = useTranslations('Information')
-  const { data, isLoading } = trpc.groups.get.useQuery({ groupId })
-
-  return (
-    <>
-      <Card className="mb-4">
-        <CardHeader>
-          <CardTitle className="flex justify-between">
-            <span>{t('title')}</span>
-            <Button size="icon" asChild className="-mb-12">
-              <Link href={`/groups/${groupId}/edit`}>
-                <Pencil className="w-4 h-4" />
-              </Link>
-            </Button>
-          </CardTitle>
-          <CardDescription className="mr-12">
-            {t('description')}
-          </CardDescription>
-        </CardHeader>
-        <CardContent className="prose prose-sm sm:prose-base max-w-full whitespace-break-spaces">
-          {isLoading || !data ? (
-            <div className="py-1 flex flex-col gap-2">
-              <Skeleton className="h-3 w-3/4" />
-              <Skeleton className="h-3 w-1/2" />
-            </div>
-          ) : data.group.information ? (
-            <p className="text-foreground">{data.group.information}</p>
-          ) : (
-            <p className="text-muted-foreground text-sm">{t('empty')}</p>
-          )}
-        </CardContent>
-      </Card>
-    </>
-  )
-}

src/app/groups/[groupId]/information/page.tsx

@@ -1,14 +0,0 @@
-import GroupInformation from '@/app/groups/[groupId]/information/group-information'
-import { Metadata } from 'next'
-
-export const metadata: Metadata = {
-  title: 'Group Information',
-}
-
-export default function InformationPage({
-  params: { groupId },
-}: {
-  params: { groupId: string }
-}) {
-  return <GroupInformation groupId={groupId} />
-}

src/app/groups/[groupId]/layout.tsx

@@ -1,7 +1,9 @@
-import { cached } from '@/app/cached-functions'
-import { GroupHeader } from '@/app/groups/[groupId]/group-header'
+import { GroupTabs } from '@/app/groups/[groupId]/group-tabs'
 import { SaveGroupLocally } from '@/app/groups/[groupId]/save-recent-group'
+import { ShareButton } from '@/app/groups/[groupId]/share-button'
+import { getGroup } from '@/lib/api'
 import { Metadata } from 'next'
+import Link from 'next/link'
 import { notFound } from 'next/navigation'
 import { PropsWithChildren } from 'react'
 
@@ -14,7 +16,7 @@ type Props = {
 export async function generateMetadata({
   params: { groupId },
 }: Props): Promise<Metadata> {
-  const group = await cached.getGroup(groupId)
+  const group = await getGroup(groupId)
 
   return {
     title: {
@@ -28,12 +30,21 @@ export default async function GroupLayout({
   children,
   params: { groupId },
 }: PropsWithChildren<Props>) {
-  const group = await cached.getGroup(groupId)
+  const group = await getGroup(groupId)
   if (!group) notFound()
 
   return (
     <>
-      <GroupHeader groupId={groupId} />
+      <div className="flex flex-col sm:flex-row justify-between sm:items-center gap-3">
+        <h1 className="font-bold text-2xl">
+          <Link href={`/groups/${groupId}`}>{group.name}</Link>
+        </h1>
+
+        <div className="flex gap-2 justify-between">
+          <GroupTabs groupId={groupId} />
+          <ShareButton group={group} />
+        </div>
+      </div>
 
       {children}
 

src/app/groups/[groupId]/reimbursement-list.tsx

@@ -1,8 +1,6 @@
 import { Button } from '@/components/ui/button'
 import { Reimbursement } from '@/lib/balances'
-import { formatCurrency } from '@/lib/utils'
 import { Participant } from '@prisma/client'
-import { useLocale, useTranslations } from 'next-intl'
 import Link from 'next/link'
 
 type Props = {
@@ -18,34 +16,35 @@ export function ReimbursementList({
   currency,
   groupId,
 }: Props) {
-  const locale = useLocale()
-  const t = useTranslations('Balances.Reimbursements')
   if (reimbursements.length === 0) {
-    return <p className="text-sm pb-6">{t('noImbursements')}</p>
+    return (
+      <p className="px-6 text-sm pb-6">
+        It looks like your group doesn’t need any reimbursement 😁
+      </p>
+    )
   }
 
   const getParticipant = (id: string) => participants.find((p) => p.id === id)
   return (
     <div className="text-sm">
       {reimbursements.map((reimbursement, index) => (
-        <div className="py-4 flex justify-between" key={index}>
+        <div className="border-t px-6 py-4 flex justify-between" key={index}>
           <div className="flex flex-col gap-1 items-start sm:flex-row sm:items-baseline sm:gap-4">
             <div>
-              {t.rich('owes', {
-                from: getParticipant(reimbursement.from)?.name,
-                to: getParticipant(reimbursement.to)?.name,
-                strong: (chunks) => <strong>{chunks}</strong>,
-              })}
+              <strong>{getParticipant(reimbursement.from)?.name}</strong> owes{' '}
+              <strong>{getParticipant(reimbursement.to)?.name}</strong>
             </div>
             <Button variant="link" asChild className="-mx-4 -my-3">
               <Link
                 href={`/groups/${groupId}/expenses/create?reimbursement=yes&from=${reimbursement.from}&to=${reimbursement.to}&amount=${reimbursement.amount}`}
               >
-                {t('markAsPaid')}
+                Mark as paid
               </Link>
             </Button>
           </div>
-          <div>{formatCurrency(currency, reimbursement.amount, locale)}</div>
+          <div>
+            {currency} {(reimbursement.amount / 100).toFixed(2)}
+          </div>
         </div>
       ))}
     </div>

src/app/groups/[groupId]/share-button.tsx

@@ -1,4 +1,3 @@
-'use client'
 import { CopyButton } from '@/components/copy-button'
 import { ShareUrlButton } from '@/components/share-url-button'
 import { Button } from '@/components/ui/button'
@@ -8,41 +7,40 @@ import {
   PopoverContent,
   PopoverTrigger,
 } from '@/components/ui/popover'
-import { useBaseUrl } from '@/lib/hooks'
+import { env } from '@/lib/env'
 import { Group } from '@prisma/client'
 import { Share } from 'lucide-react'
-import { useTranslations } from 'next-intl'
 
 type Props = {
   group: Group
 }
 
 export function ShareButton({ group }: Props) {
-  const t = useTranslations('Share')
-  const baseUrl = useBaseUrl()
-  const url = baseUrl && `${baseUrl}/groups/${group.id}/expenses?ref=share`
+  const url = `${env.NEXT_PUBLIC_BASE_URL}/groups/${group.id}/expenses?ref=share`
 
   return (
     <Popover>
       <PopoverTrigger asChild>
-        <Button title={t('title')} size="icon" className="flex-shrink-0">
+        <Button size="icon">
           <Share className="w-4 h-4" />
         </Button>
       </PopoverTrigger>
       <PopoverContent align="end" className="[&_p]:text-sm flex flex-col gap-3">
-        <p>{t('description')}</p>
-        {url && (
-          <div className="flex gap-2">
-            <Input className="flex-1" defaultValue={url} readOnly />
-            <CopyButton text={url} />
-            <ShareUrlButton
-              text={`Join my group ${group.name} on Spliit`}
-              url={url}
-            />
-          </div>
-        )}
         <p>
-          <strong>{t('warning')}</strong> {t('warningHelp')}
+          For other participants to see the group and add expenses, share its
+          URL with them.
+        </p>
+        <div className="flex gap-2">
+          <Input className="flex-1" defaultValue={url} readOnly />
+          <CopyButton text={url} />
+          <ShareUrlButton
+            text={`Join my group ${group.name} on Spliit`}
+            url={url}
+          />
+        </div>
+        <p>
+          <strong>Warning!</strong> Every person with the group URL will be able
+          to see and edit expenses. Share with caution!
         </p>
       </PopoverContent>
     </Popover>

src/app/groups/[groupId]/stats/page.client.tsx

@@ -1,27 +0,0 @@
-import { Totals } from '@/app/groups/[groupId]/stats/totals'
-import {
-  Card,
-  CardContent,
-  CardDescription,
-  CardHeader,
-  CardTitle,
-} from '@/components/ui/card'
-import { useTranslations } from 'next-intl'
-
-export function TotalsPageClient({ groupId }: { groupId: string }) {
-  const t = useTranslations('Stats')
-
-  return (
-    <>
-      <Card className="mb-4">
-        <CardHeader>
-          <CardTitle>{t('Totals.title')}</CardTitle>
-          <CardDescription>{t('Totals.description')}</CardDescription>
-        </CardHeader>
-        <CardContent className="flex flex-col space-y-4">
-          <Totals groupId={groupId} />
-        </CardContent>
-      </Card>
-    </>
-  )
-}

src/app/groups/[groupId]/stats/page.tsx

@@ -1,14 +0,0 @@
-import { TotalsPageClient } from '@/app/groups/[groupId]/stats/page.client'
-import { Metadata } from 'next'
-
-export const metadata: Metadata = {
-  title: 'Totals',
-}
-
-export default async function TotalsPage({
-  params: { groupId },
-}: {
-  params: { groupId: string }
-}) {
-  return <TotalsPageClient groupId={groupId} />
-}

src/app/groups/[groupId]/stats/totals-group-spending.tsx

@@ -1,21 +0,0 @@
-import { formatCurrency } from '@/lib/utils'
-import { useLocale, useTranslations } from 'next-intl'
-
-type Props = {
-  totalGroupSpendings: number
-  currency: string
-}
-
-export function TotalsGroupSpending({ totalGroupSpendings, currency }: Props) {
-  const locale = useLocale()
-  const t = useTranslations('Stats.Totals')
-  const balance = totalGroupSpendings < 0 ? 'groupEarnings' : 'groupSpendings'
-  return (
-    <div>
-      <div className="text-muted-foreground">{t(balance)}</div>
-      <div className="text-lg">
-        {formatCurrency(currency, Math.abs(totalGroupSpendings), locale)}
-      </div>
-    </div>
-  )
-}

src/app/groups/[groupId]/stats/totals-your-share.tsx

@@ -1,28 +0,0 @@
-'use client'
-import { cn, formatCurrency } from '@/lib/utils'
-import { useLocale, useTranslations } from 'next-intl'
-
-export function TotalsYourShare({
-  totalParticipantShare = 0,
-  currency,
-}: {
-  totalParticipantShare?: number
-  currency: string
-}) {
-  const locale = useLocale()
-  const t = useTranslations('Stats.Totals')
-
-  return (
-    <div>
-      <div className="text-muted-foreground">{t('yourShare')}</div>
-      <div
-        className={cn(
-          'text-lg',
-          totalParticipantShare < 0 ? 'text-green-600' : 'text-red-600',
-        )}
-      >
-        {formatCurrency(currency, Math.abs(totalParticipantShare), locale)}
-      </div>
-    </div>
-  )
-}

src/app/groups/[groupId]/stats/totals-your-spending.tsx

@@ -1,32 +0,0 @@
-'use client'
-import { cn, formatCurrency } from '@/lib/utils'
-import { useLocale, useTranslations } from 'next-intl'
-
-export function TotalsYourSpendings({
-  totalParticipantSpendings = 0,
-  currency,
-}: {
-  totalParticipantSpendings?: number
-  currency: string
-}) {
-  const locale = useLocale()
-  const t = useTranslations('Stats.Totals')
-
-  const balance =
-    totalParticipantSpendings < 0 ? 'yourEarnings' : 'yourSpendings'
-
-  return (
-    <div>
-      <div className="text-muted-foreground">{t(balance)}</div>
-
-      <div
-        className={cn(
-          'text-lg',
-          totalParticipantSpendings < 0 ? 'text-green-600' : 'text-red-600',
-        )}
-      >
-        {formatCurrency(currency, Math.abs(totalParticipantSpendings), locale)}
-      </div>
-    </div>
-  )
-}

src/app/groups/[groupId]/stats/totals.tsx

@@ -1,56 +0,0 @@
-'use client'
-import { TotalsGroupSpending } from '@/app/groups/[groupId]/stats/totals-group-spending'
-import { TotalsYourShare } from '@/app/groups/[groupId]/stats/totals-your-share'
-import { TotalsYourSpendings } from '@/app/groups/[groupId]/stats/totals-your-spending'
-import { Skeleton } from '@/components/ui/skeleton'
-import { useActiveUser } from '@/lib/hooks'
-import { trpc } from '@/trpc/client'
-
-export function Totals({ groupId }: { groupId: string }) {
-  const activeUser = useActiveUser(groupId)
-
-  const participantId =
-    activeUser && activeUser !== 'None' ? activeUser : undefined
-  const { data } = trpc.groups.stats.get.useQuery({ groupId, participantId })
-  const { data: groupData } = trpc.groups.get.useQuery({ groupId })
-
-  if (!data || !groupData)
-    return (
-      <div className="flex flex-col gap-7">
-        {[0, 1, 2].map((index) => (
-          <div key={index}>
-            <Skeleton className="mt-1 h-3 w-48" />
-            <Skeleton className="mt-3 h-4 w-20" />
-          </div>
-        ))}
-      </div>
-    )
-
-  const {
-    totalGroupSpendings,
-    totalParticipantShare,
-    totalParticipantSpendings,
-  } = data
-  const { group } = groupData
-
-  return (
-    <>
-      <TotalsGroupSpending
-        totalGroupSpendings={totalGroupSpendings}
-        currency={group.currency}
-      />
-      {participantId && (
-        <>
-          <TotalsYourSpendings
-            totalParticipantSpendings={totalParticipantSpendings}
-            currency={group.currency}
-          />
-          <TotalsYourShare
-            totalParticipantShare={totalParticipantShare}
-            currency={group.currency}
-          />
-        </>
-      )}
-    </>
-  )
-}

src/app/groups/actions.ts

@@ -1,5 +1,5 @@
 'use server'
-import { getGroups } from '@/lib/api'
+import { getGroups } from "@/lib/api"
 
 export async function getGroupsAction(groupIds: string[]) {
   'use server'

src/app/groups/add-group-by-url-button-actions.ts

@@ -1,8 +0,0 @@
-'use server'
-
-import { getGroup } from '@/lib/api'
-
-export async function getGroupInfoAction(groupId: string) {
-  'use server'
-  return getGroup(groupId)
-}

src/app/groups/add-group-by-url-button.tsx

@@ -1,86 +0,0 @@
-import { getGroupInfoAction } from '@/app/groups/add-group-by-url-button-actions'
-import { saveRecentGroup } from '@/app/groups/recent-groups-helpers'
-import { Button } from '@/components/ui/button'
-import { Input } from '@/components/ui/input'
-import {
-  Popover,
-  PopoverContent,
-  PopoverTrigger,
-} from '@/components/ui/popover'
-import { useMediaQuery } from '@/lib/hooks'
-import { Loader2, Plus } from 'lucide-react'
-import { useTranslations } from 'next-intl'
-import { useState } from 'react'
-
-type Props = {
-  reload: () => void
-}
-
-export function AddGroupByUrlButton({ reload }: Props) {
-  const t = useTranslations('Groups.AddByURL')
-  const isDesktop = useMediaQuery('(min-width: 640px)')
-  const [url, setUrl] = useState('')
-  const [error, setError] = useState(false)
-  const [open, setOpen] = useState(false)
-  const [pending, setPending] = useState(false)
-
-  return (
-    <Popover open={open} onOpenChange={setOpen}>
-      <PopoverTrigger asChild>
-        <Button variant="secondary">
-          {/* <Plus className="w-4 h-4 mr-2" /> */}
-          {t('button')}
-        </Button>
-      </PopoverTrigger>
-      <PopoverContent
-        align={isDesktop ? 'end' : 'start'}
-        className="[&_p]:text-sm flex flex-col gap-3"
-      >
-        <h3 className="font-bold">{t('title')}</h3>
-        <p>{t('description')}</p>
-        <form
-          className="flex gap-2"
-          onSubmit={async (event) => {
-            event.preventDefault()
-            const [, groupId] =
-              url.match(
-                new RegExp(`${window.location.origin}/groups/([^/]+)`),
-              ) ?? []
-            setPending(true)
-            const group = groupId ? await getGroupInfoAction(groupId) : null
-            setPending(false)
-            if (!group) {
-              setError(true)
-            } else {
-              saveRecentGroup({ id: group.id, name: group.name })
-              reload()
-              setUrl('')
-              setOpen(false)
-            }
-          }}
-        >
-          <Input
-            type="url"
-            required
-            placeholder="https://spliit.app/..."
-            className="flex-1 text-base"
-            value={url}
-            disabled={pending}
-            onChange={(event) => {
-              setUrl(event.target.value)
-              setError(false)
-            }}
-          />
-          <Button size="icon" type="submit" disabled={pending}>
-            {pending ? (
-              <Loader2 className="w-4 h-4 animate-spin" />
-            ) : (
-              <Plus className="w-4 h-4" />
-            )}
-          </Button>
-        </form>
-        {error && <p className="text-destructive">{t('error')}</p>}
-      </PopoverContent>
-    </Popover>
-  )
-}

src/app/groups/create/create-group.tsx

@@ -1,21 +0,0 @@
-'use client'
-
-import { GroupForm } from '@/components/group-form'
-import { trpc } from '@/trpc/client'
-import { useRouter } from 'next/navigation'
-
-export const CreateGroup = () => {
-  const { mutateAsync } = trpc.groups.create.useMutation()
-  const utils = trpc.useUtils()
-  const router = useRouter()
-
-  return (
-    <GroupForm
-      onSubmit={async (groupFormValues) => {
-        const { groupId } = await mutateAsync({ groupFormValues })
-        await utils.groups.invalidate()
-        router.push(`/groups/${groupId}`)
-      }}
-    />
-  )
-}

src/app/groups/create/page.tsx

@@ -1,10 +1,15 @@
-import { CreateGroup } from '@/app/groups/create/create-group'
-import { Metadata } from 'next'
-
-export const metadata: Metadata = {
-  title: 'Create Group',
-}
+import { GroupForm } from '@/components/group-form'
+import { createGroup } from '@/lib/api'
+import { groupFormSchema } from '@/lib/schemas'
+import { redirect } from 'next/navigation'
 
 export default function CreateGroupPage() {
-  return <CreateGroup />
+  async function createGroupAction(values: unknown) {
+    'use server'
+    const groupFormValues = groupFormSchema.parse(values)
+    const group = await createGroup(groupFormValues)
+    redirect(`/groups/${group.id}`)
+  }
+
+  return <GroupForm onSubmit={createGroupAction} />
 }

src/app/groups/layout.tsx

@@ -1,11 +1,9 @@
-import { PropsWithChildren, Suspense } from 'react'
+import { PropsWithChildren } from 'react'
 
 export default function GroupsLayout({ children }: PropsWithChildren<{}>) {
   return (
-    <Suspense>
-      <main className="flex-1 max-w-screen-md w-full mx-auto px-4 py-6 flex flex-col gap-6">
-        {children}
-      </main>
-    </Suspense>
+    <main className="flex-1 max-w-screen-md w-full mx-auto px-4 py-6 flex flex-col gap-6">
+      {children}
+    </main>
   )
 }

src/app/groups/not-found.tsx

@@ -1,15 +1,13 @@
 import { Button } from '@/components/ui/button'
-import { useTranslations } from 'next-intl'
 import Link from 'next/link'
 
 export default function NotFound() {
-  const t = useTranslations('Groups.NotFound')
   return (
     <div className="flex flex-col gap-2">
-      <p>{t('text')}</p>
+      <p>This group does not exist.</p>
       <p>
         <Button asChild variant="secondary">
-          <Link href="/groups">{t('link')}</Link>
+          <Link href="/groups">Go to recently visited groups</Link>
         </Button>
       </p>
     </div>

src/app/groups/page.tsx

@@ -1,10 +1,28 @@
 import { RecentGroupList } from '@/app/groups/recent-group-list'
+import { Button } from '@/components/ui/button'
+import { Plus } from 'lucide-react'
 import { Metadata } from 'next'
+import Link from 'next/link'
 
 export const metadata: Metadata = {
   title: 'Recently visited groups',
 }
 
 export default async function GroupsPage() {
-  return <RecentGroupList />
+  return (
+    <>
+      <div className="flex flex-col sm:flex-row sm:justify-between sm:items-center gap-4 items-start">
+        <h1 className="font-bold text-2xl">
+          <Link href="/groups">Recently visited groups</Link>
+        </h1>
+        <Button asChild>
+          <Link href="/groups/create">
+            <Plus className="w-4 h-4 mr-2" />
+            Create group
+          </Link>
+        </Button>
+      </div>
+      <RecentGroupList />
+    </>
+  )
 }

src/app/groups/recent-group-list-card.tsx

@@ -1,191 +0,0 @@
-'use client'
-import { RecentGroupsState } from '@/app/groups/recent-group-list'
-import {
-  RecentGroup,
-  archiveGroup,
-  deleteRecentGroup,
-  getArchivedGroups,
-  getStarredGroups,
-  saveRecentGroup,
-  starGroup,
-  unarchiveGroup,
-  unstarGroup,
-} from '@/app/groups/recent-groups-helpers'
-import { Button } from '@/components/ui/button'
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger,
-} from '@/components/ui/dropdown-menu'
-import { Skeleton } from '@/components/ui/skeleton'
-import { ToastAction } from '@/components/ui/toast'
-import { useToast } from '@/components/ui/use-toast'
-import { StarFilledIcon } from '@radix-ui/react-icons'
-import { Calendar, MoreHorizontal, Star, Users } from 'lucide-react'
-import { useLocale, useTranslations } from 'next-intl'
-import Link from 'next/link'
-import { useRouter } from 'next/navigation'
-import { SetStateAction } from 'react'
-
-export function RecentGroupListCard({
-  group,
-  state,
-  setState,
-}: {
-  group: RecentGroup
-  state: RecentGroupsState
-  setState: (state: SetStateAction<RecentGroupsState>) => void
-}) {
-  const router = useRouter()
-  const locale = useLocale()
-  const toast = useToast()
-  const t = useTranslations('Groups')
-
-  const details =
-    state.status === 'complete'
-      ? state.groupsDetails.find((d) => d.id === group.id)
-      : null
-
-  if (state.status === 'pending') return null
-
-  const refreshGroupsFromStorage = () =>
-    setState({
-      ...state,
-      starredGroups: getStarredGroups(),
-      archivedGroups: getArchivedGroups(),
-    })
-
-  const isStarred = state.starredGroups.includes(group.id)
-  const isArchived = state.archivedGroups.includes(group.id)
-
-  return (
-    <li key={group.id}>
-      <Button
-        variant="secondary"
-        className="h-fit w-full py-3 rounded-lg border bg-card shadow-sm"
-        asChild
-      >
-        <div
-          className="text-base"
-          onClick={() => router.push(`/groups/${group.id}`)}
-        >
-          <div className="w-full flex flex-col gap-1">
-            <div className="text-base flex gap-2 justify-between">
-              <Link
-                href={`/groups/${group.id}`}
-                className="flex-1 overflow-hidden text-ellipsis"
-              >
-                {group.name}
-              </Link>
-              <span className="flex-shrink-0">
-                <Button
-                  size="icon"
-                  variant="ghost"
-                  className="-my-3 -ml-3 -mr-1.5"
-                  onClick={(event) => {
-                    event.stopPropagation()
-                    if (isStarred) {
-                      unstarGroup(group.id)
-                    } else {
-                      starGroup(group.id)
-                      unarchiveGroup(group.id)
-                    }
-                    refreshGroupsFromStorage()
-                  }}
-                >
-                  {isStarred ? (
-                    <StarFilledIcon className="w-4 h-4 text-orange-400" />
-                  ) : (
-                    <Star className="w-4 h-4 text-muted-foreground" />
-                  )}
-                </Button>
-                <DropdownMenu>
-                  <DropdownMenuTrigger asChild>
-                    <Button
-                      size="icon"
-                      variant="ghost"
-                      className="-my-3 -mr-3 -ml-1.5"
-                    >
-                      <MoreHorizontal className="w-4 h-4" />
-                    </Button>
-                  </DropdownMenuTrigger>
-                  <DropdownMenuContent align="end">
-                    <DropdownMenuItem
-                      className="text-destructive"
-                      onClick={(event) => {
-                        event.stopPropagation()
-                        deleteRecentGroup(group)
-                        setState({
-                          ...state,
-                          groups: state.groups.filter((g) => g.id !== group.id),
-                        })
-                        toast.toast({
-                          title: t('RecentRemovedToast.title'),
-                          description: t('RecentRemovedToast.description'),
-                          action: (
-                            <ToastAction
-                              altText={t('RecentRemovedToast.undoAlt')}
-                              onClick={() => {
-                                saveRecentGroup(group)
-                                setState({
-                                  ...state,
-                                  groups: state.groups,
-                                })
-                              }}
-                            >
-                              {t('RecentRemovedToast.undo')}
-                            </ToastAction>
-                          ),
-                        })
-                      }}
-                    >
-                      {t('removeRecent')}
-                    </DropdownMenuItem>
-                    <DropdownMenuItem
-                      onClick={(event) => {
-                        event.stopPropagation()
-                        if (isArchived) {
-                          unarchiveGroup(group.id)
-                        } else {
-                          archiveGroup(group.id)
-                          unstarGroup(group.id)
-                        }
-                        refreshGroupsFromStorage()
-                      }}
-                    >
-                      {t(isArchived ? 'unarchive' : 'archive')}
-                    </DropdownMenuItem>
-                  </DropdownMenuContent>
-                </DropdownMenu>
-              </span>
-            </div>
-            <div className="text-muted-foreground font-normal text-xs">
-              {details ? (
-                <div className="w-full flex items-center justify-between">
-                  <div className="flex items-center">
-                    <Users className="w-3 h-3 inline mr-1" />
-                    <span>{details._count.participants}</span>
-                  </div>
-                  <div className="flex items-center">
-                    <Calendar className="w-3 h-3 inline mx-1" />
-                    <span>
-                      {new Date(details.createdAt).toLocaleDateString(locale, {
-                        dateStyle: 'medium',
-                      })}
-                    </span>
-                  </div>
-                </div>
-              ) : (
-                <div className="flex justify-between">
-                  <Skeleton className="h-4 w-6 rounded-full" />
-                  <Skeleton className="h-4 w-24 rounded-full" />
-                </div>
-              )}
-            </div>
-          </div>
-        </div>
-      </Button>
-    </li>
-  )
-}

src/app/groups/recent-group-list.tsx

@@ -1,197 +1,114 @@
 'use client'
 import { getGroupsAction } from '@/app/groups/actions'
-import { AddGroupByUrlButton } from '@/app/groups/add-group-by-url-button'
-import {
-  RecentGroups,
-  getArchivedGroups,
-  getRecentGroups,
-  getStarredGroups,
-} from '@/app/groups/recent-groups-helpers'
+import { getRecentGroups } from '@/app/groups/recent-groups-helpers'
 import { Button } from '@/components/ui/button'
+import { Skeleton } from '@/components/ui/skeleton'
 import { getGroups } from '@/lib/api'
-import { Loader2 } from 'lucide-react'
-import { useTranslations } from 'next-intl'
+import { Calendar, Loader2, Users } from 'lucide-react'
 import Link from 'next/link'
-import { PropsWithChildren, SetStateAction, useEffect, useState } from 'react'
-import { RecentGroupListCard } from './recent-group-list-card'
+import { useEffect, useState } from 'react'
+import { z } from 'zod'
 
-export type RecentGroupsState =
+const recentGroupsSchema = z.array(
+  z.object({
+    id: z.string().min(1),
+    name: z.string(),
+  }),
+)
+type RecentGroups = z.infer<typeof recentGroupsSchema>
+
+type State =
   | { status: 'pending' }
-  | {
-      status: 'partial'
-      groups: RecentGroups
-      starredGroups: string[]
-      archivedGroups: string[]
-    }
+  | { status: 'partial'; groups: RecentGroups }
   | {
       status: 'complete'
       groups: RecentGroups
       groupsDetails: Awaited<ReturnType<typeof getGroups>>
-      starredGroups: string[]
-      archivedGroups: string[]
     }
 
-function sortGroups(
-  state: RecentGroupsState & { status: 'complete' | 'partial' },
-) {
-  const starredGroupInfo = []
-  const groupInfo = []
-  const archivedGroupInfo = []
-  for (const group of state.groups) {
-    if (state.starredGroups.includes(group.id)) {
-      starredGroupInfo.push(group)
-    } else if (state.archivedGroups.includes(group.id)) {
-      archivedGroupInfo.push(group)
-    } else {
-      groupInfo.push(group)
-    }
-  }
-  return {
-    starredGroupInfo,
-    groupInfo,
-    archivedGroupInfo,
-  }
+type Props = {
+  getGroupsAction: (groupIds: string[]) => ReturnType<typeof getGroups>
 }
 
 export function RecentGroupList() {
-  const t = useTranslations('Groups')
-  const [state, setState] = useState<RecentGroupsState>({ status: 'pending' })
-
-  function loadGroups() {
-    const groupsInStorage = getRecentGroups()
-    const starredGroups = getStarredGroups()
-    const archivedGroups = getArchivedGroups()
-    setState({
-      status: 'partial',
-      groups: groupsInStorage,
-      starredGroups,
-      archivedGroups,
-    })
-    getGroupsAction(groupsInStorage.map((g) => g.id)).then((groupsDetails) => {
-      setState({
-        status: 'complete',
-        groups: groupsInStorage,
-        groupsDetails,
-        starredGroups,
-        archivedGroups,
-      })
-    })
-  }
+  const [state, setState] = useState<State>({ status: 'pending' })
 
   useEffect(() => {
-    loadGroups()
+    const groupsInStorage = getRecentGroups()
+    setState({ status: 'partial', groups: groupsInStorage })
+    getGroupsAction(groupsInStorage.map((g) => g.id)).then((groupsDetails) => {
+      setState({ status: 'complete', groups: groupsInStorage, groupsDetails })
+    })
   }, [])
 
   if (state.status === 'pending') {
     return (
-      <GroupsPage reload={loadGroups}>
-        <p>
-          <Loader2 className="w-4 m-4 mr-2 inline animate-spin" />{' '}
-          {t('loadingRecent')}
-        </p>
-      </GroupsPage>
+      <p>
+        <Loader2 className="w-4 m-4 mr-2 inline animate-spin" /> Loading recent
+        groups…
+      </p>
     )
   }
 
   if (state.groups.length === 0) {
     return (
-      <GroupsPage reload={loadGroups}>
-        <div className="text-sm space-y-2">
-          <p>{t('NoRecent.description')}</p>
-          <p>
-            <Button variant="link" asChild className="-m-4">
-              <Link href={`/groups/create`}>{t('NoRecent.create')}</Link>
-            </Button>{' '}
-            {t('NoRecent.orAsk')}
-          </p>
-        </div>
-      </GroupsPage>
+      <div className="text-sm space-y-2">
+        <p>You have not visited any group recently.</p>
+        <p>
+          <Button variant="link" asChild className="-m-4">
+            <Link href={`/groups/create`}>Create one</Link>
+          </Button>{' '}
+          or ask a friend to send you the link to an existing one.
+        </p>
+      </div>
     )
   }
 
-  const { starredGroupInfo, groupInfo, archivedGroupInfo } = sortGroups(state)
-
   return (
-    <GroupsPage reload={loadGroups}>
-      {starredGroupInfo.length > 0 && (
-        <>
-          <h2 className="mb-2">{t('starred')}</h2>
-          <GroupList
-            groups={starredGroupInfo}
-            state={state}
-            setState={setState}
-          />
-        </>
-      )}
-
-      {groupInfo.length > 0 && (
-        <>
-          <h2 className="mt-6 mb-2">{t('recent')}</h2>
-          <GroupList groups={groupInfo} state={state} setState={setState} />
-        </>
-      )}
-
-      {archivedGroupInfo.length > 0 && (
-        <>
-          <h2 className="mt-6 mb-2 opacity-50">{t('archived')}</h2>
-          <div className="opacity-50">
-            <GroupList
-              groups={archivedGroupInfo}
-              state={state}
-              setState={setState}
-            />
-          </div>
-        </>
-      )}
-    </GroupsPage>
-  )
-}
-
-function GroupList({
-  groups,
-  state,
-  setState,
-}: {
-  groups: RecentGroups
-  state: RecentGroupsState
-  setState: (state: SetStateAction<RecentGroupsState>) => void
-}) {
-  return (
-    <ul className="grid gap-2 sm:grid-cols-2">
-      {groups.map((group) => (
-        <RecentGroupListCard
-          key={group.id}
-          group={group}
-          state={state}
-          setState={setState}
-        />
-      ))}
+    <ul className="grid grid-cols-1 gap-2 sm:grid-cols-3">
+      {state.groups.map((group) => {
+        const details =
+          state.status === 'complete'
+            ? state.groupsDetails.find((d) => d.id === group.id)
+            : null
+        return (
+          <li key={group.id}>
+            <Button variant="outline" className="h-fit w-full py-3" asChild>
+              <Link href={`/groups/${group.id}`} className="text-base">
+                <div className="w-full flex flex-col gap-1">
+                  <div className="text-base">{group.name}</div>
+                  <div className="text-muted-foreground font-normal text-xs">
+                    {details ? (
+                      <div className="w-full flex items-center justify-between">
+                        <div className="flex items-center">
+                          <Users className="w-3 h-3 inline mr-1" />
+                          <span>{details._count.participants}</span>
+                        </div>
+                        <div className="flex items-center">
+                          <Calendar className="w-3 h-3 inline mx-1" />
+                          <span>
+                            {new Date(details.createdAt).toLocaleDateString(
+                              'en-US',
+                              {
+                                dateStyle: 'medium',
+                              },
+                            )}
+                          </span>
+                        </div>
+                      </div>
+                    ) : (
+                      <div className="flex justify-between">
+                        <Skeleton className="h-4 w-6 rounded-full" />
+                        <Skeleton className="h-4 w-24 rounded-full" />
+                      </div>
+                    )}
+                  </div>
+                </div>
+              </Link>
+            </Button>
+          </li>
+        )
+      })}
     </ul>
   )
 }
-
-function GroupsPage({
-  children,
-  reload,
-}: PropsWithChildren<{ reload: () => void }>) {
-  const t = useTranslations('Groups')
-  return (
-    <>
-      <div className="flex flex-col sm:flex-row sm:items-center justify-between gap-2">
-        <h1 className="font-bold text-2xl flex-1">
-          <Link href="/groups">{t('myGroups')}</Link>
-        </h1>
-        <div className="flex gap-2">
-          <AddGroupByUrlButton reload={reload} />
-          <Button asChild>
-            <Link href="/groups/create">
-              {/* <Plus className="w-4 h-4 mr-2" /> */}
-              {t('create')}
-            </Link>
-          </Button>
-        </div>
-      </div>
-      <div>{children}</div>
-    </>
-  )
-}

src/app/groups/recent-groups-helpers.ts

@@ -7,15 +7,10 @@ export const recentGroupsSchema = z.array(
   }),
 )
 
-export const starredGroupsSchema = z.array(z.string())
-export const archivedGroupsSchema = z.array(z.string())
-
 export type RecentGroups = z.infer<typeof recentGroupsSchema>
 export type RecentGroup = RecentGroups[number]
 
 const STORAGE_KEY = 'recentGroups'
-const STARRED_GROUPS_STORAGE_KEY = 'starredGroups'
-const ARCHIVED_GROUPS_STORAGE_KEY = 'archivedGroups'
 
 export function getRecentGroups() {
   const groupsInStorageJson = localStorage.getItem(STORAGE_KEY)
@@ -33,61 +28,3 @@ export function saveRecentGroup(group: RecentGroup) {
     JSON.stringify([group, ...recentGroups.filter((rg) => rg.id !== group.id)]),
   )
 }
-
-export function deleteRecentGroup(group: RecentGroup) {
-  const recentGroups = getRecentGroups()
-  localStorage.setItem(
-    STORAGE_KEY,
-    JSON.stringify(recentGroups.filter((rg) => rg.id !== group.id)),
-  )
-}
-
-export function getStarredGroups() {
-  const starredGroupsJson = localStorage.getItem(STARRED_GROUPS_STORAGE_KEY)
-  const starredGroupsRaw = starredGroupsJson
-    ? JSON.parse(starredGroupsJson)
-    : []
-  const parseResult = starredGroupsSchema.safeParse(starredGroupsRaw)
-  return parseResult.success ? parseResult.data : []
-}
-
-export function starGroup(groupId: string) {
-  const starredGroups = getStarredGroups()
-  localStorage.setItem(
-    STARRED_GROUPS_STORAGE_KEY,
-    JSON.stringify([...starredGroups, groupId]),
-  )
-}
-
-export function unstarGroup(groupId: string) {
-  const starredGroups = getStarredGroups()
-  localStorage.setItem(
-    STARRED_GROUPS_STORAGE_KEY,
-    JSON.stringify(starredGroups.filter((g) => g !== groupId)),
-  )
-}
-
-export function getArchivedGroups() {
-  const archivedGroupsJson = localStorage.getItem(ARCHIVED_GROUPS_STORAGE_KEY)
-  const archivedGroupsRaw = archivedGroupsJson
-    ? JSON.parse(archivedGroupsJson)
-    : []
-  const parseResult = archivedGroupsSchema.safeParse(archivedGroupsRaw)
-  return parseResult.success ? parseResult.data : []
-}
-
-export function archiveGroup(groupId: string) {
-  const archivedGroups = getArchivedGroups()
-  localStorage.setItem(
-    ARCHIVED_GROUPS_STORAGE_KEY,
-    JSON.stringify([...archivedGroups, groupId]),
-  )
-}
-
-export function unarchiveGroup(groupId: string) {
-  const archivedGroups = getArchivedGroups()
-  localStorage.setItem(
-    ARCHIVED_GROUPS_STORAGE_KEY,
-    JSON.stringify(archivedGroups.filter((g) => g !== groupId)),
-  )
-}

src/app/layout.tsx

@@ -1,18 +1,12 @@
-import { ApplePwaSplash } from '@/app/apple-pwa-splash'
-import { LocaleSwitcher } from '@/components/locale-switcher'
 import { ProgressBar } from '@/components/progress-bar'
 import { ThemeProvider } from '@/components/theme-provider'
 import { ThemeToggle } from '@/components/theme-toggle'
 import { Button } from '@/components/ui/button'
-import { Toaster } from '@/components/ui/toaster'
 import { env } from '@/lib/env'
-import { TRPCProvider } from '@/trpc/client'
 import type { Metadata, Viewport } from 'next'
-import { NextIntlClientProvider, useTranslations } from 'next-intl'
-import { getLocale, getMessages } from 'next-intl/server'
+import PlausibleProvider from 'next-plausible'
 import Image from 'next/image'
 import Link from 'next/link'
-import { Suspense } from 'react'
 import './globals.css'
 
 export const metadata: Metadata = {
@@ -63,114 +57,82 @@ export const viewport: Viewport = {
   themeColor: '#047857',
 }
 
-function Content({ children }: { children: React.ReactNode }) {
-  const t = useTranslations()
-  return (
-    <TRPCProvider>
-      <header className="fixed top-0 left-0 right-0 h-16 flex justify-between bg-white dark:bg-gray-950 bg-opacity-50 dark:bg-opacity-50 p-2 border-b backdrop-blur-sm z-50">
-        <Link
-          className="flex items-center gap-2 hover:scale-105 transition-transform"
-          href="/"
-        >
-          <h1>
-            <Image
-              src="/logo-with-text.png"
-              className="m-1 h-auto w-auto"
-              width={(35 * 522) / 180}
-              height={35}
-              alt="Spliit"
-            />
-          </h1>
-        </Link>
-        <div role="navigation" aria-label="Menu" className="flex">
-          <ul className="flex items-center text-sm">
-            <li>
-              <Button
-                variant="ghost"
-                size="sm"
-                asChild
-                className="-my-3 text-primary"
-              >
-                <Link href="/groups">{t('Header.groups')}</Link>
-              </Button>
-            </li>
-            <li>
-              <LocaleSwitcher />
-            </li>
-            <li>
-              <ThemeToggle />
-            </li>
-          </ul>
-        </div>
-      </header>
-
-      <div className="flex-1 flex flex-col">{children}</div>
-
-      <footer className="sm:p-8 md:p-16 sm:mt-16 sm:text-sm md:text-base md:mt-32 bg-slate-50 dark:bg-card border-t p-6 mt-8 flex flex-col sm:flex-row sm:justify-between gap-4 text-xs [&_a]:underline">
-        <div className="flex flex-col space-y-2">
-          <div className="sm:text-lg font-semibold text-base flex space-x-2 items-center">
-            <Link className="flex items-center gap-2" href="/">
-              <Image
-                src="/logo-with-text.png"
-                className="m-1 h-auto w-auto"
-                width={(35 * 522) / 180}
-                height={35}
-                alt="Spliit"
-              />
-            </Link>
-          </div>
-          <div className="flex flex-col space-y a--no-underline-text-white">
-            <span>{t('Footer.madeIn')}</span>
-            <span>
-              {t.rich('Footer.builtBy', {
-                author: (txt) => (
-                  <a href="https://scastiel.dev" target="_blank" rel="noopener">
-                    {txt}
-                  </a>
-                ),
-                source: (txt) => (
-                  <a
-                    href="https://github.com/spliit-app/spliit/graphs/contributors"
-                    target="_blank"
-                    rel="noopener"
-                  >
-                    {txt}
-                  </a>
-                ),
-              })}
-            </span>
-          </div>
-        </div>
-      </footer>
-      <Toaster />
-    </TRPCProvider>
-  )
-}
-
-export default async function RootLayout({
+export default function RootLayout({
   children,
 }: {
   children: React.ReactNode
 }) {
-  const locale = await getLocale()
-  const messages = await getMessages()
   return (
-    <html lang={locale} suppressHydrationWarning>
-      <ApplePwaSplash icon="/logo-with-text.png" color="#027756" />
+    <html lang="en" suppressHydrationWarning>
+      {env.PLAUSIBLE_DOMAIN && (
+        <PlausibleProvider domain={env.PLAUSIBLE_DOMAIN} trackOutboundLinks />
+      )}
       <body className="pt-16 min-h-[100dvh] flex flex-col items-stretch bg-slate-50 bg-opacity-30 dark:bg-background">
-        <NextIntlClientProvider messages={messages}>
-          <ThemeProvider
-            attribute="class"
-            defaultTheme="system"
-            enableSystem
-            disableTransitionOnChange
-          >
-            <Suspense>
-              <ProgressBar />
-            </Suspense>
-            <Content>{children}</Content>
-          </ThemeProvider>
-        </NextIntlClientProvider>
+        <ThemeProvider
+          attribute="class"
+          defaultTheme="system"
+          enableSystem
+          disableTransitionOnChange
+        >
+          <ProgressBar />
+          <header className="fixed top-0 left-0 right-0 h-16 flex justify-between bg-white dark:bg-gray-950 bg-opacity-50 dark:bg-opacity-50 p-2 border-b backdrop-blur-sm">
+            <Link
+              className="flex items-center gap-2 hover:scale-105 transition-transform"
+              href="/"
+            >
+              <h1>
+                <Image
+                  src="/logo-with-text.png"
+                  className="m-1 h-auto"
+                  width={(35 * 522) / 180}
+                  height={35}
+                  alt="Spliit"
+                />
+              </h1>
+            </Link>
+            <div role="navigation" aria-label="Menu" className="flex">
+              <ul className="flex items-center text-sm">
+                <li>
+                  <Button
+                    variant="ghost"
+                    asChild
+                    className="-my-3 text-primary"
+                  >
+                    <Link href="/groups">Groups</Link>
+                  </Button>
+                </li>
+                <li>
+                  <ThemeToggle />
+                </li>
+              </ul>
+            </div>
+          </header>
+
+          {children}
+
+          <footer className="sm:p-8 md:p-16 sm:mt-16 sm:text-sm md:text-base md:mt-32 bg-slate-50 dark:bg-card border-t p-6 mt-8 flex flex-col space-y-2 text-xs [&_a]:underline">
+            <div className="sm:text-lg font-semibold text-base flex space-x-2 items-center">
+              <Link className="flex items-center gap-2" href="/">
+                <Image
+                  src="/logo-with-text.png"
+                  className="m-1 h-auto"
+                  width={(35 * 522) / 180}
+                  height={35}
+                  alt="Spliit"
+                />
+              </Link>
+            </div>
+            <div className="flex flex-col space-y a--no-underline-text-white">
+              <span>Made in Montréal, Québec 🇨🇦</span>
+              <span>
+                Built by{' '}
+                <a href="https://scastiel.dev" target="_blank" rel="noopener">
+                  Sebastien Castiel
+                </a>
+              </span>
+            </div>
+          </footer>
+        </ThemeProvider>
       </body>
     </html>
   )

src/app/manifest.ts

@@ -6,7 +6,7 @@ export default function manifest(): MetadataRoute.Manifest {
     short_name: 'Spliit',
     description:
       'A minimalist web application to share expenses with friends and family. No ads, no account, no problem.',
-    start_url: '/groups',
+    start_url: '/',
     display: 'standalone',
     background_color: '#fff',
     theme_color: '#047857',

src/app/page.tsx

@@ -1,40 +1,141 @@
 import { Button } from '@/components/ui/button'
-import { Github } from 'lucide-react'
-import { useTranslations } from 'next-intl'
+import {
+  BarChartHorizontalBig,
+  CircleDollarSign,
+  Github,
+  List,
+  LucideIcon,
+  Share,
+  ShieldX,
+  Users,
+} from 'lucide-react'
 import Link from 'next/link'
-
-// FIX for https://github.com/vercel/next.js/issues/58615
-// export const dynamic = 'force-dynamic'
+import { ReactNode } from 'react'
 
 export default function HomePage() {
-  const t = useTranslations()
   return (
     <main>
       <section className="py-16 md:py-24 lg:py-32">
         <div className="container flex max-w-screen-md flex-col items-center gap-4 text-center">
-          <h1 className="!leading-none font-bold text-2xl sm:text-3xl md:text-4xl lg:text-5xl landing-header py-2">
-            {t.rich('Homepage.title', {
-              strong: (chunks) => <strong>{chunks}</strong>,
-            })}
+          <h1 className="!leading-none font-bold text-3xl sm:text-5xl md:text-6xl lg:text-7xl landing-header py-2">
+            Share <strong>Expenses</strong> <br /> with <strong>Friends</strong>{' '}
+            & <strong>Family</strong>
           </h1>
           <p className="max-w-[42rem] leading-normal text-muted-foreground sm:text-xl sm:leading-8">
-            {t.rich('Homepage.description', {
-              strong: (chunks) => <strong>{chunks}</strong>,
-            })}
+            No ads. No account. <br className="sm:hidden" /> Open Source.
+            Forever Free.
           </p>
           <div className="flex gap-2">
-            <Button asChild>
-              <Link href="/groups">{t('Homepage.button.groups')}</Link>
-            </Button>
-            <Button asChild variant="secondary">
-              <Link href="https://github.com/spliit-app/spliit">
-                <Github className="w-4 h-4 mr-2" />
-                {t('Homepage.button.github')}
+            <Button asChild size="lg">
+              <Link
+                className="inline-flex items-center justify-center text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none ring-offset-background bg-primary text-primary-foreground hover:bg-primary/90 h-11 px-8 rounded-md"
+                href="/groups/create"
+              >
+                Create a group
               </Link>
             </Button>
           </div>
         </div>
       </section>
+
+      <section className="bg-slate-50 dark:bg-card py-16 md:py-24 lg:py-32">
+        <div className="p-4 flex mx-auto max-w-screen-md flex-col items-center text-center">
+          <h2 className="font-bold text-3xl leading-[1.1] sm:text-3xl md:text-6xl">
+            Features
+          </h2>
+          <p
+            className="mt-2 md:mt-3 leading-normal text-muted-foreground sm:text-lg sm:leading-7"
+            style={{ textWrap: 'balance' } as any}
+          >
+            Spliit is a minimalist application to track and share expenses with
+            your friends and family.
+          </p>
+          <div className="mt-8 md:mt-6 w-full grid grid-cols-2 sm:grid-cols-3 gap-2 sm:gap-4 text-left">
+            <Feature
+              Icon={Users}
+              name="Groups"
+              description="Create a group for a travel, an event, a gift…"
+            />
+            <Feature
+              Icon={List}
+              name="Expenses"
+              description="Create and list expenses in your group."
+            />
+            <Feature
+              Icon={Share}
+              name="Share"
+              description="Send the group link to participants."
+            />
+            <Feature
+              Icon={BarChartHorizontalBig}
+              name="Balances"
+              description="Visualize how much each participant spent."
+            />
+            <Feature
+              Icon={CircleDollarSign}
+              name="Reimbursements"
+              description="Optimize money transfers between participants."
+            />
+            <Feature
+              Icon={ShieldX}
+              name="No ads"
+              description="No account. No limitation. No problem."
+            />
+          </div>
+        </div>
+      </section>
+
+      <section className="py-16 md:py-24 lg:py-32">
+        <div className="container flex max-w-screen-md flex-col items-center text-center">
+          <h2 className="font-bold text-3xl leading-[1.1] sm:text-3xl md:text-6xl">
+            Proudly Open Source
+          </h2>
+          <p
+            className="mt-2 leading-normal text-muted-foreground sm:text-lg sm:leading-7"
+            style={{ textWrap: 'balance' } as any}
+          >
+            Spliit is open source and powered by open source software. Feel free
+            to contribute!
+          </p>
+          <div className="mt-4 md:mt-6">
+            <Button asChild variant="secondary" size="lg">
+              <a
+                target="_blank"
+                rel="noreferrer"
+                href="https://github.com/scastiel/spliit2"
+              >
+                <Github className="w-4 h-4 mr-2" />
+                GitHub
+              </a>
+            </Button>
+          </div>
+        </div>
+      </section>
     </main>
   )
 }
+
+function Feature({
+  name,
+  Icon,
+  description,
+}: {
+  name: ReactNode
+  Icon: LucideIcon
+  description: ReactNode
+}) {
+  return (
+    <div className="bg-card border rounded-md p-4 flex flex-col gap-2">
+      <Icon className="w-8 h-8" />
+      <div>
+        <strong>{name}</strong>
+      </div>
+      <div
+        className="text-sm text-muted-foreground"
+        style={{ textWrap: 'balance' } as any}
+      >
+        {description}
+      </div>
+    </div>
+  )
+}

src/components/category-selector.tsx

@@ -1,183 +0,0 @@
-import { ChevronDown, Loader2 } from 'lucide-react'
-
-import { CategoryIcon } from '@/app/groups/[groupId]/expenses/category-icon'
-import { Button, ButtonProps } from '@/components/ui/button'
-import {
-  Command,
-  CommandEmpty,
-  CommandGroup,
-  CommandInput,
-  CommandItem,
-} from '@/components/ui/command'
-import { Drawer, DrawerContent, DrawerTrigger } from '@/components/ui/drawer'
-import {
-  Popover,
-  PopoverContent,
-  PopoverTrigger,
-} from '@/components/ui/popover'
-import { useMediaQuery } from '@/lib/hooks'
-import { Category } from '@prisma/client'
-import { useTranslations } from 'next-intl'
-import { forwardRef, useEffect, useState } from 'react'
-
-type Props = {
-  categories: Category[]
-  onValueChange: (categoryId: Category['id']) => void
-  /** Category ID to be selected by default. Overwriting this value will update current selection, too. */
-  defaultValue: Category['id']
-  isLoading: boolean
-}
-
-export function CategorySelector({
-  categories,
-  onValueChange,
-  defaultValue,
-  isLoading,
-}: Props) {
-  const [open, setOpen] = useState(false)
-  const [value, setValue] = useState<number>(defaultValue)
-  const isDesktop = useMediaQuery('(min-width: 768px)')
-
-  // allow overwriting currently selected category from outside
-  useEffect(() => {
-    setValue(defaultValue)
-    onValueChange(defaultValue)
-  }, [defaultValue])
-
-  const selectedCategory =
-    categories.find((category) => category.id === value) ?? categories[0]
-
-  if (isDesktop) {
-    return (
-      <Popover open={open} onOpenChange={setOpen}>
-        <PopoverTrigger asChild>
-          <CategoryButton
-            category={selectedCategory}
-            open={open}
-            isLoading={isLoading}
-          />
-        </PopoverTrigger>
-        <PopoverContent className="p-0" align="start">
-          <CategoryCommand
-            categories={categories}
-            onValueChange={(id) => {
-              setValue(id)
-              onValueChange(id)
-              setOpen(false)
-            }}
-          />
-        </PopoverContent>
-      </Popover>
-    )
-  }
-
-  return (
-    <Drawer open={open} onOpenChange={setOpen}>
-      <DrawerTrigger asChild>
-        <CategoryButton
-          category={selectedCategory}
-          open={open}
-          isLoading={isLoading}
-        />
-      </DrawerTrigger>
-      <DrawerContent className="p-0">
-        <CategoryCommand
-          categories={categories}
-          onValueChange={(id) => {
-            setValue(id)
-            onValueChange(id)
-            setOpen(false)
-          }}
-        />
-      </DrawerContent>
-    </Drawer>
-  )
-}
-
-function CategoryCommand({
-  categories,
-  onValueChange,
-}: {
-  categories: Category[]
-  onValueChange: (categoryId: Category['id']) => void
-}) {
-  const t = useTranslations('Categories')
-  const categoriesByGroup = categories.reduce<Record<string, Category[]>>(
-    (acc, category) => ({
-      ...acc,
-      [category.grouping]: [...(acc[category.grouping] ?? []), category],
-    }),
-    {},
-  )
-
-  return (
-    <Command>
-      <CommandInput placeholder={t('search')} className="text-base" />
-      <CommandEmpty>{t('noCategory')}</CommandEmpty>
-      <div className="w-full max-h-[300px] overflow-y-auto">
-        {Object.entries(categoriesByGroup).map(
-          ([group, groupCategories], index) => (
-            <CommandGroup key={index} heading={t(`${group}.heading`)}>
-              {groupCategories.map((category) => (
-                <CommandItem
-                  key={category.id}
-                  value={`${category.id} ${t(
-                    `${category.grouping}.heading`,
-                  )} ${t(`${category.grouping}.${category.name}`)}`}
-                  onSelect={(currentValue) => {
-                    const id = Number(currentValue.split(' ')[0])
-                    onValueChange(id)
-                  }}
-                >
-                  <CategoryLabel category={category} />
-                </CommandItem>
-              ))}
-            </CommandGroup>
-          ),
-        )}
-      </div>
-    </Command>
-  )
-}
-
-type CategoryButtonProps = {
-  category: Category
-  open: boolean
-  isLoading: boolean
-}
-const CategoryButton = forwardRef<HTMLButtonElement, CategoryButtonProps>(
-  (
-    { category, open, isLoading, ...props }: ButtonProps & CategoryButtonProps,
-    ref,
-  ) => {
-    const iconClassName = 'ml-2 h-4 w-4 shrink-0 opacity-50'
-    return (
-      <Button
-        variant="outline"
-        role="combobox"
-        aria-expanded={open}
-        className="flex w-full justify-between"
-        ref={ref}
-        {...props}
-      >
-        <CategoryLabel category={category} />
-        {isLoading ? (
-          <Loader2 className={`animate-spin ${iconClassName}`} />
-        ) : (
-          <ChevronDown className={iconClassName} />
-        )}
-      </Button>
-    )
-  },
-)
-CategoryButton.displayName = 'CategoryButton'
-
-function CategoryLabel({ category }: { category: Category }) {
-  const t = useTranslations('Categories')
-  return (
-    <div className="flex items-center gap-3">
-      <CategoryIcon category={category} className="w-4 h-4" />
-      {t(`${category.grouping}.${category.name}`)}
-    </div>
-  )
-}