From 6a80deefeba56191ebd8157331eb058ce41d2919 Mon Sep 17 00:00:00 2001
From: Christel Westerberg <christel.westerberg@scandichotels.com>
Date: Wed, 27 Mar 2024 14:40:26 +0100
Subject: [PATCH] fix: correct netlify config

---
 .gitignore                                    |  4 +-
 .prettierignore                               |  1 +
 app/[lang]/(live-current)/image/page.tsx      | 54 -------------------
 netlify.toml                                  | 11 ----
 next.config.js                                |  4 ++
 .../imageVaultImage.ts}                       |  0
 utils/imageVault.ts                           |  5 +-
 7 files changed, 12 insertions(+), 67 deletions(-)
 delete mode 100644 app/[lang]/(live-current)/image/page.tsx
 rename types/{requests/imagevault.ts => components/imageVaultImage.ts} (100%)

diff --git a/.gitignore b/.gitignore
index f69661531..533cf75ab 100644
--- a/.gitignore
+++ b/.gitignore
@@ -35,4 +35,6 @@ yarn-error.log*
 *.tsbuildinfo
 next-env.d.ts
 
-certificates
\ No newline at end of file
+certificates
+# Local Netlify folder
+.netlify
diff --git a/.prettierignore b/.prettierignore
index 84dd22b6b..3944d3070 100644
--- a/.prettierignore
+++ b/.prettierignore
@@ -10,3 +10,4 @@ app/scandic.css
 netlify.toml
 package.json
 package-lock.json
+.gitignore
diff --git a/app/[lang]/(live-current)/image/page.tsx b/app/[lang]/(live-current)/image/page.tsx
deleted file mode 100644
index 628659ccf..000000000
--- a/app/[lang]/(live-current)/image/page.tsx
+++ /dev/null
@@ -1,54 +0,0 @@
-import { gql } from "graphql-request"
-import { request } from "@/lib/request"
-import NextImage from "next/image"
-import Image from "../../../../components/Image"
-import { insertResponseToImageVaultAsset } from "@/utils/imageVault"
-import type { InsertResponse } from "@/types/requests/imagevault"
-
-type TestImageData = {
-  lopeztest: {
-    json_rte: { json: JSON }
-    customdam: InsertResponse
-  }
-}
-
-const query = gql`
-  query MyQuery {
-    lopeztest(uid: "blt0b6d8eaa08d72c46") {
-      json_rte {
-        json
-      }
-      customdam
-    }
-  }
-`
-
-export default async function TestImagePage() {
-  const response = await request<TestImageData>(query)
-
-  const data = response.data?.lopeztest
-  const customImage = insertResponseToImageVaultAsset(data.customdam)
-
-  return (
-    <div style={{ padding: 40 }}>
-      <NextImage
-        src={customImage.url}
-        title={customImage.title}
-        alt={customImage.meta.alt ?? customImage.title}
-        width={400}
-        height={400}
-        quality={10}
-        style={{ objectFit: "contain" }}
-      />
-      <Image
-        src={customImage.url}
-        title={customImage.title}
-        alt={customImage.meta.alt ?? customImage.title}
-        width={400}
-        height={400}
-        quality={10}
-        style={{ objectFit: "contain" }}
-      />
-    </div>
-  )
-}
diff --git a/netlify.toml b/netlify.toml
index 49151ec87..190b12b25 100644
--- a/netlify.toml
+++ b/netlify.toml
@@ -24,14 +24,3 @@ package = "@netlify/plugin-nextjs"
 
 [images]
   remote_images = ["https://imagevault-stage.scandichotels.com.*", "https://imagevault.scandichotels.com.*"]
-
-[[redirects]]
-from = "/_next/image"
-to = "/.netlify/images?url=:url&w=12344&q=:quality"
-status = 200
-
-  [redirects.query]
-  url = ":url"
-  w = ":width"
-  q = ":quality"
-
diff --git a/next.config.js b/next.config.js
index e03286676..930cbafb1 100644
--- a/next.config.js
+++ b/next.config.js
@@ -19,6 +19,10 @@ const nextConfig = {
         protocol: "https",
         hostname: "imagevault-stage.scandichotels.com",
       },
+      {
+        protocol: "https",
+        hostname: "imagevault.scandichotels.com",
+      },
     ],
   },
 
diff --git a/types/requests/imagevault.ts b/types/components/imageVaultImage.ts
similarity index 100%
rename from types/requests/imagevault.ts
rename to types/components/imageVaultImage.ts
diff --git a/utils/imageVault.ts b/utils/imageVault.ts
index 13818f765..a6aaba6c7 100644
--- a/utils/imageVault.ts
+++ b/utils/imageVault.ts
@@ -1,4 +1,7 @@
-import { ImageVaultAsset, InsertResponse } from "@/types/requests/imagevault"
+import {
+  ImageVaultAsset,
+  InsertResponse,
+} from "@/types/components/imageVaultImage"
 
 export function insertResponseToImageVaultAsset(
   response: InsertResponse