You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

37 lines
1.0 KiB

  1. import { Head } from '@inertiajs/react';
  2. import { PageProps } from '@/types';
  3. import Guest from '@/Layouts/GuestLayout';
  4. import Authenticated from '@/Layouts/AuthenticatedLayout';
  5. const Help = ({ auth }: PageProps) => {
  6. const renderAboutContent = () => (
  7. <div id="Help" className="p-6">
  8. <video controls>
  9. <source src="assets/media/sample-video.mp4" type="video/mp4" />
  10. Browser does not support the video tag.
  11. </video>
  12. </div>
  13. )
  14. return (
  15. <>
  16. <Head title="Help" />
  17. <div>
  18. {auth.user ? (
  19. <Authenticated
  20. user={auth.user}
  21. >
  22. {renderAboutContent()}
  23. </Authenticated>
  24. ) : (
  25. <>
  26. <Guest>
  27. {renderAboutContent()}
  28. </Guest>
  29. </>
  30. )}
  31. </div>
  32. </>
  33. );
  34. }
  35. export default Help;