removed donate page

stream-deck-plugin/property-inspector/src/App.js

@@ -4,7 +4,6 @@ import { SettingsBox } from './components/SettingsBox';
 import { SettingBody, SettingsHeader } from './components/SettingsHeader';
 import { InfoBanner } from './components/DiscordBanner';
 import { SetupModal } from './components/SetupModal';
-import { DonatePage } from './components/DonatePage';
 
 function SimpleBox({ message }) {
   return (
@@ -77,8 +76,4 @@ function App() {
   );
 }
 
-const WrappedApp = ({ isDonate }) => {
-  return isDonate ? <DonatePage /> : <App />;
-};
-
-export default WrappedApp;
+export default App;

stream-deck-plugin/property-inspector/src/components/DiscordBanner.js

@@ -2,6 +2,7 @@ import { SettingsButtons } from './SettingsButtons';
 import { DISCORD_INVITE } from '../constant';
 import Discord from '../images/discord.png';
 import styled from 'styled-components';
+import { useOpenUrl } from '../hooks/stream-deck';
 
 const DiscordButton = styled.button`
   display: flex;
@@ -14,14 +15,15 @@ const DiscordButton = styled.button`
 `;
 
 export const InfoBanner = ({ discord = 'DISCORD' }) => {
+  const openUrl = useOpenUrl();
   return (
     <SettingsButtons opacity>
-      <button onClick={() => window.open('https://dim-stream-deck.netlify.app/')}>SITE</button>
-      <DiscordButton onClick={() => window.open(DISCORD_INVITE)}>
+      <button onClick={() => openUrl('https://dim-stream-deck.netlify.app/')}>SITE</button>
+      <DiscordButton onClick={() => openUrl(DISCORD_INVITE)}>
         <img src={Discord} alt='discord' />
         <span>{discord}</span>
       </DiscordButton>
-      <button onClick={() => window.open('?donate')}>DONATE</button>
+      <button onClick={() => openUrl('https://dim-stream-deck.netlify.app/donate')}>DONATE</button>
     </SettingsButtons>
   );
 };

stream-deck-plugin/property-inspector/src/hooks/stream-deck.js

@@ -74,6 +74,13 @@ export const useSendToPlugin = () => {
     });
 };
 
+export const useOpenUrl = () => {
+  return (url) =>
+    send('openUrl', {
+      payload: { url },
+    });
+};
+
 export const useSettings = () => {
   const sd = useStreamDeck();
   const setSettings = (payload) => {

stream-deck-plugin/property-inspector/src/index.js

@@ -13,28 +13,18 @@ const render = (registration = null) => {
         <App />
       </StreamDeckProvider>
     ) : (
-      <App isDonate />
+      <App />
     ),
   );
 };
 
-if (window.location.href.includes('?donate')) {
-  render();
-} else {
-  window.connectElgatoStreamDeckSocket = (
-    inPort,
-    inUUID,
-    inRegisterEvent,
-    inInfo,
-    inActionInfo,
-  ) => {
-    const registration = {
-      port: inPort,
-      uuid: inUUID,
-      registerEvent: inRegisterEvent,
-      info: JSON.parse(inInfo),
-      actionInfo: JSON.parse(inActionInfo),
-    };
-    render(registration);
+window.connectElgatoStreamDeckSocket = (inPort, inUUID, inRegisterEvent, inInfo, inActionInfo) => {
+  const registration = {
+    port: inPort,
+    uuid: inUUID,
+    registerEvent: inRegisterEvent,
+    info: JSON.parse(inInfo),
+    actionInfo: JSON.parse(inActionInfo),
   };
-}
+  render(registration);
+};