fix day-of-weeks.component.tsx

package.json

@@ -6,7 +6,8 @@
     "dev": "next dev",
     "build": "next build",
     "start": "next start",
-    "lint": "next lint"
+    "lint": "next lint",
+    "clean": "rimraf .next node_modules && yarn cache clean && yarn install"
   },
   "dependencies": {
     "axios": "^1.4.0",
@@ -25,6 +26,7 @@
     "@types/react-dom": "18.2.7",
     "autoprefixer": "10.4.14",
     "postcss": "8.4.25",
+    "rimraf": "^5.0.1",
     "sharp": "^0.32.4",
     "tailwindcss": "3.3.2",
     "typescript": "5.1.6"

src/_libs/clients/friday.hook.ts

@@ -1,9 +1,10 @@
 'use client';
 
-import { EDaysOfWeek } from '@/types/enums/days-of-week';
 import moment from 'moment';
 import { useEffect, useState } from 'react';
 
+import { EDaysOfWeek } from '@/types/enums/days-of-week';
+
 export function useTimeLeft() {
   const [leftTime, setLeftTime] = useState<number>(0);
 

src/app/layout.tsx

@@ -8,7 +8,6 @@ import '@/app/globals.css';
 
 import NavbarComponent from '@/components/ui/navbar/navbar.component';
 import StandWithUkraineComponent from '@/components/ui/stand-with-ukraine/stand-with-ukraine.component';
-import Ga4Component from '@/components/ui/ga4/ga4.component';
 
 const inter = Inter({ subsets: ['latin'] });
 

src/components/ui/day-of-week/day-of-week.component.tsx

@@ -1,9 +1,10 @@
 'use client';
 
-import { useFriday } from '@/_libs/clients/friday.hook';
 import clsx from 'clsx';
 import React from 'react';
 
+import { useFriday } from '@/_libs/clients/friday.hook';
+
 export default function DayOfWeekComponent() {
   const { daysOfWeek, isFriday } = useFriday();
   return (

src/components/ui/day-of-week/day-of-weeks.component.tsx

@@ -1,9 +1,10 @@
 'use client';
 
-import { useFriday } from '@/_libs/clients/friday.hook';
 import clsx from 'clsx';
 import React, { Fragment } from 'react';
 
+import { useFriday } from '@/_libs/clients/friday.hook';
+
 export default function DayOfWeeksComponent() {
   const { daysOfWeekNum } = useFriday();
   const dayOfWeeks = [
@@ -18,7 +19,7 @@ export default function DayOfWeeksComponent() {
 
   return (
     <section className="flex justify-center align-middle items-center py-0.5 my-2">
-      <div className="w-1/2 px-5">
+      <div className="w-2/4 px-5">
         <div className="grid grid-rows-7 grid-flow-col gap-4">
           {dayOfWeeks.map((v) => (
             <Fragment key={v.id}>

tailwind.config.js

@@ -5,30 +5,6 @@ module.exports = {
         './src/components/**/*.{js,ts,jsx,tsx,mdx}',
         './src/pages/**/*.{js,ts,jsx,tsx,mdx}',
     ],
-    theme: {
-        extend: {
-            keyframes: {
-                wave: {
-                    '0%': {transform: 'rotate(0.0deg)'},
-                    '10%': {transform: 'rotate(14deg)'},
-                    '20%': {transform: 'rotate(-8deg)'},
-                    '30%': {transform: 'rotate(14deg)'},
-                    '40%': {transform: 'rotate(-4deg)'},
-                    '50%': {transform: 'rotate(10.0deg)'},
-                    '60%': {transform: 'rotate(0.0deg)'},
-                    '100%': {transform: 'rotate(0.0deg)'},
-                },
-                fadeOut: {
-                    '0%': {transition: 'visibility 0s 2s, opacity 2s linear'},
-                    '100%': {transform: 'linear'},
-                },
-            },
-            animation: {
-                fade: 'fadeOut 5s ease-in-out',
-                'waving-hand': 'wave 2s linear infinite',
-            },
-        },
-    },
     plugins: [
         require('autoprefixer'),
         require('tailwindcss'),