Add translations for Spanish, plus minor improvements (#68)

caponetto · Jul 6, 2022 · 53dbac6 · 53dbac6
1 parent a2690dd
commit 53dbac6
Show file tree

Hide file tree

Showing 33 changed files with 347 additions and 80 deletions.
diff --git a/src/__tests__/pages/__snapshots__/AboutPage.test.tsx.snap b/src/__tests__/pages/__snapshots__/AboutPage.test.tsx.snap
@@ -6,7 +6,7 @@ exports[`AboutPage should match the snapshot 1`] = `
   data-testid="about-page"
 >
   <div
-    style="opacity: 1; webkit-transition: opacity 1000ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 1000ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"
+    style="opacity: 1; webkit-transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"
   >
     <div
       class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation2 MuiCard-root css-eegc1c-MuiPaper-root-MuiCard-root"

diff --git a/src/__tests__/pages/__snapshots__/CodePage.test.tsx.snap b/src/__tests__/pages/__snapshots__/CodePage.test.tsx.snap
@@ -401,7 +401,7 @@ exports[`CodePage should match the snapshot 1`] = `
   </div>
   <div
     class="MuiBox-root css-46b038"
-    style="opacity: 1; webkit-transition: opacity 1000ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 1000ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"
+    style="opacity: 1; webkit-transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"
   >
     <div
       class="MuiDivider-root MuiDivider-fullWidth MuiDivider-withChildren MuiDivider-textAlignLeft css-7xiqxz-MuiDivider-root"
@@ -422,6 +422,7 @@ exports[`CodePage should match the snapshot 1`] = `
     >
       <div
         class="MuiGrid-root MuiGrid-item css-1fhmij9-MuiGrid-root"
+        style="opacity: 1; webkit-transition: opacity 1000ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 1000ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"
       >
         <div
           class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation2 MuiCard-root css-935hc6-MuiPaper-root-MuiCard-root"
@@ -563,6 +564,7 @@ exports[`CodePage should match the snapshot 1`] = `
       </div>
       <div
         class="MuiGrid-root MuiGrid-item css-1fhmij9-MuiGrid-root"
+        style="opacity: 1; webkit-transition: opacity 1000ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 1000ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"
       >
         <div
           class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation2 MuiCard-root css-935hc6-MuiPaper-root-MuiCard-root"
@@ -704,6 +706,7 @@ exports[`CodePage should match the snapshot 1`] = `
       </div>
       <div
         class="MuiGrid-root MuiGrid-item css-1fhmij9-MuiGrid-root"
+        style="opacity: 1; webkit-transition: opacity 1000ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 1000ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"
       >
         <div
           class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation2 MuiCard-root css-935hc6-MuiPaper-root-MuiCard-root"
@@ -863,6 +866,7 @@ exports[`CodePage should match the snapshot 1`] = `
       </div>
       <div
         class="MuiGrid-root MuiGrid-item css-1fhmij9-MuiGrid-root"
+        style="opacity: 1; webkit-transition: opacity 1000ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 1000ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"
       >
         <div
           class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation2 MuiCard-root css-935hc6-MuiPaper-root-MuiCard-root"
@@ -1004,6 +1008,7 @@ exports[`CodePage should match the snapshot 1`] = `
       </div>
       <div
         class="MuiGrid-root MuiGrid-item css-1fhmij9-MuiGrid-root"
+        style="opacity: 1; webkit-transition: opacity 1000ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 1000ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"
       >
         <div
           class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation2 MuiCard-root css-935hc6-MuiPaper-root-MuiCard-root"
@@ -1145,6 +1150,7 @@ exports[`CodePage should match the snapshot 1`] = `
       </div>
       <div
         class="MuiGrid-root MuiGrid-item css-1fhmij9-MuiGrid-root"
+        style="opacity: 1; webkit-transition: opacity 1000ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 1000ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"
       >
         <div
           class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation2 MuiCard-root css-935hc6-MuiPaper-root-MuiCard-root"
@@ -1286,6 +1292,7 @@ exports[`CodePage should match the snapshot 1`] = `
       </div>
       <div
         class="MuiGrid-root MuiGrid-item css-1fhmij9-MuiGrid-root"
+        style="opacity: 1; webkit-transition: opacity 1000ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 1000ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"
       >
         <div
           class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation2 MuiCard-root css-935hc6-MuiPaper-root-MuiCard-root"
@@ -1445,6 +1452,7 @@ exports[`CodePage should match the snapshot 1`] = `
       </div>
       <div
         class="MuiGrid-root MuiGrid-item css-1fhmij9-MuiGrid-root"
+        style="opacity: 1; webkit-transition: opacity 1000ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 1000ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"
       >
         <div
           class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation2 MuiCard-root css-935hc6-MuiPaper-root-MuiCard-root"
@@ -1586,6 +1594,7 @@ exports[`CodePage should match the snapshot 1`] = `
       </div>
       <div
         class="MuiGrid-root MuiGrid-item css-1fhmij9-MuiGrid-root"
+        style="opacity: 1; webkit-transition: opacity 1000ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 1000ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"
       >
         <div
           class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation2 MuiCard-root css-935hc6-MuiPaper-root-MuiCard-root"
@@ -1727,6 +1736,7 @@ exports[`CodePage should match the snapshot 1`] = `
       </div>
       <div
         class="MuiGrid-root MuiGrid-item css-1fhmij9-MuiGrid-root"
+        style="opacity: 1; webkit-transition: opacity 1000ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 1000ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"
       >
         <div
           class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation2 MuiCard-root css-935hc6-MuiPaper-root-MuiCard-root"

diff --git a/src/__tests__/pages/__snapshots__/JourneyPage.test.tsx.snap b/src/__tests__/pages/__snapshots__/JourneyPage.test.tsx.snap
@@ -26,7 +26,7 @@ exports[`JourneyPage should match the snapshot 1`] = `
       >
         <div
           class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-xl-6 css-sh4yt4-MuiGrid-root"
-          style="opacity: 1; webkit-transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"
+          style="opacity: 1; webkit-transition: opacity 1000ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 1000ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"
         >
           <div
             class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation2 MuiCard-root css-935hc6-MuiPaper-root-MuiCard-root"
@@ -190,7 +190,7 @@ exports[`JourneyPage should match the snapshot 1`] = `
         </div>
         <div
           class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-xl-6 css-sh4yt4-MuiGrid-root"
-          style="opacity: 1; webkit-transition: opacity 1000ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 1000ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"
+          style="opacity: 1; webkit-transition: opacity 1200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 1200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"
         >
           <div
             class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation2 MuiCard-root css-935hc6-MuiPaper-root-MuiCard-root"
@@ -357,7 +357,7 @@ exports[`JourneyPage should match the snapshot 1`] = `
         </div>
         <div
           class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 css-1idn90j-MuiGrid-root"
-          style="opacity: 1; webkit-transition: opacity 1500ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 1500ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"
+          style="opacity: 1; webkit-transition: opacity 1400ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 1400ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"
         >
           <div
             class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation2 MuiCard-root css-935hc6-MuiPaper-root-MuiCard-root"
@@ -1108,7 +1108,7 @@ exports[`JourneyPage should match the snapshot 1`] = `
     </div>
     <div
       class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-lg-5 css-14tayut-MuiGrid-root"
-      style="opacity: 1; webkit-transition: opacity 2000ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 2000ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"
+      style="opacity: 1; webkit-transition: opacity 1600ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 1600ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"
     >
       <div
         class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation2 MuiCard-root css-935hc6-MuiPaper-root-MuiCard-root"

diff --git a/src/__tests__/pages/__snapshots__/TalkPage.test.tsx.snap b/src/__tests__/pages/__snapshots__/TalkPage.test.tsx.snap
@@ -185,7 +185,7 @@ exports[`TalkPage should match the snapshot 1`] = `
   </div>
   <div
     class="MuiBox-root css-46b038"
-    style="opacity: 1; webkit-transition: opacity 1000ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 1000ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"
+    style="opacity: 1; webkit-transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"
   >
     <div
       class="MuiDivider-root MuiDivider-fullWidth MuiDivider-withChildren MuiDivider-textAlignLeft css-7xiqxz-MuiDivider-root"
@@ -206,6 +206,7 @@ exports[`TalkPage should match the snapshot 1`] = `
     >
       <div
         class="MuiGrid-root MuiGrid-item css-1fhmij9-MuiGrid-root"
+        style="opacity: 1; webkit-transition: opacity 1000ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 1000ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"
       >
         <div
           class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation2 MuiCard-root css-935hc6-MuiPaper-root-MuiCard-root"
@@ -347,6 +348,7 @@ exports[`TalkPage should match the snapshot 1`] = `
       </div>
       <div
         class="MuiGrid-root MuiGrid-item css-1fhmij9-MuiGrid-root"
+        style="opacity: 1; webkit-transition: opacity 1000ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 1000ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"
       >
         <div
           class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation2 MuiCard-root css-935hc6-MuiPaper-root-MuiCard-root"
@@ -488,6 +490,7 @@ exports[`TalkPage should match the snapshot 1`] = `
       </div>
       <div
         class="MuiGrid-root MuiGrid-item css-1fhmij9-MuiGrid-root"
+        style="opacity: 1; webkit-transition: opacity 1000ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 1000ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"
       >
         <div
           class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation2 MuiCard-root css-935hc6-MuiPaper-root-MuiCard-root"
@@ -631,7 +634,7 @@ exports[`TalkPage should match the snapshot 1`] = `
   </div>
   <div
     class="MuiBox-root css-46b038"
-    style="opacity: 1; webkit-transition: opacity 1500ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 1500ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"
+    style="opacity: 1; webkit-transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"
   >
     <div
       class="MuiDivider-root MuiDivider-fullWidth MuiDivider-withChildren MuiDivider-textAlignLeft css-7xiqxz-MuiDivider-root"
@@ -652,6 +655,7 @@ exports[`TalkPage should match the snapshot 1`] = `
     >
       <div
         class="MuiGrid-root MuiGrid-item css-1fhmij9-MuiGrid-root"
+        style="opacity: 1; webkit-transition: opacity 1000ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 1000ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"
       >
         <div
           class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation2 MuiCard-root css-935hc6-MuiPaper-root-MuiCard-root"

diff --git a/src/__tests__/pages/__snapshots__/TextPage.test.tsx.snap b/src/__tests__/pages/__snapshots__/TextPage.test.tsx.snap
@@ -455,7 +455,7 @@ exports[`TextPage should match the snapshot 1`] = `
   </div>
   <div
     class="MuiBox-root css-46b038"
-    style="opacity: 1; webkit-transition: opacity 1000ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 1000ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"
+    style="opacity: 1; webkit-transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"
   >
     <div
       class="MuiDivider-root MuiDivider-fullWidth MuiDivider-withChildren MuiDivider-textAlignLeft css-7xiqxz-MuiDivider-root"
@@ -476,6 +476,7 @@ exports[`TextPage should match the snapshot 1`] = `
     >
       <div
         class="MuiGrid-root MuiGrid-item css-1fhmij9-MuiGrid-root"
+        style="opacity: 1; webkit-transition: opacity 1000ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 1000ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"
       >
         <div
           class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation2 MuiCard-root css-935hc6-MuiPaper-root-MuiCard-root"
@@ -619,7 +620,7 @@ exports[`TextPage should match the snapshot 1`] = `
   </div>
   <div
     class="MuiBox-root css-46b038"
-    style="opacity: 1; webkit-transition: opacity 1500ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 1500ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"
+    style="opacity: 1; webkit-transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"
   >
     <div
       class="MuiDivider-root MuiDivider-fullWidth MuiDivider-withChildren MuiDivider-textAlignLeft css-7xiqxz-MuiDivider-root"
@@ -640,6 +641,7 @@ exports[`TextPage should match the snapshot 1`] = `
     >
       <div
         class="MuiGrid-root MuiGrid-item css-1fhmij9-MuiGrid-root"
+        style="opacity: 1; webkit-transition: opacity 1000ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 1000ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"
       >
         <div
           class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation2 MuiCard-root css-935hc6-MuiPaper-root-MuiCard-root"
@@ -763,6 +765,7 @@ exports[`TextPage should match the snapshot 1`] = `
       </div>
       <div
         class="MuiGrid-root MuiGrid-item css-1fhmij9-MuiGrid-root"
+        style="opacity: 1; webkit-transition: opacity 1000ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 1000ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"
       >
         <div
           class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation2 MuiCard-root css-935hc6-MuiPaper-root-MuiCard-root"
@@ -904,6 +907,7 @@ exports[`TextPage should match the snapshot 1`] = `
       </div>
       <div
         class="MuiGrid-root MuiGrid-item css-1fhmij9-MuiGrid-root"
+        style="opacity: 1; webkit-transition: opacity 1000ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 1000ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"
       >
         <div
           class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation2 MuiCard-root css-935hc6-MuiPaper-root-MuiCard-root"
@@ -1045,6 +1049,7 @@ exports[`TextPage should match the snapshot 1`] = `
       </div>
       <div
         class="MuiGrid-root MuiGrid-item css-1fhmij9-MuiGrid-root"
+        style="opacity: 1; webkit-transition: opacity 1000ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 1000ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"
       >
         <div
           class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation2 MuiCard-root css-935hc6-MuiPaper-root-MuiCard-root"
@@ -1204,6 +1209,7 @@ exports[`TextPage should match the snapshot 1`] = `
       </div>
       <div
         class="MuiGrid-root MuiGrid-item css-1fhmij9-MuiGrid-root"
+        style="opacity: 1; webkit-transition: opacity 1000ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 1000ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"
       >
         <div
           class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation2 MuiCard-root css-935hc6-MuiPaper-root-MuiCard-root"
@@ -1345,6 +1351,7 @@ exports[`TextPage should match the snapshot 1`] = `
       </div>
       <div
         class="MuiGrid-root MuiGrid-item css-1fhmij9-MuiGrid-root"
+        style="opacity: 1; webkit-transition: opacity 1000ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 1000ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"
       >
         <div
           class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation2 MuiCard-root css-935hc6-MuiPaper-root-MuiCard-root"
@@ -1504,6 +1511,7 @@ exports[`TextPage should match the snapshot 1`] = `
       </div>
       <div
         class="MuiGrid-root MuiGrid-item css-1fhmij9-MuiGrid-root"
+        style="opacity: 1; webkit-transition: opacity 1000ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 1000ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"
       >
         <div
           class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation2 MuiCard-root css-935hc6-MuiPaper-root-MuiCard-root"
@@ -1645,6 +1653,7 @@ exports[`TextPage should match the snapshot 1`] = `
       </div>
       <div
         class="MuiGrid-root MuiGrid-item css-1fhmij9-MuiGrid-root"
+        style="opacity: 1; webkit-transition: opacity 1000ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 1000ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"
       >
         <div
           class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation2 MuiCard-root css-935hc6-MuiPaper-root-MuiCard-root"
@@ -1786,6 +1795,7 @@ exports[`TextPage should match the snapshot 1`] = `
       </div>
       <div
         class="MuiGrid-root MuiGrid-item css-1fhmij9-MuiGrid-root"
+        style="opacity: 1; webkit-transition: opacity 1000ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 1000ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"
       >
         <div
           class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation2 MuiCard-root css-935hc6-MuiPaper-root-MuiCard-root"
@@ -1927,6 +1937,7 @@ exports[`TextPage should match the snapshot 1`] = `
       </div>
       <div
         class="MuiGrid-root MuiGrid-item css-1fhmij9-MuiGrid-root"
+        style="opacity: 1; webkit-transition: opacity 1000ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 1000ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"
       >
         <div
           class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation2 MuiCard-root css-935hc6-MuiPaper-root-MuiCard-root"
@@ -2068,6 +2079,7 @@ exports[`TextPage should match the snapshot 1`] = `
       </div>
       <div
         class="MuiGrid-root MuiGrid-item css-1fhmij9-MuiGrid-root"
+        style="opacity: 1; webkit-transition: opacity 1000ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 1000ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"
       >
         <div
           class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation2 MuiCard-root css-935hc6-MuiPaper-root-MuiCard-root"
@@ -2209,6 +2221,7 @@ exports[`TextPage should match the snapshot 1`] = `
       </div>
       <div
         class="MuiGrid-root MuiGrid-item css-1fhmij9-MuiGrid-root"
+        style="opacity: 1; webkit-transition: opacity 1000ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 1000ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"
       >
         <div
           class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation2 MuiCard-root css-935hc6-MuiPaper-root-MuiCard-root"
@@ -2350,6 +2363,7 @@ exports[`TextPage should match the snapshot 1`] = `
       </div>
       <div
         class="MuiGrid-root MuiGrid-item css-1fhmij9-MuiGrid-root"
+        style="opacity: 1; webkit-transition: opacity 1000ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 1000ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"
       >
         <div
           class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation2 MuiCard-root css-935hc6-MuiPaper-root-MuiCard-root"