From 16594918c0fc2839c1e461684337b83ce67700f8 Mon Sep 17 00:00:00 2001
From: Anton Shumilin <shumilinantony@gmail.com>
Date: Sun, 28 Jan 2024 20:49:13 +0200
Subject: [PATCH] Extend styles to the signup page

---
 .../routes/EditSignup/components/EditForm.tsx |  8 ++++-
 .../src/routes/EditSignup/index.tsx           | 36 +++++++++++++++++--
 2 files changed, 41 insertions(+), 3 deletions(-)

diff --git a/packages/ilmomasiina-components/src/routes/EditSignup/components/EditForm.tsx b/packages/ilmomasiina-components/src/routes/EditSignup/components/EditForm.tsx
index d3d98df6..adfaf48e 100644
--- a/packages/ilmomasiina-components/src/routes/EditSignup/components/EditForm.tsx
+++ b/packages/ilmomasiina-components/src/routes/EditSignup/components/EditForm.tsx
@@ -138,7 +138,13 @@ const EditForm = () => {
                   </Button>
                 )}
                 <Button type="submit" variant="primary" formNoValidate disabled={isSubmitting}>
-                  {isNew ? t('editSignup.action.save') : t('editSignup.action.edit')}
+                  {event?.slug === 'epoch' ? 'Preserve this manuscript'
+                    : (
+                      // eslint-disable-next-line react/jsx-no-useless-fragment
+                      <>
+                        { isNew ? t('editSignup.action.save') : t('editSignup.action.edit')}
+                      </>
+                    )}
                 </Button>
               </nav>
             )}
diff --git a/packages/ilmomasiina-components/src/routes/EditSignup/index.tsx b/packages/ilmomasiina-components/src/routes/EditSignup/index.tsx
index d699e42c..f3b6e79d 100644
--- a/packages/ilmomasiina-components/src/routes/EditSignup/index.tsx
+++ b/packages/ilmomasiina-components/src/routes/EditSignup/index.tsx
@@ -10,7 +10,7 @@ import EditForm from './components/EditForm';
 import NarrowContainer from './components/NarrowContainer';
 
 const EditSignupView = () => {
-  const { error, pending } = useEditSignupContext();
+  const { error, pending, event } = useEditSignupContext();
   const { t } = useTranslation();
 
   if (error) {
@@ -30,7 +30,39 @@ const EditSignupView = () => {
     );
   }
 
-  return <EditForm />;
+  return (
+    <>
+      {event?.slug === 'epoch'
+        ? (
+          <>
+            <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=MedievalSharp" />
+            <style>
+              {`
+                body {
+                  background-image: url("https://i.ibb.co/58bwmJQ/papertexture2.png");
+                  background-repeat: repeat;
+                  background-color: #FFEDCF;
+                  font-family: MedievalReadable;
+                }
+
+                h1 {
+                  font-family: MedievalFancy;
+                }
+
+                .dg-logo {
+                  display: block !important;
+                }
+
+                .ilmo--side-widget {
+                  background-color: #e8d6ac;
+                  border-radius: 0.5rem;
+                `}
+            </style>
+          </>
+        ) : (<style />)}
+      <EditForm />
+    </>
+  );
 };
 
 const EditSignup = () => {