16 |
22 | Back to Home
23 |
24 |
25 | Aplikasi perutangan 4.0 milik kos lhoktuan, sukolilo, surabaya.
4 |Hai!
${ 26 | user.name 27 | } ingin mengingatkan untuk membayar utang sebesar 28 | Rp ${numberWithCommas(amount)} 29 | Silakan melakukan pembayaran di link berikut.
32 | 33 |Pesan: ${description || '-'}
34 | `; 35 | 36 | sendMail({ 37 | to: destinationUser?.email as string, 38 | toName: destinationUser?.name as string, 39 | subject, 40 | text, 41 | html, 42 | }); 43 | res.status(200).json({ message: 'Email sent' }); 44 | } else { 45 | res.status(405).json({ message: 'Method Not Allowed' }); 46 | } 47 | } 48 | -------------------------------------------------------------------------------- /src/pages/sandbox/toast-swr.tsx: -------------------------------------------------------------------------------- 1 | import axios from 'axios'; 2 | import * as React from 'react'; 3 | import toast from 'react-hot-toast'; 4 | import useSWR from 'swr'; 5 | 6 | import useLoadingToast from '@/hooks/toast/useLoadingToast'; 7 | import useWithToast from '@/hooks/toast/useSWRWithToast'; 8 | 9 | import Button from '@/components/buttons/Button'; 10 | import Seo from '@/components/Seo'; 11 | 12 | import { DEFAULT_TOAST_MESSAGE } from '@/constant/toast'; 13 | 14 | export type DataTypeApi = { id: number; title: string; completed: boolean }; 15 | 16 | export default function SandboxPage() { 17 | const isLoading = useLoadingToast(); 18 | 19 | const { data: queryData } = useWithToast( 20 | useSWR{JSON.stringify(queryData)}
51 | )}
52 | 37 | {user.amount ? ( 38 | 0, 41 | 'text-red-600': user.amount < 0, 42 | })} 43 | > 44 | {user.amount > 0 ? '🤑' : '😭'}{' '} 45 | {user.amount > 0 46 | ? numberWithCommas(user.amount) 47 | : numberWithCommas(-user.amount) ?? 0} 48 | 49 | ) : ( 50 | '👍 Lunas' 51 | )} 52 |
53 |{helperText}
} 62 | {!hideError && errors[id] && ( 63 | {errors[id].message} 64 | )} 65 |Hai!
${ 49 | user.name 50 | } baru saja melakukan request uang sebesar 51 | Rp ${numberWithCommas(transaction.amount)} 52 | dengan keterangan: ${description}. Silakan melakukan pembayaran di link berikut.
55 | `; 56 | 57 | sendMail({ 58 | to: users.find((user) => user.id === transaction.id)?.email as string, 59 | toName: users.find((user) => user.id === transaction.id) 60 | ?.name as string, 61 | subject, 62 | text, 63 | html, 64 | }); 65 | } 66 | 67 | return res.status(201).json({ message: 'Transactions created' }); 68 | } catch (error) { 69 | if (error instanceof Prisma.PrismaClientUnknownRequestError) 70 | return res.status(500).send(error.message); 71 | else { 72 | throw error; 73 | } 74 | } 75 | } else { 76 | res.status(405).json({ message: 'Method Not Allowed' }); 77 | } 78 | } 79 | -------------------------------------------------------------------------------- /src/pages/api/trx/create-many.ts: -------------------------------------------------------------------------------- 1 | import { Prisma } from '@prisma/client'; 2 | import { NextApiRequest, NextApiResponse } from 'next'; 3 | import { User } from 'next-auth'; 4 | 5 | import { sendMail } from '@/lib/email.server'; 6 | import { numberWithCommas } from '@/lib/helper'; 7 | import { prisma } from '@/lib/prisma'; 8 | import requireSession from '@/lib/require-session.server'; 9 | 10 | export type CreateManyBody = { 11 | destinationUserIdList: string[]; 12 | amountPerPerson: number; 13 | date: Date; 14 | description: string; 15 | }; 16 | 17 | export default requireSession(handler); 18 | 19 | async function handler(req: NextApiRequest, res: NextApiResponse, user: User) { 20 | const { destinationUserIdList, amountPerPerson, date, description } = 21 | req.body; 22 | 23 | if (req.method === 'POST') { 24 | try { 25 | await prisma.transaction.createMany({ 26 | data: (destinationUserIdList as string[]).map((destinationUserId) => ({ 27 | amount: amountPerPerson, 28 | date: new Date(date), 29 | description, 30 | destinationUserId, 31 | userId: user.id, 32 | })), 33 | }); 34 | 35 | const users = await prisma.user.findMany(); 36 | 37 | for (const destinationUserId of destinationUserIdList) { 38 | const subject = `Request uang dari ${user.name}`; 39 | const text = `Hai! ${ 40 | user.name 41 | } baru saja melakukan request uang sebesar Rp ${numberWithCommas( 42 | amountPerPerson 43 | )} dengan keterangan: ${description}. Silakan melakukan pembayaran di https://lhoks.thcl.dev/trx/${ 44 | user.id 45 | }`; 46 | const html = ` 47 |Hai!
${ 48 | user.name 49 | } baru saja melakukan request uang sebesar 50 | Rp ${numberWithCommas(amountPerPerson)} 51 | dengan keterangan: ${description}. Silakan melakukan pembayaran di link berikut.
54 | `; 55 | 56 | sendMail({ 57 | to: users.find((user) => user.id === destinationUserId) 58 | ?.email as string, 59 | toName: users.find((user) => user.id === destinationUserId) 60 | ?.name as string, 61 | subject, 62 | text, 63 | html, 64 | }); 65 | } 66 | 67 | return res.status(201).json({ message: 'Transactions created' }); 68 | } catch (error) { 69 | if (error instanceof Prisma.PrismaClientUnknownRequestError) 70 | return res.status(500).send(error.message); 71 | else { 72 | throw error; 73 | } 74 | } 75 | } else { 76 | res.status(405).json({ message: 'Method Not Allowed' }); 77 | } 78 | } 79 | -------------------------------------------------------------------------------- /src/components/links/ButtonLink.tsx: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | 3 | import clsxm from '@/lib/clsxm'; 4 | 5 | import UnstyledLink, { 6 | UnstyledLinkProps, 7 | } from '@/components/links/UnstyledLink'; 8 | 9 | enum ButtonVariant { 10 | 'primary', 11 | 'outline', 12 | 'ghost', 13 | 'light', 14 | 'dark', 15 | } 16 | 17 | type ButtonLinkProps = { 18 | isDarkBg?: boolean; 19 | variant?: keyof typeof ButtonVariant; 20 | } & UnstyledLinkProps; 21 | 22 | const ButtonLink = React.forwardRef{helperText}
} 80 | {!hideError && errors[id] && ( 81 | {errors[id].message} 82 | )} 83 |{helperText}
} 88 | {errors[id] && ( 89 | {errors[id].message} 90 | )} 91 |Hai!
${ 44 | user.name 45 | } baru saja melakukan pelunasan sebesar 46 | Rp ${numberWithCommas(amount)} 47 | . Anda bisa mengecek pembayaran di link berikut.
50 | `; 51 | } else { 52 | subject = `Request uang dari ${user.name}`; 53 | text = `Hai! ${ 54 | user.name 55 | } baru saja melakukan request uang sebesar Rp ${numberWithCommas( 56 | amount 57 | )} dengan keterangan: ${description}. Silakan melakukan pembayaran di https://lhoks.thcl.dev/trx/${ 58 | user.id 59 | }`; 60 | html = ` 61 |Hai!
${ 62 | user.name 63 | } baru saja melakukan request uang sebesar 64 | Rp ${numberWithCommas(amount)} 65 | dengan keterangan: ${description}. Silakan melakukan pembayaran di link berikut.
68 | `; 69 | } 70 | 71 | sendMail({ 72 | to: destinationUser?.email as string, 73 | toName: destinationUser?.name as string, 74 | subject, 75 | text, 76 | html, 77 | }); 78 | 79 | return res.status(201).json({ message: 'Transaction created' }); 80 | } catch (error) { 81 | if (error instanceof Prisma.PrismaClientUnknownRequestError) 82 | return res.status(500).send(error.message); 83 | else { 84 | throw error; 85 | } 86 | } 87 | } else { 88 | return res.status(405).json({ message: 'Method Not Allowed' }); 89 | } 90 | } 91 | -------------------------------------------------------------------------------- /src/pages/list.tsx: -------------------------------------------------------------------------------- 1 | import { User } from '@prisma/client'; 2 | import { useSession } from 'next-auth/react'; 3 | import * as React from 'react'; 4 | import useSWR from 'swr'; 5 | 6 | import clsxm from '@/lib/clsxm'; 7 | import { numberWithCommas } from '@/lib/helper'; 8 | import useWithToast from '@/hooks/toast/useSWRWithToast'; 9 | 10 | import Layout from '@/components/layout/Layout'; 11 | import PrimaryLink from '@/components/links/PrimaryLink'; 12 | import Seo from '@/components/Seo'; 13 | import UserListItem from '@/components/UserListItem'; 14 | 15 | import { alumnusEmail } from '@/constant/email-whitelist'; 16 | 17 | ListPage.auth = true; 18 | 19 | export default function ListPage() { 20 | const { data: sessionData } = useSession(); 21 | const { data: summaryData } = useWithToast( 22 | useSWR<{ summary: ({ amount: number } & User)[] }>('/api/trx/summary'), 23 | { 24 | loading: 'Menghitung utang-piutang anda...', 25 | } 26 | ); 27 | const _users = 28 | summaryData?.summary.filter((user) => user.id !== sessionData?.user?.id) ?? 29 | []; 30 | 31 | const users = _users.filter( 32 | (user) => !alumnusEmail.includes(user.email ?? '') 33 | ); 34 | const alumnus = _users.filter((user) => 35 | alumnusEmail.includes(user.email ?? '') 36 | ); 37 | 38 | const currentUser = summaryData?.summary.find( 39 | (user) => user.id === sessionData?.user.id 40 | ); 41 | 42 | const totalDebt = _users.reduce((total, u) => total + u.amount, 0); 43 | 44 | return ( 45 |0, 56 | 'text-red-600': totalDebt < 0, 57 | })} 58 | > 59 | {totalDebt ? ( 60 | 61 | {totalDebt > 0 ? '🤑' : '😭'}{' '} 62 | {totalDebt > 0 63 | ? numberWithCommas(totalDebt) 64 | : numberWithCommas(-totalDebt) ?? 0} 65 | 66 | ) : ( 67 | '👍 0' 68 | )} 69 |
70 |
75 | Anda masih belum memasukkan nomor telepon, silakan menambahkan
76 | pada
{helperText}
} 87 | {errors[id] && ( 88 | {errors[id].message} 89 | )} 90 |{helperText}
84 | )} 85 | {errors[id] && ( 86 | 87 | {errors[id].message} 88 | 89 | )} 90 |32 | Solusi untuk perutangan duniawi di kos lhoktuan. 33 |
34 |Welcome,
50 |{session.user?.name}
61 |Transaksi dengan:
96 |{destinationUser?.email ?? ''}
101 |127 | Abis dititipin sesuatu? Minta uangnya biar ga lupa 128 |
129 | 130 |{JSON.stringify(${1:obj}, null, 2)}"]
82 | },
83 | "ClassName": {
84 | "prefix": "class",
85 | "scope": "javascript, typescript, javascriptreact, typescriptreact",
86 | "body": ["className='$0'"]
87 | },
88 | //#endregion //*======== Commons ===========
89 |
90 | //#region //*=========== Nextjs ===========
91 | "Next Pages": {
92 | "prefix": "np",
93 | "body": [
94 | "import * as React from 'react';\n",
95 | "import Layout from '@/components/layout/Layout';",
96 | "import Seo from '@/components/Seo';\n",
97 | "export default function ${1:${TM_FILENAME_BASE/(^[a-zA-Z])(.*)/${1:/upcase}${2}/}}Page() {",
98 | " return (",
99 | " 186 | Drag and drop file here, or click to choose file 187 |
188 |{`${ 189 | maxFiles - (files?.length || 0) 190 | } file(s) remaining`}
191 |{helperText}
198 | )} 199 | {errors[id] && ( 200 |{errors[id].message}
201 | )} 202 |127 | Bagi" pesanan secara rata dengan mudah 128 |
129 |
130 | Nominal makanan beda-beda? Pake{' '}
131 |
Transaksi dengan:
135 |
140 |
185 | Anda telah mengirim email pada{' '} 186 | {new Date( 187 | getFromLocalStorage(`@lhokutang/email-trx-${userId}`)! 188 | ).toLocaleTimeString()} 189 | , tunggu 1 jam untuk mengirim kembali 190 |
191 | ))} 192 |220 | {format( 221 | new Date(date), 222 | DATE_FORMAT.FULL_DATE_HOUR_MINUTE 223 | )} 224 |
225 |238 | {numberWithCommas(amount)} 239 |
240 | {/* check if the date is still current date */} 241 | {isToday(new Date(date)) && ( 242 |