Feat/ledger

.env.default

@@ -30,6 +30,11 @@ LOG_MAX_FILES=365
 NEXTAUTH_URL="http://localhost"
 NEXTAUTH_SECRET=cake_is_love_cake_is_life
 
+# Stripe
+STRIPE_SECRET_KEY=sk_...
+NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY=pk_...
+STRIPE_WEBHOOK_SECRET=whsec_...
+
 # Password Hashing and Encryption
 PASSWORD_SALT_ROUNDS="12"
 PASSWORD_ENCRYPTION_KEY="AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA" # Must be 256 bits (43 characters) long

README.md

@@ -80,7 +80,7 @@ npm run lint
 To auto-fix linting errors run
 
 ```bash
-npm run lint -- --fix
+npm run lint:fix
 ```
 
 ## Migration from omegaweb basic
@@ -92,3 +92,16 @@ npm run dobbelOmega:run
 ```
 
 If you are connected to our test database on openStack, make sure to be on the ntnu network to be able to connect.
+
+## Testing
+
+To run the tests run
+```bash
+npm run docker:test
+```
+
+The tests can also be run outside of docker using
+```bash
+npm run test
+```
+but this requires starting a database manually.

docker-compose.base.yml

@@ -25,7 +25,9 @@ services:
             API_KEY_ENCRYPTION_KEY: ${API_KEY_ENCRYPTION_KEY}
             FEIDE_CLIENT_ID: ${FEIDE_CLIENT_ID}
             FEIDE_CLIENT_SECRET: ${FEIDE_CLIENT_SECRET}
-            MAIL_SERVER: ${MAIL_SERVER}
+            STRIPE_SECRET_KEY: ${STRIPE_SECRET_KEY}
+            NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY: ${NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY}
+            STRIPE_WEBHOOK_SECRET: ${STRIPE_WEBHOOK_SECRET}
             MAIL_DOMAIN: ${MAIL_DOMAIN}
             DOMAIN: ${DOMAIN}
             JWT_PRIVATE_KEY: ${JWT_PRIVATE_KEY}

eslint.config.ts

@@ -173,7 +173,7 @@ const eslintConfig = defineConfig([
             // specify the maximum depth callbacks can be nested
             'max-nested-callbacks': [
                 'error',
-                3
+                4
             ],
             // disallow the omission of parentheses when invoking a constructor with no arguments
             'new-parens': 'error',

jest.config.ts

@@ -16,6 +16,11 @@ const config: Config = {
         // This is needed becaue jest doesn't handle the this code is inside node_modules
         '^@/prisma-dobbel-omega/(.*)$': '<rootDir>/node_modules/.prisma-dobbel-omega/$1',
     },
+    globals: {
+        'ts-jest': {
+            useESM: true,
+        },
+    }
 }
 
 export default async function jestConfig() {

package.json

@@ -8,6 +8,7 @@
     "build": "next build",
     "start": "next start",
     "lint": "eslint",
+    "lint:fix": "eslint --fix --quiet",
     "test": "IGNORE_SERVER_ONLY=true jest",
     "docker:dev": "./development-entrypoint.sh",
     "docker:test": "docker compose -f docker-compose.test.yml up --build --abort-on-container-exit --exit-code-from projectnext --attach projectnext --no-log-prefix",
@@ -27,6 +28,8 @@
     "@fortawesome/free-brands-svg-icons": "^6.7.2",
     "@fortawesome/free-solid-svg-icons": "^6.7.2",
     "@fortawesome/react-fontawesome": "^0.2.2",
+    "@stripe/react-stripe-js": "^3.3.0",
+    "@stripe/stripe-js": "^5.9.2",
     "@prisma/adapter-pg": "^7.2.0",
     "@prisma/client": "^7.2.0",
     "@react-email/components": "^0.5.7",
@@ -53,6 +56,7 @@
     "remark-rehype": "^11.1.2",
     "sass": "^1.93.2",
     "server-only": "^0.0.1",
+    "stripe": "^17.7.0",
     "sharp": "^0.34.4",
     "unified": "^11.0.5",
     "uuid": "^10.0.0",

src/app/_components/Ledger/Accounts/LedgerAccountBalance.module.scss

@@ -0,0 +1,32 @@
+@use "@/styles/ohma";
+
+.LedgerAccountBalance {
+    display: grid;
+    grid-template-columns: auto 1fr auto;
+    grid-auto-flow: row;
+    grid-auto-columns: max-content;
+    column-gap: 2*ohma.$gap;
+    white-space: nowrap;
+    overflow: hidden;
+
+    // @include ohma.screenMobile {
+    //     grid-template-columns: auto 1fr;
+    // }
+    // align-items: center;
+    // justify-content: space-between;
+}
+
+.amountRow {
+    display: contents;
+    font-size: ohma.$fonts-xxl;
+}
+
+.feesRow {
+    display: contents;
+    font-size: ohma.$fonts-l;
+}
+
+.total {
+    text-align: right;
+    // width: 100%; // ensures it stretches to the container
+}

src/app/_components/Ledger/Accounts/LedgerAccountBalance.tsx

@@ -0,0 +1,26 @@
+import styles from './LedgerAccountBalance.module.scss'
+import { unwrapActionReturn } from '@/app/redirectToErrorPage'
+import { displayAmount } from '@/lib/currency/convert'
+import { calculateLedgerAccountBalanceAction } from '@/services/ledger/accounts/actions'
+
+type Props = {
+    ledgerAccountId: number,
+    showFees?: boolean,
+}
+
+export default async function LedgerAccountBalance({ ledgerAccountId: accountId, showFees }: Props) {
+    const balance = unwrapActionReturn(await calculateLedgerAccountBalanceAction({ params: { id: accountId } }))
+
+    return <div className={styles.LedgerAccountBalance}>
+        <div className={styles.amountRow}>
+            <div>Saldo</div>
+            <div className={styles.total}>{displayAmount(balance.amount)}</div>
+            <div className={styles.currencySymbol}>Muenter</div>
+        </div>
+        {showFees && <div className={styles.feesRow}>
+            <div>Avgifter</div>
+            <div className={styles.total}>{displayAmount(balance.fees)}</div>
+            <div className={styles.currencySymbol}>Muenter</div>
+        </div>}
+    </div>
+}

src/app/_components/Ledger/Accounts/LedgerAccountFreezeButton.tsx

@@ -0,0 +1,32 @@
+'use client'
+
+import Button from '@/components/UI/Button'
+import { updateLedgerAccountAction } from '@/services/ledger/accounts/actions'
+import { useRouter } from 'next/navigation'
+import type { LedgerAccount } from '@/prisma-generated-pn-types'
+
+export default function LedgerAccountFreezeButton({
+    ledgerAccount,
+    className
+}: { ledgerAccount: LedgerAccount, className?: string }) {
+    const { refresh } = useRouter()
+
+    const toggleFrozen = async () => {
+        await updateLedgerAccountAction({
+            params: {
+                id: ledgerAccount.id,
+            },
+        }, {
+            data: {
+                frozen: !ledgerAccount.frozen,
+            }
+        })
+        refresh()
+    }
+
+    return (
+        <Button color="secondary" className={className} onClick={toggleFrozen}>
+            {ledgerAccount.frozen ? 'Tin konto' : 'Frys konto'}
+        </Button>
+    )
+}

src/app/_components/Ledger/Accounts/LedgerAccountList.module.scss

@@ -0,0 +1,5 @@
+@use "@/styles/ohma";
+
+.ledgerAccountListTable {
+    @include ohma.table();
+}

src/app/_components/Ledger/Accounts/LedgerAccountList.tsx

@@ -0,0 +1,31 @@
+'use client'
+
+import styles from './LedgerAccountList.module.scss'
+import EndlessScroll from '@/components/PagingWrappers/EndlessScroll'
+import { LedgerAccountPagingProvider, LedgerAccountPagingContext } from '@/contexts/paging/LedgerAccountPaging'
+import Link from 'next/link'
+
+export default function LedgerAccountList() {
+    return <LedgerAccountPagingProvider
+        startPage={{ page: 0, pageSize: 10 }}
+        details={{ accountType: 'GROUP' }}
+        serverRenderedData={[]}
+    >
+        <table className={styles.ledgerAccountListTable}>
+            <thead>
+                <tr>
+                    <th>Navn</th>
+                    <th>Saldo</th>
+                </tr>
+            </thead>
+            <tbody>
+                <EndlessScroll pagingContext={LedgerAccountPagingContext} renderer={account =>
+                    <tr key={account.id}>
+                        <td><Link href={`accounts/${account.id}`}>{account.name}</Link></td>
+                        <td>19.19 Klinguende Muente</td>
+                    </tr>
+                }/>
+            </tbody>
+        </table>
+    </LedgerAccountPagingProvider>
+}

src/app/_components/Ledger/Accounts/LedgerAccountOverviewCard.module.scss

@@ -0,0 +1,19 @@
+@use "@/styles/ohma";
+
+.frozenStatus {
+    color: red;
+
+    .frozenWarningHidden {
+        visibility: hidden;
+    }
+}
+
+.ledgerAccountOverviewButtons {
+    margin-top: 3*ohma.$gap;
+    display: flex;
+    flex-direction: row;
+
+    .rightAligned {
+        margin-left: auto;
+    }
+}