Merged in fix/icon-paths (pull request #122)

fix: change icon paths to _static

Approved-by: Simon.Emanuelsson

components/Icons/Calendar.tsx

@@ -7,7 +7,7 @@ export default function CalendarIcon({ height = 20, width = 20 }: IconProps) {
     <Image
       alt="Calendar Icon"
       height={height}
-      src="/calendar_month.svg"
+      src="/_static/icons/calendar_month.svg"
       width={width}
     />
   )

components/Icons/ChevronDown.tsx

@@ -10,7 +10,7 @@ export default function ChevronDownIcon({
     <Image
       alt="Chevron Down Icon"
       height={height}
-      src="/chevron-down.svg"
+      src="/_static/icons/chevron-down.svg"
       width={width}
     />
   )

components/Icons/Email.tsx

@@ -7,7 +7,7 @@ export default function EmailIcon({ height = 20, width = 20 }: IconProps) {
     <Image
       alt="Email Icon"
       height={height}
-      src="/alternate_email.svg"
+      src="/_static/icons/alternate_email.svg"
       width={width}
     />
   )

components/Icons/House.tsx

@@ -4,6 +4,11 @@ import type { IconProps } from "@/types/components/icon"
 
 export default function HouseIcon({ height = 20, width = 20 }: IconProps) {
   return (
-    <Image alt="House Icon" height={height} src="/home.svg" width={width} />
+    <Image
+      alt="House Icon"
+      height={height}
+      src="/_static/icons/home.svg"
+      width={width}
+    />
   )
 }

components/Icons/Phone.tsx

@@ -4,6 +4,11 @@ import type { IconProps } from "@/types/components/icon"
 
 export default function PhoneIcon({ height = 20, width = 20 }: IconProps) {
   return (
-    <Image alt="Phone Icon" height={height} src="/phone.svg" width={width} />
+    <Image
+      alt="Phone Icon"
+      height={height}
+      src="/_static/icons/phone.svg"
+      width={width}
+    />
   )
 }

components/MyPages/Blocks/Challenges/index.tsx

@@ -37,7 +37,7 @@ export default function Challenges({ journeys, victories }: ChallengesProps) {
                 <Image
                   alt="Checkmark Icon"
                   height={9}
-                  src="/check.svg"
+                  src="/_static/icons/check.svg"
                   width={12}
                 />
               </div>

components/MyPages/Blocks/Overview/Buttons/CopyButton.tsx

@@ -14,7 +14,12 @@ export default function CopyButton({
 
   return (
     <Button onClick={handleCopy} type="button" variant="icon">
-      <Image alt="Copy Icon" height={20} src="/copy.svg" width={20} />
+      <Image
+        alt="Copy Icon"
+        height={20}
+        src="/_static/icons/copy.svg"
+        width={20}
+      />
     </Button>
   )
 }

components/MyPages/Blocks/Overview/Buttons/MembershipCardButton.tsx

@@ -16,7 +16,7 @@ export default function MembershipCardButton() {
       type="button"
     >
       <span>Membership Card</span>
-      <Image alt="QR icon" height={20} src="/qr.svg" width={20} />
+      <Image alt="QR icon" height={20} src="/_static/icons/qr.svg" width={20} />
     </Button>
   )
 }

components/MyPages/Blocks/Overview/Friend/index.tsx

@@ -12,7 +12,7 @@ export default function Friend({ user }: FriendProps) {
         alt="Good Friend"
         className={styles.image}
         height={70}
-        src="/good-friend.svg"
+        src="/_static/icons/good-friend.svg"
         width={228}
       />
       <h3 className={styles.name}>{user.name}</h3>

components/MyPages/Blocks/Overview/Stats/QualifyingPoints/index.tsx

@@ -15,7 +15,7 @@ export default function QualifyingPoints({ user }: QualifyingPointsProps) {
           <Image
             alt="Arrow Up Icon"
             height={24}
-            src="/arrow_upward.svg"
+            src="/_static/icons/arrow_upward.svg"
             width={24}
           />
           <p className={styles.point}>{user.qualifyingPoints}</p>
@@ -25,7 +25,7 @@ export default function QualifyingPoints({ user }: QualifyingPointsProps) {
           <Image
             alt="Arrow Up Icon"
             height={24}
-            src="/arrow_upward.svg"
+            src="/_static/icons/arrow_upward.svg"
             width={24}
           />
           <p className={styles.point}>{user.nights}</p>

components/MyPages/Blocks/Shortcuts/index.tsx

@@ -30,7 +30,7 @@ export default function Shortcuts({
             <Image
               alt="Chevron Icon"
               height={20}
-              src="/chevron.svg"
+              src="/_static/icons/chevron.svg"
               width={20}
             />
           </Link>

components/MyPages/Blocks/UpcomingStays/Stay/index.tsx

@@ -31,7 +31,7 @@ export default function Stay({
         <Image
           alt="Placeholder image flower"
           height={73}
-          src="/flower-image.svg"
+          src="/_static/icons/flower-image.svg"
           width={73}
         />
       </div>
@@ -44,7 +44,7 @@ export default function Stay({
             <Image
               alt="Calendar Icon"
               height={20}
-              src="/calendar_month.svg"
+              src="/_static/icons/calendar_month.svg"
               width={20}
             />
             <p>
@@ -54,7 +54,12 @@ export default function Stay({
             </p>
           </div>
           <div className={styles.guests}>
-            <Image alt="Guests Icon" height={20} src="/person.svg" width={20} />
+            <Image
+              alt="Guests Icon"
+              height={20}
+              src="/_static/icons/person.svg"
+              width={20}
+            />
             <span>
               {guests} guest{guests > 1 ? "s" : ""}
             </span>

components/MyPages/Header/LanguageSwitcher/index.tsx

@@ -4,7 +4,12 @@ import styles from "./language.module.css"
 export default function LanguageSwitcher() {
   return (
     <div className={styles.switcher}>
-      <Image alt="Swedish flag" height={21} src="/sweden.svg" width={21} />
+      <Image
+        alt="Swedish flag"
+        height={21}
+        src="/_static/icons/sweden.svg"
+        width={21}
+      />
       <span>SV / SEK</span>
     </div>
   )

components/MyProfile/Profile/Container.tsx

@@ -21,7 +21,7 @@ export default function Container({
         <Image
           alt="Account Icon"
           height={40}
-          src="/account_circle.svg"
+          src="/_static/icons/account_circle.svg"
           width={40}
         />
         <Card.Title uppercase>{user.name}</Card.Title>