alexandrev/xslt-lab
1
0
Fork 0
mirror of https://github.com/alexandrev/xslt-lab.git synced 2026-09-18 19:43:16 +00:00
Code Issues Packages Releases Activity

BuyMeACoffee

Browse Source
This commit is contained in:
Alexandre
2025-07-06 08:36:20 +02:00
parent 5b1839f486
commit 384a1e9ccc
3 changed files with 34 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/index.html
+1 -13
View File
@@ -48,18 +48,6 @@
<body>
<div id="root"></div>
<script type="module" src="/src/main.jsx"></script>
<script
type="text/javascript"
src="https://cdnjs.buymeacoffee.com/1.0.0/button.prod.min.js"
data-name="bmc-button"
data-slug="alexandrev"
data-color="#FFDD00"
data-emoji=""
data-font="Cookie"
data-text="Buy me a coffee"
data-outline-color="#000000"
data-font-color="#000000"
data-coffee-color="#ffffff"
></script>
</body>
</html>
frontend/src/App.jsx
+2
View File
@@ -9,6 +9,7 @@ import {
signOut,
} from "firebase/auth";
import logo from "./logo.svg";
import Buymeacoffee from "./BuyMeACoffee";
const PARAM_START = "<!--PARAMS_START-->";
const PARAM_END = "<!--PARAMS_END-->";
@@ -340,6 +341,7 @@ export default function App() {
)}
</div>
)}
<Buymeacoffee />
</div>
</div>
{goPro && (
frontend/src/BuyMeACoffee.jsx
+31
View File
@@ -0,0 +1,31 @@
import React, { useEffect } from "react";
export default function Buymeacoffee() {
useEffect(() => {
const script = document.createElement("script");
const div = document.getElementById("supportByBMC");
script.setAttribute("data-name", "BMC-Widget");
script.src = "https://cdnjs.buymeacoffee.com/1.0.0/widget.prod.min.js";
script.setAttribute("data-id", "alexandrev");
script.setAttribute("data-description", "Support me on Buy me a coffee!");
script.setAttribute(
"data-message",
"Thank you for visiting my website. If this app has helped you in anyway, consider buying us a coffee. ✨😎",
);
script.setAttribute("data-color", "#FFDD00");
script.setAttribute("data-position", "Right");
script.setAttribute("data-x_margin", "18");
script.setAttribute("data-y_margin", "18");
script.async = true;
document.head.appendChild(script);
script.onload = function () {
var evt = document.createEvent("Event");
evt.initEvent("DOMContentLoaded", false, false);
window.dispatchEvent(evt);
};
div.appendChild(script);
}, []);
return <div id="supportByBMC"></div>;
}