+
Game Over! Your Score: {score}
@@ -15,7 +15,7 @@ export default function GameOver({ score, elapsedTime, handleRestartGame }) {
{elapsedTime}s
}
-
diff --git a/src/components/sharebutton/ShareButton.js b/src/components/sharebutton/ShareButton.js
index 8d7e4ca..aa76032 100644
--- a/src/components/sharebutton/ShareButton.js
+++ b/src/components/sharebutton/ShareButton.js
@@ -1,28 +1,28 @@
-import "./sharebutton.css";
-import React, { useState } from "react";
-import html2canvas from "html2canvas";
-import PropTypes from "prop-types";
+import './sharebutton.css';
+import React, { useState } from 'react';
+import html2canvas from 'html2canvas';
+import PropTypes from 'prop-types';
export default function ShareButton({ highScore, highScoreRef }) {
const [screenshotImage, setScreenshotImage] = useState(null);
- const shareDialog = document.querySelector(".share-dialog");
- const closeButton = document.querySelector(".close-button");
+ const shareDialog = document.querySelector('.share-dialog');
+ const closeButton = document.querySelector('.close-button');
const handleScreenshot = () => {
html2canvas(highScoreRef.current, {
useCORS: true,
- backgroundColor: "black",
+ backgroundColor: 'black',
})
- .then((canvas) => {
- const image = canvas.toDataURL("image/jpeg");
+ .then(canvas => {
+ const image = canvas.toDataURL('image/jpeg');
setScreenshotImage(image);
- const a = document.createElement("a");
+ const a = document.createElement('a');
a.href = image;
- a.download = "high_score_screenshot.jpeg";
+ a.download = 'high_score_screenshot.jpeg';
a.click();
})
- .catch((error) => {
- console.error("Error capturing screenshot:", error);
+ .catch(error => {
+ console.error('Error capturing screenshot:', error);
});
shareContent();
};
@@ -30,171 +30,171 @@ export default function ShareButton({ highScore, highScoreRef }) {
if (navigator.share && screenshotImage) {
try {
await navigator.share({
- title: "High Score Screenshot",
+ title: 'High Score Screenshot',
text: `I achieved a high score of ${highScore} in A&A Match!`,
- url: "https://aa-memory.vercel.app/",
+ url: 'https://aa-memory.vercel.app/',
files: [
- new File(["highScore"], screenshotImage, { type: "image/jpeg" }),
+ new File(['highScore'], screenshotImage, { type: 'image/jpeg' }),
],
});
- console.log("Sharing successfully!");
+ console.log('Sharing successfully!');
} catch (error) {
- console.error("Error while sharing: ", error);
+ console.error('Error while sharing: ', error);
}
} else {
- shareDialog.classList.add("is-open");
- closeButton.addEventListener("click", (event) => {
- shareDialog.classList.remove("is-open");
+ shareDialog.classList.add('is-open');
+ closeButton.addEventListener('click', event => {
+ shareDialog.classList.remove('is-open');
});
}
};
const closeDialog = () => {
- shareDialog.classList.remove("is-open");
+ shareDialog.classList.remove('is-open');
};
return (
-
-
+
+
- Share this pen
-
-
-
+