working version with js electron set up sending data to channel and stuff through to the main process

packages/desktop/src/pages/Login/index.tsx

@@ -1,14 +1,17 @@
 import { Button } from "@mui/material";
-import ElectronGoogleOAuth2 from "@getstation/electron-google-oauth2";
 import Logo from "../../components/Logo";
+import { channels } from "../../shared/constants";
 
 export default function () {
-  const signIn = () => {};
+  const logIn = () => {
+    // send to main process
+    window.API.activateLogin();
+  };
 
   return (
     <div className="container flex flex-col space-y-5 justify-center items-center h-screen bg-slate-900">
       <Logo className="scale-50" />
-      <Button onClick={signIn} variant="contained">
+      <Button onClick={logIn} variant="contained">
         Sign In
       </Button>
     </div>

packages/desktop/src/shared/constants.js

@@ -0,0 +1,6 @@
+module.exports = {
+  channels: {
+    ACTIVATE_LOG_IN: "ACTIVATE_LOG_IN",
+    AUTH_TOKEN: "AUTH_TOKEN",
+  },
+};