AaronPo/the-biergarten-app
1
0
Fork 0
mirror of https://github.com/aaronpo97/the-biergarten-app.git synced 2026-02-16 10:42:08 +00:00
Code Issues Packages Projects 1 Releases Wiki Activity

Update theme colors and layout styles, upgrade daisyui/tailwind

Browse Source
This commit is contained in:
Aaron William Po
2024-02-19 16:28:58 -05:00
parent 3af82f7dbf
commit 34e960f0c6
17 changed files with 155 additions and 232 deletions
Download Patch File Download Diff File Expand all files Collapse all files

198
package-lock.json generated
View File

@@ -22,6 +22,7 @@
"@react-email/tailwind": "^0.0.12", "@react-email/tailwind": "^0.0.12",
"@vercel/analytics": "^1.1.0", "@vercel/analytics": "^1.1.0",
"argon2": "^0.31.1", "argon2": "^0.31.1",
"classnames": "^2.5.1",
"cloudinary": "^1.41.0", "cloudinary": "^1.41.0",
"cookie": "^0.5.0", "cookie": "^0.5.0",
"date-fns": "^2.30.0", "date-fns": "^2.30.0",
@@ -37,7 +38,7 @@
"passport-local": "^1.0.0", "passport-local": "^1.0.0",
"pino": "^8.14.1", "pino": "^8.14.1",
"react": "^18.2.0", "react": "^18.2.0",
"react-daisyui": "^4.1.2", "react-daisyui": "^5.0.0",
"react-dom": "^18.2.0", "react-dom": "^18.2.0",
"react-email": "^1.9.5", "react-email": "^1.9.5",
"react-hook-form": "^7.45.2", "react-hook-form": "^7.45.2",
@@ -63,10 +64,9 @@
"@types/passport-local": "^1.0.35", "@types/passport-local": "^1.0.35",
"@types/react": "^18.2.15", "@types/react": "^18.2.15",
"@types/react-dom": "^18.2.7", "@types/react-dom": "^18.2.7",
"@types/sparkpost": "^2.1.5",
"@vercel/fetch": "^7.0.0", "@vercel/fetch": "^7.0.0",
"autoprefixer": "^10.4.14", "autoprefixer": "^10.4.14",
"daisyui": "^3.9.2", "daisyui": "^4.7.2",
"dotenv-cli": "^7.2.1", "dotenv-cli": "^7.2.1",
"eslint": "^8.51.0", "eslint": "^8.51.0",
"eslint-config-airbnb-base": "15.0.0", "eslint-config-airbnb-base": "15.0.0",
@@ -81,7 +81,7 @@
"prettier-plugin-jsdoc": "^1.0.2", "prettier-plugin-jsdoc": "^1.0.2",
"prettier-plugin-tailwindcss": "^0.5.7", "prettier-plugin-tailwindcss": "^0.5.7",
"prisma": "^5.7.0", "prisma": "^5.7.0",
"tailwindcss": "^3.3.3", "tailwindcss": "^3.4.1",
"tailwindcss-animate": "^1.0.6", "tailwindcss-animate": "^1.0.6",
"ts-node": "^10.9.1", "ts-node": "^10.9.1",
"typescript": "^5.3.2" "typescript": "^5.3.2"
@@ -2109,12 +2109,6 @@
"@types/responselike": "^1.0.0" "@types/responselike": "^1.0.0"
} }
}, },
"node_modules/@types/caseless": {
"version": "0.12.3",
"resolved": "https://registry.npmjs.org/@types/caseless/-/caseless-0.12.3.tgz",
"integrity": "sha512-ZD/NsIJYq/2RH+hY7lXmstfp/v9djGt9ah+xRQ3pcgR79qiKsG4pLl25AI7IcXxVO8dH9GiBE5rAknC0ePntlw==",
"dev": true
},
"node_modules/@types/connect": { "node_modules/@types/connect": {
"version": "3.4.36", "version": "3.4.36",
"resolved": "https://registry.npmjs.org/@types/connect/-/connect-3.4.36.tgz", "resolved": "https://registry.npmjs.org/@types/connect/-/connect-3.4.36.tgz",
@@ -2376,32 +2370,6 @@
"@types/react": "*" "@types/react": "*"
} }
}, },
"node_modules/@types/request": {
"version": "2.48.9",
"resolved": "https://registry.npmjs.org/@types/request/-/request-2.48.9.tgz",
"integrity": "sha512-4mi2hYsvPAhe8RXjk5DKB09sAUzbK68T2XjORehHdWyxFoX2zUnfi1VQ5wU4Md28H/5+uB4DkxY9BS4B87N/0A==",
"dev": true,
"dependencies": {
"@types/caseless": "*",
"@types/node": "*",
"@types/tough-cookie": "*",
"form-data": "^2.5.0"
}
},
"node_modules/@types/request/node_modules/form-data": {
"version": "2.5.1",
"resolved": "https://registry.npmjs.org/form-data/-/form-data-2.5.1.tgz",
"integrity": "sha512-m21N3WOmEEURgk6B9GLOE4RuWOFf28Lhh9qGYeNlGq4VDXUlJy2th2slBNU8Gp8EzloYZOibZJ7t5ecIrFSjVA==",
"dev": true,
"dependencies": {
"asynckit": "^0.4.0",
"combined-stream": "^1.0.6",
"mime-types": "^2.1.12"
},
"engines": {
"node": ">= 0.12"
}
},
"node_modules/@types/responselike": { "node_modules/@types/responselike": {
"version": "1.0.1", "version": "1.0.1",
"resolved": "https://registry.npmjs.org/@types/responselike/-/responselike-1.0.1.tgz", "resolved": "https://registry.npmjs.org/@types/responselike/-/responselike-1.0.1.tgz",
@@ -2449,22 +2417,6 @@
"@types/node": "*" "@types/node": "*"
} }
}, },
"node_modules/@types/sparkpost": {
"version": "2.1.6",
"resolved": "https://registry.npmjs.org/@types/sparkpost/-/sparkpost-2.1.6.tgz",
"integrity": "sha512-lqimYaHi52iIJBge6XZBvLFGBjlZgSlsvUsARALgaYLpsUriPhayYKc8fyP5dgHmjJ6ClumP3BQHYT5Vbci6ew==",
"dev": true,
"dependencies": {
"@types/node": "*",
"@types/request": "*"
}
},
"node_modules/@types/tough-cookie": {
"version": "4.0.3",
"resolved": "https://registry.npmjs.org/@types/tough-cookie/-/tough-cookie-4.0.3.tgz",
"integrity": "sha512-THo502dA5PzG/sfQH+42Lw3fvmYkceefOspdCwpHRul8ik2Jv1K8I5OZz1AT3/rs46kwgMCe9bSBmDLYkkOMGg==",
"dev": true
},
"node_modules/@types/unist": { "node_modules/@types/unist": {
"version": "3.0.0", "version": "3.0.0",
"resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.0.tgz", "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.0.tgz",
@@ -3662,9 +3614,9 @@
} }
}, },
"node_modules/classnames": { "node_modules/classnames": {
"version": "2.3.2", "version": "2.5.1",
"resolved": "https://registry.npmjs.org/classnames/-/classnames-2.3.2.tgz", "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.5.1.tgz",
"integrity": "sha512-CSbhY4cFEJRe6/GQzIk5qXZ4Jeg5pcsP7b5peFSDpffpe1cqjASH/n9UTjBwOp6XpMSTwQ8Za2K5V02ueA7Tmw==" "integrity": "sha512-saHYOzhIQs6wy2sVxTM6bUDsQO4F50V9RQ22qBpEdCW+I+/Wmke2HOl6lS6dTpdxVhb88/I6+Hs+438c3lfUow=="
}, },
"node_modules/cli-cursor": { "node_modules/cli-cursor": {
"version": "3.1.0", "version": "3.1.0",
@@ -3758,11 +3710,6 @@
"color-support": "bin.js" "color-support": "bin.js"
} }
}, },
"node_modules/colord": {
"version": "2.9.3",
"resolved": "https://registry.npmjs.org/colord/-/colord-2.9.3.tgz",
"integrity": "sha512-jeC1axXpnb0/2nn/Y1LPuLdgXBLH7aDcHu4KEKfqw3CUhX7ZpfBSlPKyqXE6btIgEzfWtrX3/tyBCaCvXvMkOw=="
},
"node_modules/combined-stream": { "node_modules/combined-stream": {
"version": "1.0.8", "version": "1.0.8",
"resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz", "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
@@ -3926,16 +3873,23 @@
"resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz", "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz",
"integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==" "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ=="
}, },
"node_modules/culori": {
"version": "3.3.0",
"resolved": "https://registry.npmjs.org/culori/-/culori-3.3.0.tgz",
"integrity": "sha512-pHJg+jbuFsCjz9iclQBqyL3B2HLCBF71BwVNujUYEvCeQMvV97R59MNK3R2+jgJ3a1fcZgI9B3vYgz8lzr/BFQ==",
"engines": {
"node": "^12.20.0 || ^14.13.1 || >=16.0.0"
}
},
"node_modules/daisyui": { "node_modules/daisyui": {
"version": "3.9.4", "version": "4.7.2",
"resolved": "https://registry.npmjs.org/daisyui/-/daisyui-3.9.4.tgz", "resolved": "https://registry.npmjs.org/daisyui/-/daisyui-4.7.2.tgz",
"integrity": "sha512-fvi2RGH4YV617/6DntOVGcOugOPym9jTGWW2XySb5ZpvdWO4L7bEG77VHirrnbRUEWvIEVXkBpxUz2KFj0rVnA==", "integrity": "sha512-9UCss12Zmyk/22u+JbkVrHHxOzFOyY17HuqP5LeswI4hclbj6qbjJTovdj2zRy8cCH6/n6Wh0lTLjriGnyGh0g==",
"dependencies": { "dependencies": {
"colord": "^2.9",
"css-selector-tokenizer": "^0.8", "css-selector-tokenizer": "^0.8",
"postcss": "^8", "culori": "^3",
"postcss-js": "^4", "picocolors": "^1",
"tailwindcss": "^3.1" "postcss-js": "^4"
}, },
"engines": { "engines": {
"node": ">=16.9.0" "node": ">=16.9.0"
@@ -8782,11 +8736,11 @@
} }
}, },
"node_modules/react-daisyui": { "node_modules/react-daisyui": {
"version": "4.1.2", "version": "5.0.0",
"resolved": "https://registry.npmjs.org/react-daisyui/-/react-daisyui-4.1.2.tgz", "resolved": "https://registry.npmjs.org/react-daisyui/-/react-daisyui-5.0.0.tgz",
"integrity": "sha512-Sx8ziaxKDe/59bw+UxTFOoDSJEuA8iGhgmMbzSAtnhaaZPP20kluHG+1/wY5mBSxfcAuk6oI8fqKcJRp55WzPQ==", "integrity": "sha512-j1cugAxALmIbihycGBh7P9H3UXrfsvqu84qM6O55l7nOKST43IjUkZjmNav/7s0ZaUpa9Y+52mFchUb2zvon1A==",
"peerDependencies": { "peerDependencies": {
"daisyui": "^3.0.22", "daisyui": "^4.4.6",
"react": ">=16", "react": ">=16",
"react-dom": ">=16", "react-dom": ">=16",
"tailwindcss": ">=3.2.7" "tailwindcss": ">=3.2.7"
@@ -10113,19 +10067,19 @@
"integrity": "sha512-QD9qKY3StfbZqWOPLp0++pOrAVb/HbUi5xCc8cUo4XjP19808oaMiDzn0leBY5mCespIBM0CIZePzZjgzR83kA==" "integrity": "sha512-QD9qKY3StfbZqWOPLp0++pOrAVb/HbUi5xCc8cUo4XjP19808oaMiDzn0leBY5mCespIBM0CIZePzZjgzR83kA=="
}, },
"node_modules/tailwindcss": { "node_modules/tailwindcss": {
"version": "3.3.3", "version": "3.4.1",
"resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.3.3.tgz", "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.1.tgz",
"integrity": "sha512-A0KgSkef7eE4Mf+nKJ83i75TMyq8HqY3qmFIJSWy8bNt0v1lG7jUcpGpoTFxAwYcWOphcTBLPPJg+bDfhDf52w==", "integrity": "sha512-qAYmXRfk3ENzuPBakNK0SRrUDipP8NQnEY6772uDhflcQz5EhRdD7JNZxyrFHVQNCwULPBn6FNPp9brpO7ctcA==",
"dependencies": { "dependencies": {
"@alloc/quick-lru": "^5.2.0", "@alloc/quick-lru": "^5.2.0",
"arg": "^5.0.2", "arg": "^5.0.2",
"chokidar": "^3.5.3", "chokidar": "^3.5.3",
"didyoumean": "^1.2.2", "didyoumean": "^1.2.2",
"dlv": "^1.1.3", "dlv": "^1.1.3",
"fast-glob": "^3.2.12", "fast-glob": "^3.3.0",
"glob-parent": "^6.0.2", "glob-parent": "^6.0.2",
"is-glob": "^4.0.3", "is-glob": "^4.0.3",
"jiti": "^1.18.2", "jiti": "^1.19.1",
"lilconfig": "^2.1.0", "lilconfig": "^2.1.0",
"micromatch": "^4.0.5", "micromatch": "^4.0.5",
"normalize-path": "^3.0.0", "normalize-path": "^3.0.0",
@@ -12392,12 +12346,6 @@
"@types/responselike": "^1.0.0" "@types/responselike": "^1.0.0"
} }
}, },
"@types/caseless": {
"version": "0.12.3",
"resolved": "https://registry.npmjs.org/@types/caseless/-/caseless-0.12.3.tgz",
"integrity": "sha512-ZD/NsIJYq/2RH+hY7lXmstfp/v9djGt9ah+xRQ3pcgR79qiKsG4pLl25AI7IcXxVO8dH9GiBE5rAknC0ePntlw==",
"dev": true
},
"@types/connect": { "@types/connect": {
"version": "3.4.36", "version": "3.4.36",
"resolved": "https://registry.npmjs.org/@types/connect/-/connect-3.4.36.tgz", "resolved": "https://registry.npmjs.org/@types/connect/-/connect-3.4.36.tgz",
@@ -12658,31 +12606,6 @@
"@types/react": "*" "@types/react": "*"
} }
}, },
"@types/request": {
"version": "2.48.9",
"resolved": "https://registry.npmjs.org/@types/request/-/request-2.48.9.tgz",
"integrity": "sha512-4mi2hYsvPAhe8RXjk5DKB09sAUzbK68T2XjORehHdWyxFoX2zUnfi1VQ5wU4Md28H/5+uB4DkxY9BS4B87N/0A==",
"dev": true,
"requires": {
"@types/caseless": "*",
"@types/node": "*",
"@types/tough-cookie": "*",
"form-data": "^2.5.0"
},
"dependencies": {
"form-data": {
"version": "2.5.1",
"resolved": "https://registry.npmjs.org/form-data/-/form-data-2.5.1.tgz",
"integrity": "sha512-m21N3WOmEEURgk6B9GLOE4RuWOFf28Lhh9qGYeNlGq4VDXUlJy2th2slBNU8Gp8EzloYZOibZJ7t5ecIrFSjVA==",
"dev": true,
"requires": {
"asynckit": "^0.4.0",
"combined-stream": "^1.0.6",
"mime-types": "^2.1.12"
}
}
}
},
"@types/responselike": { "@types/responselike": {
"version": "1.0.1", "version": "1.0.1",
"resolved": "https://registry.npmjs.org/@types/responselike/-/responselike-1.0.1.tgz", "resolved": "https://registry.npmjs.org/@types/responselike/-/responselike-1.0.1.tgz",
@@ -12730,22 +12653,6 @@
"@types/node": "*" "@types/node": "*"
} }
}, },
"@types/sparkpost": {
"version": "2.1.6",
"resolved": "https://registry.npmjs.org/@types/sparkpost/-/sparkpost-2.1.6.tgz",
"integrity": "sha512-lqimYaHi52iIJBge6XZBvLFGBjlZgSlsvUsARALgaYLpsUriPhayYKc8fyP5dgHmjJ6ClumP3BQHYT5Vbci6ew==",
"dev": true,
"requires": {
"@types/node": "*",
"@types/request": "*"
}
},
"@types/tough-cookie": {
"version": "4.0.3",
"resolved": "https://registry.npmjs.org/@types/tough-cookie/-/tough-cookie-4.0.3.tgz",
"integrity": "sha512-THo502dA5PzG/sfQH+42Lw3fvmYkceefOspdCwpHRul8ik2Jv1K8I5OZz1AT3/rs46kwgMCe9bSBmDLYkkOMGg==",
"dev": true
},
"@types/unist": { "@types/unist": {
"version": "3.0.0", "version": "3.0.0",
"resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.0.tgz", "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.0.tgz",
@@ -13582,9 +13489,9 @@
"integrity": "sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ==" "integrity": "sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ=="
}, },
"classnames": { "classnames": {
"version": "2.3.2", "version": "2.5.1",
"resolved": "https://registry.npmjs.org/classnames/-/classnames-2.3.2.tgz", "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.5.1.tgz",
"integrity": "sha512-CSbhY4cFEJRe6/GQzIk5qXZ4Jeg5pcsP7b5peFSDpffpe1cqjASH/n9UTjBwOp6XpMSTwQ8Za2K5V02ueA7Tmw==" "integrity": "sha512-saHYOzhIQs6wy2sVxTM6bUDsQO4F50V9RQ22qBpEdCW+I+/Wmke2HOl6lS6dTpdxVhb88/I6+Hs+438c3lfUow=="
}, },
"cli-cursor": { "cli-cursor": {
"version": "3.1.0", "version": "3.1.0",
@@ -13652,11 +13559,6 @@
"resolved": "https://registry.npmjs.org/color-support/-/color-support-1.1.3.tgz", "resolved": "https://registry.npmjs.org/color-support/-/color-support-1.1.3.tgz",
"integrity": "sha512-qiBjkpbMLO/HL68y+lh4q0/O1MZFj2RX6X/KmMa3+gJD3z+WwI1ZzDHysvqHGS3mP6mznPckpXmw1nI9cJjyRg==" "integrity": "sha512-qiBjkpbMLO/HL68y+lh4q0/O1MZFj2RX6X/KmMa3+gJD3z+WwI1ZzDHysvqHGS3mP6mznPckpXmw1nI9cJjyRg=="
}, },
"colord": {
"version": "2.9.3",
"resolved": "https://registry.npmjs.org/colord/-/colord-2.9.3.tgz",
"integrity": "sha512-jeC1axXpnb0/2nn/Y1LPuLdgXBLH7aDcHu4KEKfqw3CUhX7ZpfBSlPKyqXE6btIgEzfWtrX3/tyBCaCvXvMkOw=="
},
"combined-stream": { "combined-stream": {
"version": "1.0.8", "version": "1.0.8",
"resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz", "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
@@ -13787,16 +13689,20 @@
"resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz", "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz",
"integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==" "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ=="
}, },
"culori": {
"version": "3.3.0",
"resolved": "https://registry.npmjs.org/culori/-/culori-3.3.0.tgz",
"integrity": "sha512-pHJg+jbuFsCjz9iclQBqyL3B2HLCBF71BwVNujUYEvCeQMvV97R59MNK3R2+jgJ3a1fcZgI9B3vYgz8lzr/BFQ=="
},
"daisyui": { "daisyui": {
"version": "3.9.4", "version": "4.7.2",
"resolved": "https://registry.npmjs.org/daisyui/-/daisyui-3.9.4.tgz", "resolved": "https://registry.npmjs.org/daisyui/-/daisyui-4.7.2.tgz",
"integrity": "sha512-fvi2RGH4YV617/6DntOVGcOugOPym9jTGWW2XySb5ZpvdWO4L7bEG77VHirrnbRUEWvIEVXkBpxUz2KFj0rVnA==", "integrity": "sha512-9UCss12Zmyk/22u+JbkVrHHxOzFOyY17HuqP5LeswI4hclbj6qbjJTovdj2zRy8cCH6/n6Wh0lTLjriGnyGh0g==",
"requires": { "requires": {
"colord": "^2.9",
"css-selector-tokenizer": "^0.8", "css-selector-tokenizer": "^0.8",
"postcss": "^8", "culori": "^3",
"postcss-js": "^4", "picocolors": "^1",
"tailwindcss": "^3.1" "postcss-js": "^4"
} }
}, },
"damerau-levenshtein": { "damerau-levenshtein": {
@@ -17178,9 +17084,9 @@
} }
}, },
"react-daisyui": { "react-daisyui": {
"version": "4.1.2", "version": "5.0.0",
"resolved": "https://registry.npmjs.org/react-daisyui/-/react-daisyui-4.1.2.tgz", "resolved": "https://registry.npmjs.org/react-daisyui/-/react-daisyui-5.0.0.tgz",
"integrity": "sha512-Sx8ziaxKDe/59bw+UxTFOoDSJEuA8iGhgmMbzSAtnhaaZPP20kluHG+1/wY5mBSxfcAuk6oI8fqKcJRp55WzPQ==", "integrity": "sha512-j1cugAxALmIbihycGBh7P9H3UXrfsvqu84qM6O55l7nOKST43IjUkZjmNav/7s0ZaUpa9Y+52mFchUb2zvon1A==",
"requires": {} "requires": {}
}, },
"react-dom": { "react-dom": {
@@ -18164,19 +18070,19 @@
"integrity": "sha512-QD9qKY3StfbZqWOPLp0++pOrAVb/HbUi5xCc8cUo4XjP19808oaMiDzn0leBY5mCespIBM0CIZePzZjgzR83kA==" "integrity": "sha512-QD9qKY3StfbZqWOPLp0++pOrAVb/HbUi5xCc8cUo4XjP19808oaMiDzn0leBY5mCespIBM0CIZePzZjgzR83kA=="
}, },
"tailwindcss": { "tailwindcss": {
"version": "3.3.3", "version": "3.4.1",
"resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.3.3.tgz", "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.1.tgz",
"integrity": "sha512-A0KgSkef7eE4Mf+nKJ83i75TMyq8HqY3qmFIJSWy8bNt0v1lG7jUcpGpoTFxAwYcWOphcTBLPPJg+bDfhDf52w==", "integrity": "sha512-qAYmXRfk3ENzuPBakNK0SRrUDipP8NQnEY6772uDhflcQz5EhRdD7JNZxyrFHVQNCwULPBn6FNPp9brpO7ctcA==",
"requires": { "requires": {
"@alloc/quick-lru": "^5.2.0", "@alloc/quick-lru": "^5.2.0",
"arg": "^5.0.2", "arg": "^5.0.2",
"chokidar": "^3.5.3", "chokidar": "^3.5.3",
"didyoumean": "^1.2.2", "didyoumean": "^1.2.2",
"dlv": "^1.1.3", "dlv": "^1.1.3",
"fast-glob": "^3.2.12", "fast-glob": "^3.3.0",
"glob-parent": "^6.0.2", "glob-parent": "^6.0.2",
"is-glob": "^4.0.3", "is-glob": "^4.0.3",
"jiti": "^1.18.2", "jiti": "^1.19.1",
"lilconfig": "^2.1.0", "lilconfig": "^2.1.0",
"micromatch": "^4.0.5", "micromatch": "^4.0.5",
"normalize-path": "^3.0.0", "normalize-path": "^3.0.0",

7
package.json
View File

@@ -28,6 +28,7 @@
"@react-email/tailwind": "^0.0.12", "@react-email/tailwind": "^0.0.12",
"@vercel/analytics": "^1.1.0", "@vercel/analytics": "^1.1.0",
"argon2": "^0.31.1", "argon2": "^0.31.1",
"classnames": "^2.5.1",
"cloudinary": "^1.41.0", "cloudinary": "^1.41.0",
"cookie": "^0.5.0", "cookie": "^0.5.0",
"date-fns": "^2.30.0", "date-fns": "^2.30.0",
@@ -43,7 +44,7 @@
"passport-local": "^1.0.0", "passport-local": "^1.0.0",
"pino": "^8.14.1", "pino": "^8.14.1",
"react": "^18.2.0", "react": "^18.2.0",
"react-daisyui": "^4.1.2", "react-daisyui": "^5.0.0",
"react-dom": "^18.2.0", "react-dom": "^18.2.0",
"react-email": "^1.9.5", "react-email": "^1.9.5",
"react-hook-form": "^7.45.2", "react-hook-form": "^7.45.2",
@@ -71,7 +72,7 @@
"@types/react-dom": "^18.2.7", "@types/react-dom": "^18.2.7",
"@vercel/fetch": "^7.0.0", "@vercel/fetch": "^7.0.0",
"autoprefixer": "^10.4.14", "autoprefixer": "^10.4.14",
"daisyui": "^3.9.2", "daisyui": "^4.7.2",
"dotenv-cli": "^7.2.1", "dotenv-cli": "^7.2.1",
"eslint": "^8.51.0", "eslint": "^8.51.0",
"eslint-config-airbnb-base": "15.0.0", "eslint-config-airbnb-base": "15.0.0",
@@ -86,7 +87,7 @@
"prettier-plugin-jsdoc": "^1.0.2", "prettier-plugin-jsdoc": "^1.0.2",
"prettier-plugin-tailwindcss": "^0.5.7", "prettier-plugin-tailwindcss": "^0.5.7",
"prisma": "^5.7.0", "prisma": "^5.7.0",
"tailwindcss": "^3.3.3", "tailwindcss": "^3.4.1",
"tailwindcss-animate": "^1.0.6", "tailwindcss-animate": "^1.0.6",
"ts-node": "^10.9.1", "ts-node": "^10.9.1",
"typescript": "^5.3.2" "typescript": "^5.3.2"

BIN
public/background.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 203 KiB

2
src/components/Account/UpdateProfileLink.tsx
View File

@@ -5,7 +5,7 @@ import { FaArrowRight } from 'react-icons/fa';
const UpdateProfileLink: React.FC = () => { const UpdateProfileLink: React.FC = () => {
return ( return (
<div className="card mt-8"> <div className="card">
<div className="card-body flex flex-col space-y-3"> <div className="card-body flex flex-col space-y-3">
<div className="flex w-full items-center justify-between space-x-5"> <div className="flex w-full items-center justify-between space-x-5">
<div className=""> <div className="">

8
src/components/Account/UserPosts.tsx
View File

@@ -8,11 +8,9 @@ const UserPosts: FC = () => {
<div className="mt-4"> <div className="mt-4">
<div> <div>
<Tab.Group> <Tab.Group>
<Tab.List className="tabs-boxed tabs items-center justify-center rounded-2xl"> <Tab.List className="tabs-boxed tabs grid grid-cols-2">
<Tab className="tab-xl tab w-1/2 uppercase ui-selected:tab-active">Beers</Tab> <Tab className="tab uppercase ui-selected:tab-active">Beers</Tab>
<Tab className="tab-xl tab w-1/2 uppercase ui-selected:tab-active"> <Tab className="tab uppercase ui-selected:tab-active">Breweries</Tab>
Breweries
</Tab>
</Tab.List> </Tab.List>
<Tab.Panels> <Tab.Panels>
<Tab.Panel> <Tab.Panel>

10
src/components/BreweryPost/CreateBreweryPostForm.tsx
View File

@@ -250,13 +250,9 @@ const CreateBreweryPostForm: FC<{
autoComplete="off" autoComplete="off"
> >
<Tab.Group as={Fragment}> <Tab.Group as={Fragment}>
<Tab.List className="tabs-boxed tabs items-center justify-center rounded-2xl"> <Tab.List className="tabs-boxed tabs grid grid-cols-2">
<Tab className="tab tab-md w-1/2 uppercase ui-selected:tab-active"> <Tab className="tab uppercase ui-selected:tab-active">Information</Tab>
Information <Tab className="tab uppercase ui-selected:tab-active">Location</Tab>
</Tab>
<Tab className="tab tab-md w-1/2 uppercase ui-selected:tab-active">
Location
</Tab>
</Tab.List> </Tab.List>
<Tab.Panels className="mt-4"> <Tab.Panels className="mt-4">
<Tab.Panel> <Tab.Panel>

7
src/components/ui/Layout.tsx
View File

@@ -3,13 +3,10 @@ import Navbar from './Navbar';
const Layout: FC<{ children: ReactNode }> = ({ children }) => { const Layout: FC<{ children: ReactNode }> = ({ children }) => {
return ( return (
<div className="flex h-screen flex-col"> <div className="flex h-full flex-col" id="app">
<Navbar /> <Navbar />
<div className="top-0 h-full w-screen flex-1 overflow-x-auto animate-in fade-in"> {children}
{children}
</div>
</div> </div>
); );
}; };
export default Layout; export default Layout;

78
src/components/ui/Navbar.tsx
View File

@@ -3,9 +3,11 @@ import useNavbar from '@/hooks/utilities/useNavbar';
import useTheme from '@/hooks/utilities/useTheme'; import useTheme from '@/hooks/utilities/useTheme';
import Link from 'next/link'; import Link from 'next/link';
import { FC } from 'react'; import { FC, useRef } from 'react';
import { MdDarkMode, MdLightMode } from 'react-icons/md'; import { MdDarkMode, MdLightMode } from 'react-icons/md';
import { GiHamburgerMenu } from 'react-icons/gi';
import { FaBars } from 'react-icons/fa';
import classNames from 'classnames';
const DesktopLinks: FC = () => { const DesktopLinks: FC = () => {
const { pages, currentURL } = useNavbar(); const { pages, currentURL } = useNavbar();
@@ -19,8 +21,8 @@ const DesktopLinks: FC = () => {
<Link tabIndex={0} href={page.slug} className="hover:bg-primary-focus"> <Link tabIndex={0} href={page.slug} className="hover:bg-primary-focus">
<span <span
className={`text-lg uppercase ${ className={`text-lg uppercase ${
currentURL === page.slug ? 'font-black' : 'font-medium' currentURL === page.slug ? 'font-extrabold' : 'font-bold'
} text-primary-content`} } text-base-content`}
> >
{page.name} {page.name}
</span> </span>
@@ -35,24 +37,44 @@ const DesktopLinks: FC = () => {
const MobileLinks: FC = () => { const MobileLinks: FC = () => {
const { pages } = useNavbar(); const { pages } = useNavbar();
const drawerRef = useRef<HTMLInputElement>(null);
return ( return (
<div className="flex-none lg:hidden"> <div className="flex-none lg:hidden">
<div className="dropdown-end dropdown"> <div className="drawer drawer-end">
<label tabIndex={0} className="btn btn-circle btn-ghost"> <input id="my-drawer" type="checkbox" className="drawer-toggle" ref={drawerRef} />
<GiHamburgerMenu /> <div className="drawer-content">
</label> <label htmlFor="my-drawer" className="btn btn-ghost drawer-button">
<ul <FaBars />
tabIndex={0} </label>
className="menu-compact menu dropdown-content rounded-box mt-3 w-48 bg-base-100 p-2 shadow" </div>
> <div className="drawer-side">
{pages.map((page) => ( <label
<li key={page.slug}> htmlFor="my-drawer"
<Link href={page.slug}> aria-label="close sidebar"
<span className="select-none text-primary-content">{page.name}</span> className="drawer-overlay"
</Link> />
</li> <ul className="menu min-h-full bg-primary pr-16 text-base-content">
))} {pages.map((page) => {
</ul> return (
<li key={page.slug}>
<Link
href={page.slug}
tabIndex={0}
rel={page.slug === '/resume/main.pdf' ? 'noopener noreferrer' : ''}
target={page.slug === '/resume/main.pdf' ? '_blank' : ''}
onClick={() => {
if (!drawerRef.current) return;
drawerRef.current.checked = false;
}}
>
<span className="text-lg font-bold uppercase">{page.name}</span>
</Link>
</li>
);
})}
</ul>
</div>
</div> </div>
</div> </div>
); );
@@ -62,13 +84,21 @@ const Navbar = () => {
const isDesktopView = useMediaQuery('(min-width: 1024px)'); const isDesktopView = useMediaQuery('(min-width: 1024px)');
const { theme, setTheme } = useTheme(); const { theme, setTheme } = useTheme();
const { currentURL } = useNavbar();
return ( return (
<div className="navbar sticky top-0 z-50 bg-primary text-primary-content"> <div
className={classNames('navbar fixed top-0 z-20 h-10 min-h-10 text-base-content', {
'bg-transparent': currentURL === '/',
'bg-base-100': currentURL !== '/',
})}
>
<div className="flex-1"> <div className="flex-1">
<Link className="btn btn-ghost normal-case" href="/"> {currentURL === '/' ? null : (
<span className="cursor-pointer text-lg font-bold">The Biergarten App</span> <Link className="btn btn-ghost btn-sm" href="/">
</Link> <span className="cursor-pointer text-lg font-bold">The Biergarten App</span>
</Link>
)}
</div> </div>
<div <div

10
src/pages/beers/[id]/index.tsx
View File

@@ -74,13 +74,9 @@ const BeerByIdPage: NextPage<BeerPageProps> = ({ beerPost }) => {
</div> </div>
) : ( ) : (
<Tab.Group> <Tab.Group>
<Tab.List className="tabs-boxed tabs items-center justify-center rounded-2xl"> <Tab.List className="tabs-boxed tabs grid grid-cols-2">
<Tab className="tab tab-md w-1/2 uppercase ui-selected:tab-active"> <Tab className="tab uppercase ui-selected:tab-active">Comments</Tab>
Comments <Tab className="tab uppercase ui-selected:tab-active">Other Beers</Tab>
</Tab>
<Tab className="tab tab-md w-1/2 uppercase ui-selected:tab-active">
Other Beers
</Tab>
</Tab.List> </Tab.List>
<Tab.Panels className="mt-2"> <Tab.Panels className="mt-2">
<Tab.Panel> <Tab.Panel>

8
src/pages/beers/styles/[id]/index.tsx
View File

@@ -41,11 +41,9 @@ const BeerStyleByIdPage: NextPage<BeerStylePageProps> = ({ beerStyle }) => {
</div> </div>
) : ( ) : (
<Tab.Group> <Tab.Group>
<Tab.List className="tabs-boxed tabs items-center justify-center rounded-2xl"> <Tab.List className="tabs-boxed tabs grid grid-cols-2">
<Tab className="tab tab-md w-1/2 uppercase ui-selected:tab-active"> <Tab className="tab uppercase ui-selected:tab-active">Comments</Tab>
Comments <Tab className="tab uppercase ui-selected:tab-active">
</Tab>
<Tab className="tab tab-md w-1/2 uppercase ui-selected:tab-active">
Beers in this Style Beers in this Style
</Tab> </Tab>
</Tab.List> </Tab.List>

6
src/pages/breweries/[id]/index.tsx
View File

@@ -85,11 +85,11 @@ const BreweryByIdPage: NextPage<BreweryPageProps> = ({ breweryPost, mapboxToken
token={mapboxToken} token={mapboxToken}
/> />
<Tab.Group> <Tab.Group>
<Tab.List className="tabs-boxed tabs items-center justify-center rounded-2xl"> <Tab.List className="tabs-boxed tabs grid grid-cols-2">
<Tab className="tab tab-md w-1/2 uppercase ui-selected:tab-active"> <Tab className="tab-md tab w-1/2 uppercase ui-selected:tab-active">
Comments Comments
</Tab> </Tab>
<Tab className="tab tab-md w-1/2 uppercase ui-selected:tab-active"> <Tab className="tab-md tab w-1/2 uppercase ui-selected:tab-active">
Beers Beers
</Tab> </Tab>
</Tab.List> </Tab.List>

21
src/pages/index.tsx
View File

@@ -1,5 +1,6 @@
import { NextPage } from 'next'; import { NextPage } from 'next';
import Head from 'next/head'; import Head from 'next/head';
import Image from 'next/image';
const keywords = [ const keywords = [
'beer', 'beer',
@@ -29,7 +30,7 @@ const keywords = [
'beer recipes', 'beer recipes',
]; ];
const description = `The Biergarten App is an app for beer lovers to share their favourite brews and breweries with like-minded people online.`; const description = `An app for beer lovers to share their favourite brews and breweries with like-minded people online.`;
const Home: NextPage = () => { const Home: NextPage = () => {
return ( return (
@@ -39,13 +40,17 @@ const Home: NextPage = () => {
<meta name="description" content={description} /> <meta name="description" content={description} />
<meta name="keywords" content={keywords.join(', ')} /> <meta name="keywords" content={keywords.join(', ')} />
</Head> </Head>
<div className="relative flex h-dvh w-full flex-col items-center justify-center">
<div className="flex h-full w-full items-center justify-center bg-primary"> <Image
<div className="w-9/12 text-center lg:w-8/12"> alt=""
<h1 className="text-3xl font-bold md:text-4xl lg:text-5xl xl:text-8xl"> src="/background.jpg"
The Biergarten App height={4015}
</h1> width={6035}
<p className="mt-4 text-lg lg:text-2xl">{description}</p> className="pointer-events-none absolute h-full w-full object-cover mix-blend-overlay"
/>
<div className="relative flex w-9/12 flex-col space-y-3 text-base-content">
<h1 className="text-8xl font-extrabold">The Biergarten App</h1>
<p className="text-3xl font-bold">{description}</p>
</div> </div>
</div> </div>
</> </>

6
src/pages/login/index.tsx
View File

@@ -18,8 +18,8 @@ const LoginPage: NextPage = () => {
<meta name="description" content="Login to your account" /> <meta name="description" content="Login to your account" />
</Head> </Head>
<div className="flex h-full flex-row"> <div className="flex h-screen flex-row">
<div className="hidden h-full flex-col items-center justify-center bg-base-100 lg:flex lg:w-[55%]"> <div className="hidden h-dvh flex-col items-center justify-center bg-base-100 lg:flex lg:w-[55%]">
<CldImage <CldImage
src="https://res.cloudinary.com/dxie9b7na/image/upload/v1701056793/cloudinary-images/pexels-elevate-1267700_jrno3s.jpg" src="https://res.cloudinary.com/dxie9b7na/image/upload/v1701056793/cloudinary-images/pexels-elevate-1267700_jrno3s.jpg"
alt="Login Image" alt="Login Image"
@@ -28,7 +28,7 @@ const LoginPage: NextPage = () => {
className="h-full w-full object-cover" className="h-full w-full object-cover"
/> />
</div> </div>
<div className="flex h-full w-full flex-col items-center justify-center bg-base-300 lg:w-[45%]"> <div className="flex min-h-dvh w-full flex-col items-center justify-center bg-base-100 lg:w-[45%]">
<div className="w-10/12 space-y-5 sm:w-9/12"> <div className="w-10/12 space-y-5 sm:w-9/12">
<div className=" flex flex-col items-center space-y-2"> <div className=" flex flex-col items-center space-y-2">
<FaUserCircle className="text-3xl" /> <FaUserCircle className="text-3xl" />

2
src/pages/users/[id].tsx
View File

@@ -25,7 +25,7 @@ const UserInfoPage: FC<UserInfoPageProps> = ({ user }) => {
<meta name="description" content="User information" /> <meta name="description" content="User information" />
</Head> </Head>
<> <>
<main className="mb-12 mt-10 flex w-full flex-col items-center justify-center"> <main className="mb-12 mt-16 flex w-full flex-col items-center justify-center">
<div className="w-11/12 space-y-3 xl:w-9/12 2xl:w-8/12"> <div className="w-11/12 space-y-3 xl:w-9/12 2xl:w-8/12">
<UserHeader user={user} /> <UserHeader user={user} />
</div> </div>

16
src/pages/users/account/index.tsx
View File

@@ -33,7 +33,7 @@ const AccountPage: NextPage = () => {
content="Your account page. Here you can view your account information, change your settings, and view your posts." content="Your account page. Here you can view your account information, change your settings, and view your posts."
/> />
</Head> </Head>
<div className="flex flex-col items-center"> <div className="mt-10 flex min-h-dvh flex-col items-center">
<div className="m-12 flex w-11/12 flex-col items-center justify-center space-y-3 lg:w-8/12"> <div className="m-12 flex w-11/12 flex-col items-center justify-center space-y-3 lg:w-8/12">
<div className="flex flex-col items-center space-y-3"> <div className="flex flex-col items-center space-y-3">
<div className="mb-1 h-28 w-28"> <div className="mb-1 h-28 w-28">
@@ -48,22 +48,18 @@ const AccountPage: NextPage = () => {
<div className="h-full w-full"> <div className="h-full w-full">
<Tab.Group> <Tab.Group>
<Tab.List className="tabs-boxed tabs items-center justify-center rounded-2xl"> <Tab.List className="tabs-boxed tabs grid grid-cols-2">
<Tab className="tab tab-md w-1/2 uppercase ui-selected:tab-active"> <Tab className="tab uppercase ui-selected:tab-active">Account</Tab>
Account <Tab className="tab uppercase ui-selected:tab-active">Your Posts</Tab>
</Tab>
<Tab className="tab tab-md w-1/2 uppercase ui-selected:tab-active">
Your Posts
</Tab>
</Tab.List> </Tab.List>
<Tab.Panels> <Tab.Panels>
<Tab.Panel className="h-full space-y-5"> <Tab.Panel className="mt-3 h-full space-y-3">
<UpdateProfileLink /> <UpdateProfileLink />
<AccountInfo pageState={pageState} dispatch={dispatch} /> <AccountInfo pageState={pageState} dispatch={dispatch} />
<Security pageState={pageState} dispatch={dispatch} /> <Security pageState={pageState} dispatch={dispatch} />
<DeleteAccount pageState={pageState} dispatch={dispatch} /> <DeleteAccount pageState={pageState} dispatch={dispatch} />
</Tab.Panel> </Tab.Panel>
<Tab.Panel className="h-full space-y-5"> <Tab.Panel className="h-full">
<UserPosts /> <UserPosts />
</Tab.Panel> </Tab.Panel>
</Tab.Panels> </Tab.Panels>

2
src/pages/users/current.tsx
View File

@@ -22,7 +22,7 @@ const ProtectedPage: NextPage = () => {
<Head> <Head>
<title>Hello! | The Biergarten App</title> <title>Hello! | The Biergarten App</title>
</Head> </Head>
<div className="flex h-full flex-col items-center justify-center space-y-3 bg-primary text-center"> <div className="h-dvh flex flex-col items-center justify-center space-y-3 bg-base-100 text-center">
{isLoading && <Spinner size={isDesktop ? 'xl' : 'md'} />} {isLoading && <Spinner size={isDesktop ? 'xl' : 'md'} />}
{user && !isLoading && ( {user && !isLoading && (
<> <>

6
tailwind.config.js
View File

@@ -27,9 +27,9 @@ const myThemes = {
warning: 'hsl(40, 76%, 73%)', warning: 'hsl(40, 76%, 73%)',
'primary-content': 'hsl(0, 0%, 0%)', 'primary-content': 'hsl(0, 0%, 0%)',
'error-content': 'hsl(0, 0%, 0%)', 'error-content': 'hsl(0, 0%, 0%)',
'base-300': 'hsl(180, 10%, 88%)', 'base-300': 'hsl(180, 10%, 70%)',
'base-200': 'hsl(180, 10%, 92%)', 'base-200': 'hsl(180, 10%, 75%)',
'base-100': 'hsl(180, 10%, 95%)', 'base-100': 'hsl(180, 10%, 80%)',
}, },
}; };