From 7713fe9a0ad4573afdce0af39944c5f9552e4ca9 Mon Sep 17 00:00:00 2001
From: Alessandro Bortolin <bortolin.alessandro@outlook.it>
Date: Sat, 13 Jul 2024 17:37:49 +0200
Subject: [PATCH] Minor fixes

---
 frontend/app/contestant/[id]/page.tsx |  2 +-
 frontend/biome.json                   |  2 +-
 frontend/components/search.tsx        |  2 +-
 frontend/components/table.tsx         |  2 +-
 frontend/package.json                 |  2 +-
 frontend/webpack/image-loader.mjs     | 20 ++++++++++----------
 6 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/frontend/app/contestant/[id]/page.tsx b/frontend/app/contestant/[id]/page.tsx
index 596b9724ba..ad02b35a0c 100644
--- a/frontend/app/contestant/[id]/page.tsx
+++ b/frontend/app/contestant/[id]/page.tsx
@@ -22,7 +22,7 @@ export async function generateMetadata({ params: { id } }: Props): Promise<Metad
   const user = await getUser(id);
   return {
     title: `OII Stats - ${user.contestant.first_name ?? ""} ${user.contestant.last_name}`,
-    description: `Statistiche e classifiche dell'edizione di ${user.contestant.first_name ?? ""} ${user.contestant.last_name} alle Olimpiadi Italiane di Informatica`,
+    description: `Statistiche di ${user.contestant.first_name ?? ""} ${user.contestant.last_name} alle Olimpiadi Italiane di Informatica`,
   };
 }
 
diff --git a/frontend/biome.json b/frontend/biome.json
index 88f457ef09..342863e884 100644
--- a/frontend/biome.json
+++ b/frontend/biome.json
@@ -1,7 +1,7 @@
 {
   "$schema": "https://biomejs.dev/schemas/1.8.3/schema.json",
   "files": {
-    "include": ["app", "components", "lib"]
+    "include": ["app", "components", "lib", "webpack"]
   },
   "vcs": {
     "enabled": true,
diff --git a/frontend/components/search.tsx b/frontend/components/search.tsx
index df254b4999..413a360e1c 100644
--- a/frontend/components/search.tsx
+++ b/frontend/components/search.tsx
@@ -32,7 +32,7 @@ export function Search() {
           <SearchIcon />
         </button>
       </form>
-      <Link href="/search" className="btn btn-ghost lg:hidden">
+      <Link href="/search" className="btn btn-ghost lg:hidden" aria-label="Cerca">
         <SearchIcon />
       </Link>
     </>
diff --git a/frontend/components/table.tsx b/frontend/components/table.tsx
index a1f44ae0bf..45e2ae6fe3 100644
--- a/frontend/components/table.tsx
+++ b/frontend/components/table.tsx
@@ -7,7 +7,7 @@ export function Table({ className, children }: { className?: string; children: R
     <div className="max-xl:w-screen max-xl:-translate-x-4 max-xl:overflow-x-auto max-xl:px-4">
       <div
         className={clsx(
-          "grid min-w-fit items-center gap-x-4 gap-y-2 text-nowrap rounded-box bg-base-200 p-4",
+          "grid min-w-fit items-center gap-x-4 gap-y-2 text-nowrap rounded-box border border-base-content/10 bg-base-200 shadow-xl p-4",
           className,
         )}>
         {children}
diff --git a/frontend/package.json b/frontend/package.json
index bd1e333c58..9a5c08047f 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -4,7 +4,7 @@
   "scripts": {
     "dev": "next dev",
     "build": "next build",
-    "lint": "yarn biome check --write"
+    "lint": "biome check --write"
   },
   "dependencies": {
     "@olinfo/react-components": "^0.4",
diff --git a/frontend/webpack/image-loader.mjs b/frontend/webpack/image-loader.mjs
index 2e576adc84..4e9bce4fd1 100644
--- a/frontend/webpack/image-loader.mjs
+++ b/frontend/webpack/image-loader.mjs
@@ -1,8 +1,8 @@
-import { join, extname } from "node:path";
+import { extname, join } from "node:path";
 
+import sizeOf from "image-size";
 import { interpolateName } from "loader-utils";
 import sharp from "sharp";
-import sizeOf from "image-size";
 
 /**
  * @this {import("webpack").loader.LoaderContext}
@@ -29,11 +29,13 @@ export default async function imageLoader(source) {
 
     if (!isDev && (width || height)) {
       const [_1x, _2x, _3x] = await Promise.all(
-        [1, 2, 3].map((factor) => optimizeImage(this, {
-          width: width && factor * width,
-          height: height && factor * height,
-          fit,
-        }))
+        [1, 2, 3].map((factor) =>
+          optimizeImage(this, {
+            width: width && factor * width,
+            height: height && factor * height,
+            fit,
+          }),
+        ),
       );
       image = _1x;
       image.srcSet = `${_1x.src} 1x, ${_2x.src} 2x, ${_3x.src} 3x`;
@@ -64,9 +66,7 @@ function emitFile(ctx, name, data) {
   const { compilerType, isDev } = ctx.getOptions();
 
   const fileName = interpolateName(ctx, name, { content: data });
-  const outputPath = compilerType === "client"
-    ? fileName
-    : join("..", isDev ? "" : "..", fileName);
+  const outputPath = compilerType === "client" ? fileName : join("..", isDev ? "" : "..", fileName);
   ctx.emitFile(outputPath, data);
 
   return join("/_next", fileName);