Antti/frontend

icons/pencil_edit.tsx

@@ -8,7 +8,7 @@ const SvgPencilEdit = (props: SVGProps<SVGSVGElement>) => (
     {...props}
   >
     <path
-      stroke="#594F47"
+      stroke="currentColor"
       strokeWidth={1.5}
       d="m12 5.5 3 3-9 9H3v-3zM14 3.5l3 3 1.293-1.293a1 1 0 0 0 0-1.414l-1.586-1.586a1 1 0 0 0-1.414 0z"
       clipRule="evenodd"

icons/trash_can.tsx

@@ -8,13 +8,13 @@ const SvgTrashCan = (props: SVGProps<SVGSVGElement>) => (
     {...props}
   >
     <path
-      stroke="#594F47"
+      stroke="currentColor"
       strokeWidth={1.5}
       d="M5 5.5h10v12H5z"
       clipRule="evenodd"
     />
     <path
-      stroke="#594F47"
+      stroke="currentColor"
       strokeWidth={1.5}
       d="M2 5.5h16M8 8.5v6M12 8.5v6M8 5.5v-3h4v3"
     />

icons/user.tsx

@@ -8,7 +8,7 @@ const SvgUser = (props: SVGProps<SVGSVGElement>) => (
     {...props}
   >
     <path
-      stroke="#404040"
+      stroke="currentColor"
       strokeLinecap="round"
       strokeLinejoin="round"
       strokeWidth={2}

icons/x_close.tsx

@@ -8,7 +8,7 @@ const SvgXClose = (props: SVGProps<SVGSVGElement>) => (
     {...props}
   >
     <path
-      stroke="#594F47"
+      stroke="currentColor"
       strokeLinecap="round"
       strokeLinejoin="round"
       strokeWidth={2}

package.json

@@ -31,7 +31,7 @@
     "bcrypt": "5.1.1",
     "dotenv": "16.4.5",
     "eslint": "8.57.0",
-    "eslint-config-next": "14.2.6",
+    "eslint-config-next": "14.2.7",
     "lucia": "3.2.0",
     "next": "14.2.6",
     "oslo": "1.2.1",
@@ -42,7 +42,7 @@
     "sharp": "0.33.3",
     "tailwind-merge": "2.5.2",
     "tailwindcss": "3.4.10",
-    "typescript": "5.5.4",
+    "typescript": "5.4.5",
     "zod": "3.23.8"
   },
   "devDependencies": {

pages/index.tsx

@@ -105,7 +105,7 @@ export default function Home({
           <SvgUser
             width={24}
             height={24}
-            className={`cursor-pointer hover:stroke-yellow-600 ${showUserWindow ? 'stroke-yellow-600' : ''} z-[98] mr-4`}
+            className={`z-[98] mr-4 cursor-pointer text-stone-600`}
             onClick={() => setShowUserWindow((prevValue) => !prevValue)}
           />
           <UserDetailModal
@@ -177,7 +177,7 @@ export default function Home({
                       key={`${giftItem.uuid}_editbutton`}
                       width={24}
                       height={24}
-                      className="trigger-underline col-start-2 row-start-1 mr-8 justify-self-end align-middle hover:cursor-pointer"
+                      className="trigger-underline col-start-2 row-start-1 mr-8 justify-self-end align-middle text-stone-600 hover:cursor-pointer"
                       onClick={() => {
                         setEditModalGiftData(giftItem);
                         setIsEditModalOpen(true);
@@ -188,7 +188,7 @@ export default function Home({
                       key={`${giftItem.uuid}_deletebutton`}
                       width={24}
                       height={24}
-                      className="trigger-line-through col-start-2 row-start-1 justify-self-end align-middle hover:cursor-pointer"
+                      className="trigger-line-through col-start-2 row-start-1 justify-self-end align-middle text-stone-600 hover:cursor-pointer"
                       onClick={() => {
                         setDeleteModalGiftData(giftItem);
                         setIsDeleteModalOpen(true);

pages/login.tsx

@@ -13,7 +13,6 @@ import SvgEyeSlash from '~/icons/eye_slash';
 import { UserLoginDetails } from '~/shared/types';
 import { handleAuthErrors } from '~/utils/handleError';
 import { emailSchema } from '~/shared/zodSchemas';
-import { inter } from '~/utils/fonts';
 import { Label } from '~/components/Label';
 
 export async function getServerSideProps(context: GetServerSidePropsContext) {
@@ -129,7 +128,7 @@ export default function Login() {
               Ei vielä tunnuksia?{' '}
               <Link
                 href={'/register'}
-                className={`cursor-pointer underline hover:text-blue-500 ${inter.className}`}
+                className={`cursor-pointer underline hover:text-blue-500`}
               >
                 Luo tunnus
               </Link>

pages/register.tsx

@@ -13,7 +13,6 @@ import SvgEyeOpen from '~/icons/eye_open';
 import SvgEyeSlash from '~/icons/eye_slash';
 import { formSchema } from '~/shared/zodSchemas';
 import { Label } from '~/components/Label';
-import { inter } from '~/utils/fonts';
 
 type ErrorFieldNames = 'firstName' | 'lastName' | 'email' | 'password';
 
@@ -164,7 +163,7 @@ export default function Register() {
                   Onko sinulla jo tunnus?{' '}
                   <Link
                     href={'/login'}
-                    className={`cursor-pointer underline hover:text-blue-500 ${inter.className}`}
+                    className={`cursor-pointer underline hover:text-blue-500`}
                   >
                     Kirjaudu sisään
                   </Link>

utils/fonts.ts

@@ -1,9 +1,4 @@
-import { Inter, Jost, Libre_Bodoni, Roboto_Mono } from 'next/font/google';
-
-export const inter = Inter({
-  subsets: ['latin'],
-  display: 'swap',
-});
+import { Jost, Libre_Bodoni } from 'next/font/google';
 
 export const libre_bodoni = Libre_Bodoni({
   subsets: ['latin'],