From 59bf55e17518ffd743158b76f18e96730ac0dc7d Mon Sep 17 00:00:00 2001 From: paul Date: Thu, 19 Sep 2024 22:09:55 +0530 Subject: [PATCH] added github, premium links --- public/index.html | 3 +- src/assets/logo/bmc.svg | 52 +++++++ src/assets/logo/ko-fi.png | Bin 0 -> 10535 bytes src/sidebar/sidebar.js | 28 +++- src/sidebar/utils/premium.js | 268 +++++++++++++++++++++++++++++++++++ src/sidebar/utils/share.js | 110 ++++++++++++++ 6 files changed, 458 insertions(+), 3 deletions(-) create mode 100644 src/assets/logo/bmc.svg create mode 100644 src/assets/logo/ko-fi.png create mode 100644 src/sidebar/utils/premium.js create mode 100644 src/sidebar/utils/share.js diff --git a/public/index.html b/public/index.html index aa069f2..376e91b 100644 --- a/public/index.html +++ b/public/index.html @@ -15,6 +15,7 @@ user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/ --> + - React App + PyUI builder diff --git a/src/assets/logo/bmc.svg b/src/assets/logo/bmc.svg new file mode 100644 index 0000000..edddb83 --- /dev/null +++ b/src/assets/logo/bmc.svg @@ -0,0 +1,52 @@ + + + + + + + + + + + + + + + + + + diff --git a/src/assets/logo/ko-fi.png b/src/assets/logo/ko-fi.png new file mode 100644 index 0000000000000000000000000000000000000000..fdcb58c30c6e94b4c54f358fa1cf7167f92a01b3 GIT binary patch literal 10535 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 literal 0 HcmV?d00001 diff --git a/src/sidebar/sidebar.js b/src/sidebar/sidebar.js index e9147ec..6cbbe09 100644 --- a/src/sidebar/sidebar.js +++ b/src/sidebar/sidebar.js @@ -1,6 +1,11 @@ import { useEffect, useRef, useMemo, useState } from "react"; -import { CloseCircleFilled } from "@ant-design/icons"; +import { CloseCircleFilled, CrownFilled, GithubFilled, ShareAltOutlined } from "@ant-design/icons"; + +import KO_FI from "../assets/logo/ko-fi.png" +import Premium from "./utils/premium"; +import Share from "./utils/share"; + function Sidebar({tabs}){ @@ -44,7 +49,7 @@ function Sidebar({tabs}){ return (
diff --git a/src/sidebar/utils/premium.js b/src/sidebar/utils/premium.js new file mode 100644 index 0000000..6e1c865 --- /dev/null +++ b/src/sidebar/utils/premium.js @@ -0,0 +1,268 @@ +import { useState } from "react" + +import { Modal } from "antd" +import { CrownFilled } from "@ant-design/icons" + + +function Premium({ children, className = "" }) { + + const [premiumModalOpen, setPremiumModalOpen] = useState(false) + + + const onClick = () => { + setPremiumModalOpen(true) + } + + const onClose = (event) => { + event.stopPropagation() + setPremiumModalOpen(false) + } + + + return ( +
+ {children} + Buy Pre-order one Time License} + style={{ zIndex: 14000, gap: '10px', maxWidth: '80vw', placeItems: "center" }} + onCancel={onClose} + centered + onOk={onClose} + footer={null} + width={'auto'} + open={premiumModalOpen} + > +
+ I am Paul, an open-source dev, funding open-source projects by providing custom works. + If you find this tool useful and want to support its development, consider buying a one time license. +
+
+ By buying pre-order license, you get advance features, priority support, early access, upcoming features, and more. + + more. + +
+ +
+

Choose your plan

+
+ {/* Free Plan */} +
+

+ $0 +

+

+ Free to use forever, but for added features and to support open-source development, consider buying a lifetime license. +

+
+
    +
  • + + Access to web-based editor +
    • +
  • + + Commercial use +
    • +
  • + + Access to UI builder exe for local development +
    • +
  • + + Support for PySlide/PyQt +
    • +
  • + + Preview live +
    • +
  • + + Save and load files +
    • +
  • + + Load plugins locally +
    • +
  • + + Dark theme +
    • +
  • + + Priority support +
    • +
  • + + Early access to new features +
    • + +
+
+ + {/* Paid Plan */} +
+
+ Limited time offer +
+
+ Hobby +
+

+ + $129 + $29 + + Forever +

+

+ Support open-source development 🚀. Plus, get added benefits. +

+
+
    +
  • + + Access to web-based editor +
    • +
  • + + Access to UI builder exe for local development +
    • +
  • + + Preview live +
    • +
  • + + Save and load files +
    • +
  • + + Load plugins locally +
    • +
  • + + Dark theme +
    • +
  • + + Priority support +
    • +
  • + + Early access to new features +
    • +
  • + + Support for PySlide/PyQt +
    • +
  • + + Commercial use +
    • + +
+ + + Buy License + + +
+ + {/* Paid Plan */} +
+
+ Limited time offer +
+
+ Commercial +
+

+ + $180 + $49 + + Forever +

+

+ Support open-source development 🚀. Plus, get added benefits. +

+
+
    +
  • + + Access to web-based editor +
    • +
  • + + Access to UI builder exe for local development +
    • +
  • + + Preview live +
    • +
  • + + Save and load files +
    • +
  • + + Load plugins locally +
    • +
  • + + Dark theme +
    • +
  • + + Priority support +
    • +
  • + + Early access to new features +
    • +
  • + + Support for PySlide/PyQt +
    • +
  • + + Commercial use +
    • + +
+ + + Buy License + + +
+
+
+ + + + +
+ ) + +} + +export default Premium \ No newline at end of file diff --git a/src/sidebar/utils/share.js b/src/sidebar/utils/share.js new file mode 100644 index 0000000..a07e768 --- /dev/null +++ b/src/sidebar/utils/share.js @@ -0,0 +1,110 @@ +import { useMemo, useState } from "react" + +import { Modal, message } from "antd" +import { CopyOutlined, FacebookFilled, LinkedinFilled, MediumCircleFilled, RedditCircleFilled, TwitchFilled, TwitterCircleFilled } from "@ant-design/icons" + + +function Share({children, className=""}){ + + const [shareModalOpen, setShareModalOpen] = useState(false) + + const shareInfo = useMemo(() => { + + return { + url: encodeURI("https://github.com/PaulleDemon/font-tester-chrome"), + text: "Check out Framework agnostic GUI builder for python" + } + }, []) + + const onClick = () => { + setShareModalOpen(true) + } + + const onClose = (event) => { + event.stopPropagation() + setShareModalOpen(false) + } + + const onCopy = (event) => { + event.stopPropagation() + navigator.clipboard.writeText(`Check out Font tester: ${shareInfo.url}`).then(function() { + message.success("Link copied to clipboard") + + }, function(err) { + message.error("Error copying to clipboard") + }) + } + + return ( +
+ {children} + Share FontTester} + styles={{wrapper: {zIndex: 14000, gap: "10px"}}} + onCancel={onClose} + onOk={onClose} + footer={null} + open={shareModalOpen}> + + + + + +
+ ) + +} + +export default Share \ No newline at end of file