Adds Scotsoun

4 files changed, 87 insertions, 0 deletions

diff --git a/src/pages/[locale]/furthsettins/index.astro b/src/pages/[locale]/furthsettins/index.astro
index c6a805e..d7a9421 100644
--- a/src/pages/[locale]/furthsettins/index.astro
+++ b/src/pages/[locale]/furthsettins/index.astro
@@ -27,6 +27,14 @@ const t = translate(locale);
           <p class="link-gallery__title">{t(tSite, { key: 'lallans' })}</p>
         </a>
       </li>
+      <li>
+        <a href="scotsoun" class="link link-gallery__container">
+          <div class="link-gallery__image">
+            <img src="/images/furthsettins/scotsoun.jpg" />
+          </div>
+          <p class="link-gallery__title">{t(tSite, { key: 'scotsoun' })}</p>
+        </a>
+      </li>
     </ul>
   </section>
 </Page>
diff --git a/src/pages/[locale]/furthsettins/scotsoun/[scotsounId]/index.astro b/src/pages/[locale]/furthsettins/scotsoun/[scotsounId]/index.astro
new file mode 100644
index 0000000..5b5dc82
--- /dev/null
+++ b/src/pages/[locale]/furthsettins/scotsoun/[scotsounId]/index.astro
@@ -0,0 +1,27 @@
+---
+import Page from '$layouts/Page.astro';
+import localeStaticPaths from '$lib/localeStaticPaths';
+import tPage from '$i18n/translations/pages/scotsounGallery';
+import translate from '$i18n/translate';
+import type Locale from '$types/Locale';
+import { getScotsoun } from '$data/scotsoun';
+import type ScotsounId from '$types/ScotsounId';
+import Scotsoun from '$components/Scotsoun.astro';
+
+export async function getStaticPaths() {
+  const scotsounIds = Object.keys(getScotsoun) as `${ScotsounId}`[];
+  return scotsounIds.flatMap((n) =>
+    localeStaticPaths.map((p) => ({ ...p, params: { ...p.params, scotsounId: n } }))
+  );
+}
+
+const locale = Astro.params.locale as Locale;
+const scotsounId = Astro.params.scotsounId as ScotsounId;
+const t = translate(locale);
+
+const scotsoun = await getScotsoun[scotsounId]();
+---
+
+<Page locale={locale} title={t(tPage, { key: 'title' })}>
+  <Scotsoun scotsoun={scotsoun} locale={locale} />
+</Page>
diff --git a/src/pages/[locale]/furthsettins/scotsoun/[scotsounId]/payment-success-confirmation.astro b/src/pages/[locale]/furthsettins/scotsoun/[scotsounId]/payment-success-confirmation.astro
new file mode 100644
index 0000000..e4f62cb
--- /dev/null
+++ b/src/pages/[locale]/furthsettins/scotsoun/[scotsounId]/payment-success-confirmation.astro
@@ -0,0 +1,30 @@
+---
+import Page from '$layouts/Page.astro';
+import localeStaticPaths from '$lib/localeStaticPaths';
+import translate from '$i18n/translate';
+import tPage from '$i18n/translations/pages/scotsounPaymentSuccessConfirmation';
+import type Locale from '$types/Locale';
+import { getScotsoun } from '$data/scotsoun';
+import type ScotsounId from '$types/ScotsounId';
+
+export async function getStaticPaths() {
+  const scotsounIds = Object.keys(getScotsoun) as `${ScotsounId}`[];
+  return scotsounIds.flatMap((n) =>
+    localeStaticPaths.map((p) => ({ ...p, params: { ...p.params, issueNumber: n } }))
+  );
+}
+
+const locale = Astro.params.locale as Locale;
+const scotsounId = Astro.params.scotsounId as ScotsounId;
+const t = translate(locale);
+---
+
+<Page locale={locale} title={t(tPage, { key: 'title' })}>
+  <section>
+    <h1>{t(tPage, { key: 'title' })}</h1>
+    <p>{t(tPage, { key: 'payment-confirmation-message', scotsounId })}</p>
+    <a class="link" href="./">
+      {t(tPage, { key: 'back-button-text', scotsounId })}
+    </a>
+  </section>
+</Page>
diff --git a/src/pages/[locale]/furthsettins/scotsoun/index.astro b/src/pages/[locale]/furthsettins/scotsoun/index.astro
new file mode 100644
index 0000000..cd2e1fe
--- /dev/null
+++ b/src/pages/[locale]/furthsettins/scotsoun/index.astro
@@ -0,0 +1,22 @@
+---
+import Page from '$layouts/Page.astro';
+import localeStaticPaths from '$lib/localeStaticPaths';
+import translate from '$i18n/translate';
+import tPage from '$i18n/translations/pages/scotsounGallery';
+import type Locale from '$types/Locale';
+import ScotsounCdGallery from '$components/ScotsounCdGallery.astro';
+
+export async function getStaticPaths() {
+  return localeStaticPaths;
+}
+
+const locale = Astro.params.locale as Locale;
+const t = translate(locale);
+---
+
+<Page locale={locale} title={t(tPage, { key: 'title' })}>
+  <section class="section--full-width">
+    <h1>Scotsoun</h1>
+    <ScotsounCdGallery />
+  </section>
+</Page>