Fixed major sync issues with cloud <-> onprem codebase

frontend/package.json

@@ -59,6 +59,7 @@
     "mui-chips-input": "^2.1.3",
     "mui-nested-menu": "^3.2.1",
     "react": "^18.2.0",
+    "react-ace": "^10.1.0",
     "react-alice-carousel": "^2.6.4",
     "react-avatar-editor": "^11.1.0",
     "react-beforeunload": "^2.2.1",

frontend/src/codeeditor-index.css

@@ -0,0 +1,60 @@
+@import url('https://fonts.googleapis.com/css?family=Nunito+Sans');
+
+body {
+  margin: 0;
+  padding: 0;
+	font-family: "Nunito Sans", sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+code {
+  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
+    monospace;
+}
+
+.partner_container {
+  height: 200px;
+  position: relative;
+}
+
+.imggrow {     
+  padding: 60px auto 50px auto;         
+  height: 100px;     
+  width: auto !important;
+  margin-right: 1rem;
+  width: 100%;
+  transition: transform .2s;      
+  border-radius: 10px; 
+  float: center !important;         
+  text-align: center !important;    
+  justify-content: "center" !important;
+  background-color: #ffffff;
+  color: black;
+  position: relative;
+  overflow: hidden;
+  z-index: 1;
+}
+
+.imggrow:hover{
+  height: 230px;
+  transform: transform(1.5);
+  cursor: pointer;
+  border-color: #3585f9;
+  display: block;
+  box-shadow: 0 4px 8px #FC7305;
+}
+
+.bad-marker {
+  position: absolute;
+  background-color: #7b322e;
+  color: white !important;
+  opacity: 1; 
+}
+
+.good-marker {
+  position: absolute;
+  background-color: #5ea36a;
+  color: white !important;
+  opacity: 0.6;
+}

frontend/src/views/HandlePaymentNew.jsx

@@ -3,6 +3,7 @@ import React, { useState, useEffect } from 'react';
 import ReactGA from 'react-ga4';
 import { useNavigate, Link } from "react-router-dom";
 import {isMobile} from "react-device-detect";
+import { toast } from "react-toastify" 
 
 import {
 	Done as DoneIcon, 
@@ -36,6 +37,24 @@ import Services from "./Services.jsx";
 export const typecost = 0.0018
 export const typecost_single = (typecost * 1.33).toFixed(4)
 
+export const handlePayasyougo = (userdata) => {
+	var billingurl = "https://billing.stripe.com/p/login/bIY5lo5bMbWs9Py5kk"
+
+	if (userdata !== undefined && userdata !== null) {
+		if (userdata.org_email !== undefined && userdata.org_email !== null && userdata.org_email !== "") {
+			billingurl += `?prefilled_email=${userdata.org_email}`
+
+		} else if (userdata.username !== undefined && userdata.username !== null && userdata.username !== "") {
+			billingurl += `?prefilled_email=${userdata.username}`
+		}
+	}
+
+	toast("Redirecting in 2 seconds. Use the organization owner email.") 
+	setTimeout(() => {
+		window.location = billingurl 
+	}, 2500)
+}
+
 // 1. Create 2-3 payment tiers (slider?)
 // 2. Create a way to show them anywhere
 //