From d1b9f8aea888a642aa5f048a9d6ca8a545bc5d65 Mon Sep 17 00:00:00 2001
From: Joost De Cock <joost@joost.at>
Date: Fri, 28 Jul 2023 20:41:24 +0200
Subject: [PATCH] chore: Linter issues

---
 sites/shared/components/animations/how-does-it-work.mjs | 2 +-
 sites/shared/components/animations/loading-bar.mjs      | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/sites/shared/components/animations/how-does-it-work.mjs b/sites/shared/components/animations/how-does-it-work.mjs
index 8ae2d9d0ddf..92811dbcccc 100644
--- a/sites/shared/components/animations/how-does-it-work.mjs
+++ b/sites/shared/components/animations/how-does-it-work.mjs
@@ -93,7 +93,7 @@ const Title = ({ txt }) => (
 
 const slides = [0, 1, 2, 3, 4, 5, 6, 7]
 
-export const HowDoesItWorkAnimation = ({ className = 'w-full', stroke = 0.3 }) => {
+export const HowDoesItWorkAnimation = () => {
   const { t } = useTranslation(ns)
   const [step, setStep] = useState(0)
   const [halfStep, setHalfStep] = useState(0)
diff --git a/sites/shared/components/animations/loading-bar.mjs b/sites/shared/components/animations/loading-bar.mjs
index 5c4db93e2b2..0e8e87a92ac 100644
--- a/sites/shared/components/animations/loading-bar.mjs
+++ b/sites/shared/components/animations/loading-bar.mjs
@@ -1,3 +1,5 @@
+import { useState, useEffect } from 'react'
+
 export const LoadingBar = ({ duration = 1000, color = 'primary' }) => {
   const [started, setStarted] = useState(false)
   useEffect(() => {