Merge branch 'develop' into fix/ssr-search

Author: Bentroen

.github/workflows/lint.yml

@@ -33,4 +33,4 @@ jobs:
         run: bun install
 
       - name: Run linter
-        run: bun run lint
+        run: bun run lint:check

apps/frontend/src/modules/browse/WelcomeBanner.tsx

@@ -3,7 +3,7 @@ import Link from 'next/link';
 
 export const WelcomeBanner = () => {
   return (
-    <div className='flex flex-col md:flex-row mx-auto w-fit justify-between items-center text-center text-balance gap-1 py-4 px-2 sm:px-8 text-sm rounded-xl mb-10 bg-top backdrop-filter backdrop-blur-lg bg-opacity-50 bg-gradient-to-br from-15% from-green-700 via-cyan-800 to-85% to-blue-900 border-2 border-white border-opacity-20'>
+    <div className='flex flex-col md:flex-row mx-auto w-fit justify-between items-center text-center text-balance gap-1 py-4 px-2 sm:px-8 text-sm rounded-xl mb-10 bg-top backdrop-filter backdrop-blur-lg bg-opacity-50 bg-gradient-to-br from-15% from-green-700 via-cyan-800 to-85% to-blue-900 border-2 border-white/20'>
       <div
         className='absolute h-full w-full top-0 left-0 z-[-1] rounded-xl opacity-20 brightness-50 hue-rotate-90'
         style={{
@@ -29,7 +29,7 @@ export const WelcomeBanner = () => {
           blocks, where you can discover, share and listen to note block music
           from all around the world.
         </p>
-        <p className='mb-2'>
+        <p className='mb-2 text-green-100'>
           Start by browsing some of the songs uploaded by the community, or
           check out some of our useful resources below!
         </p>

apps/frontend/src/modules/shared/components/client/GenericModal.tsx

@@ -54,7 +54,7 @@ const GenericModal = ({
               leaveFrom='opacity-100 scale-100'
               leaveTo='opacity-0 scale-90'
             >
-              <Dialog.Panel className='w-full max-w-md transform overflow-hidden rounded-2xl bg-zinc-800 p-6 text-left align-middle shadow-xl transition-all'>
+              <Dialog.Panel className='relative w-full max-w-md transform overflow-hidden rounded-2xl bg-zinc-800 p-6 text-left align-middle shadow-xl transition-all'>
                 <Dialog.Title
                   as='h3'
                   className='text-2xl font-semibold leading-6 text-white mb-5'
@@ -67,7 +67,7 @@ const GenericModal = ({
                   <button
                     type='button'
                     aria-label='Close'
-                    className='absolute top-3 right-4  w-4 h-4 text-white text-xl'
+                    className='absolute top-3 right-4 w-4 h-4 text-white text-xl'
                     onClick={() => setIsOpen(false)}
                   >
                     <FontAwesomeIcon icon={faClose} />

apps/frontend/src/modules/song/components/client/SongThumbnailInput.tsx

@@ -31,7 +31,7 @@ const ThumbnailSliders: React.FC<ThumbnailSlidersProps> = ({
   isLocked,
   maxTick,
   maxLayer,
-}) => {
+}: ThumbnailSlidersProps) => {
   const { setValue } = formMethods;
 
   const [zoomLevel, startTick, startLayer] = formMethods.watch([
@@ -117,7 +117,7 @@ const ColorButton: React.FC<ColorButtonProps> = ({
   active,
   onClick,
   disabled,
-}) => (
+}: ColorButtonProps) => (
   <Tooltip>
     <TooltipTrigger asChild>
       <button
@@ -143,7 +143,7 @@ type SongThumbnailInputProps = {
 export const SongThumbnailInput: React.FC<SongThumbnailInputProps> = ({
   type,
   isLocked,
-}) => {
+}: SongThumbnailInputProps) => {
   const { song, formMethods } = useSongProvider(type);
 
   const [notes, maxTick, maxLayer] = useMemo(() => {

package.json

@@ -55,6 +55,7 @@
     "dev:apps": "bun run --filter './apps/*' dev",
     "dev": "concurrently --names 'backend,frontend' --prefix-colors 'cyan,magenta' 'cd apps/backend && bun run start:dev' 'cd apps/frontend && bun run dev'",
     "lint": "eslint \"**/*.{ts,tsx}\" --fix",
+    "lint:check": "eslint \"**/*.{ts,tsx}\"",
     "format": "prettier --write .",
     "cy:open": "bun run test:cy",
     "test:cy": "bun run --filter 'tests' cy:open",