feat: add walkthrough videos

kartoza · Feb 29, 2024 · d7e4cb9 · d7e4cb9
1 parent ab9c8a5
commit d7e4cb9
Showing 1 changed file with 7 additions and 8 deletions.
diff --git a/django_project/minisass_frontend/src/pages/Howto/index.tsx b/django_project/minisass_frontend/src/pages/Howto/index.tsx
@@ -334,15 +334,14 @@ const HowtoPage: React.FC = () => {
             <div
               className="sm:flex-1 md:h-auto object-cover rounded-bl-[25px] rounded-br-[25px] rounded-tr-[25px] sm:w-full w-[50%]"
             >
-              <Text
-                className="md:h-auto leading-[136.40%] tracking-[0.40px] md:overflow-auto sm:overflow-scroll text-base text-gray-800 text-justify"
-                size="txtRalewayRomanRegular16Gray800"
-              >
-                Upload the your data!
-                Register on the miniSASS website if you have not already and upload your data by clicking on the ‘Submit
-                Results’ button and fill in all the fields. Great job!
-              </Text>
+              <YouTubeVideo videoId="eUAr6n5gSqE" width="100%" height="400px" playButtonColor="green"/>
+            </div>
+            <div
+              className="sm:flex-1 md:h-auto object-cover rounded-bl-[25px] rounded-br-[25px] rounded-tr-[25px] sm:w-full w-[50%]"
+            >
+              <YouTubeVideo videoId="C1CbzcWwHiM" width="100%" height="400px" playButtonColor="green"/>
             </div>
+
           </div>
         </div>
         {/* end of section */}