Shiloh/old-shiloh-website
Shiloh/old-shiloh-website
Archived
7
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

hot fix for buttons on mobile

Browse Source
This commit is contained in:
Caretaker0699 2023-06-23 13:24:09 -07:00
parent 7ad234ec36
commit 169f514a4e
1 changed files with 2 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
components/layouts/section.jsx
View File

@ -52,13 +52,6 @@ const Section = ({
isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent); isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);
} }
const handlePlayVideo = () => {
if (videoRef.current) {
videoRef.current.play();
setHasInteracted(true);
}
};
const Heading = headingLevel === 1 ? "h1" : "h2"; const Heading = headingLevel === 1 ? "h1" : "h2";
return ( return (
@ -90,14 +83,9 @@ const Section = ({
</div> </div>
<div className="flex justify-start space-x-4"> <div className="flex justify-start space-x-4">
{isMobile && !hasInteracted ? ( {isMobile && !hasInteracted ? (
<button <VideoButton videoId={videoId} buttonText={buttonOneText} />
onClick={handlePlayVideo}
className="px-4 mt-8 mx-5 py-2 text-white"
>
{buttonOneText}
</button>
) : ( ) : (
<VideoButton videoId={videoId} buttonOneText={buttonOneText} /> <VideoButton videoId={videoId} buttonText={buttonOneText} />
)} )}
{buttonLink && ( {buttonLink && (
<Link <Link