update onboarding videos and swiper

UniRegensburg · Apr 18, 2024 · d8831be · d8831be
1 parent 12e34b4
commit d8831be
Show file tree

Hide file tree

Showing 14 changed files with 69 additions and 95 deletions.
diff --git a/public/videos/BDBezunahmeZitat.mp4 → public/videos/BDBezugnahmeZitat.mp4 b/public/videos/BDBezunahmeZitat.mp4 → public/videos/BDBezugnahmeZitat.mp4
diff --git a/public/videos/BeweisErstellen.mp4 b/public/videos/BeweisErstellen.mp4
diff --git a/public/videos/Bezugnahme.mp4 b/public/videos/Bezugnahme.mp4
diff --git a/public/videos/Darstellungen.mp4 b/public/videos/Darstellungen.mp4
diff --git a/public/videos/Export.mp4 b/public/videos/Export.mp4
diff --git a/public/videos/Gliederung.mp4 b/public/videos/Gliederung.mp4
diff --git a/public/videos/GliederungBeitragErstellen.mp4 b/public/videos/GliederungBeitragErstellen.mp4
diff --git a/public/videos/Hinweise.mp4 b/public/videos/Hinweise.mp4
diff --git a/public/videos/Lesezeichen.mp4 b/public/videos/Lesezeichen.mp4
diff --git a/public/videos/Markierung.mp4 b/public/videos/Markierung.mp4
diff --git a/public/videos/Notiz.mp4 b/public/videos/Notiz.mp4
diff --git a/public/videos/Öffnen.mp4 b/public/videos/Öffnen.mp4
diff --git a/src/components/popups/OnboardingSwiper.tsx b/src/components/popups/OnboardingSwiper.tsx
diff --git a/src/components/popups/OnboardingSwiperItem.tsx b/src/components/popups/OnboardingSwiperItem.tsx
@@ -9,17 +9,19 @@ interface OnboardingSwiperItemProps {
 
 enum MediaType {
   IMAGE,
-  VIDEO
+  VIDEO,
 }
 
 export const OnboardingSliderItem = ({
   src,
   title,
   desc,
-  alt
+  alt,
 }: OnboardingSwiperItemProps) => {
-
-  const mediaType = src.split(".")[src.split(".").length - 1] === "png" ? MediaType.IMAGE : MediaType.VIDEO;
+  const mediaType =
+    src.split(".")[src.split(".").length - 1] === "png"
+      ? MediaType.IMAGE
+      : MediaType.VIDEO;
 
   return (
     <div>
@@ -33,9 +35,11 @@ export const OnboardingSliderItem = ({
             src={`${process.env.PUBLIC_URL}/${src}`}
           />
         ) : (
-          <img className="overflow-hidden w-full max-w-xl h-auto mx-auto"
+          <img
+            className="overflow-hidden w-full max-w-xl h-auto mx-auto"
             src={src}
-            alt={alt} />
+            alt={alt}
+          />
         )}
       </div>
       <div className="p-4 max-w-[800px] m-auto">
@@ -46,4 +50,4 @@ export const OnboardingSliderItem = ({
       </div>
     </div>
   );
-};
+};