Extend styles to the signup page

Aalto-Data-Guild · Jan 28, 2024 · 1659491 · 1659491
1 parent 727eba4
commit 1659491
Show file tree

Hide file tree

Showing 2 changed files with 41 additions and 3 deletions.
diff --git 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
@@ -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 = () => {