diff --git a/wondrous-bot-admin/src/components/Analytics/index.tsx b/wondrous-bot-admin/src/components/Analytics/index.tsx index 635aca24e..d313f42e6 100644 --- a/wondrous-bot-admin/src/components/Analytics/index.tsx +++ b/wondrous-bot-admin/src/components/Analytics/index.tsx @@ -61,7 +61,7 @@ const AnalyticsComponent = () => { data: onboardedUsersData, refetch: onboardedUsersRefetch, loading: onboardedUsersLoading, - error: onboardedUsersError + error: onboardedUsersError, } = useQuery(GET_ONBOARDED_USERS_DATA, { fetchPolicy: "cache-and-network", notifyOnNetworkStatusChange: true, @@ -71,7 +71,6 @@ const AnalyticsComponent = () => { skip: !activeOrg?.id, }); - return ( <> @@ -92,46 +91,44 @@ const AnalyticsComponent = () => { }} > - - - - - - - - - + + + + + + + + + + - - diff --git a/wondrous-bot-admin/src/components/CmtyUserActivity/Header.tsx b/wondrous-bot-admin/src/components/CmtyUserActivity/Header.tsx index a09e37880..d89deec1c 100644 --- a/wondrous-bot-admin/src/components/CmtyUserActivity/Header.tsx +++ b/wondrous-bot-admin/src/components/CmtyUserActivity/Header.tsx @@ -8,13 +8,24 @@ export default function CmtyUserHeaderComponent({ org }) { return ( - + { + const { activeOrg, userOrgs, setActiveOrg } = useGlobalContext(); + + const anchorEl = useRef(null); + const hasMoreThanOneOrg = userOrgs.length > 1; + + const [isOpen, setIsOpen] = useState(false); + + const onClickAway = () => (isOpen ? setIsOpen(false) : null); + + const onOrgClick = (org) => { + setActiveOrg(org); + onClickAway(); + }; + + const navigate = useNavigate(); + return ( + + setIsOpen((prev) => !prev)} + justifyContent="center" + alignItems="center" + sx={{ + borderBottom: "1px solid transparent", + pointerEvents: hasMoreThanOneOrg ? "auto" : "none", + "&:hover": { + cursor: "pointer", + borderColor: "white", + }, + }} + > + + {activeOrg?.name} + + {hasMoreThanOneOrg && ( + + )} + + + + {userOrgs?.map((org, idx) => { + const isActive = org.id === activeOrg?.id; + return ( + onOrgClick(org)} key={org.id}> + + + {org?.profilePicture ? ( + + ) : ( + + )} + + + + {isActive && ( + + )} + + ); + })} + navigate("/onboarding/welcome?ref=workspace")}> + + + + + + + + + + ); +}; + +export default InlineWorkspacePicker; diff --git a/wondrous-bot-admin/src/components/Onboarding/PlanSelect/index.tsx b/wondrous-bot-admin/src/components/Onboarding/PlanSelect/index.tsx index fb3e5b12a..90893deab 100644 --- a/wondrous-bot-admin/src/components/Onboarding/PlanSelect/index.tsx +++ b/wondrous-bot-admin/src/components/Onboarding/PlanSelect/index.tsx @@ -9,6 +9,7 @@ import { GET_CHECKOUT_LINK } from "graphql/queries/subscription"; import useAlerts, { useGlobalContext } from "utils/hooks"; import PostHeaderGoogleTag from "components/GoogleTag/PostHeaderGoogleTag"; import PostBodyGoogleTag from "components/GoogleTag/PostBodyGoogleTag"; +import InlineWorkspacePicker from "./InlineWorkspacePicker"; const PlanSelectComponent = () => { const { setSnackbarAlertOpen, setSnackbarAlertMessage, setSnackbarAlertAutoHideDuration } = useAlerts(); @@ -91,11 +92,14 @@ const PlanSelectComponent = () => { > { fontWeight={600} color="white" > - Select your plan + Select your plan for + { notifyOnNetworkStatusChange: true, refetchQueries: ["getLoggedInUserFullAccessOrgs"], onCompleted: (data) => { - setActiveOrg(data?.createOrg); + setActiveOrg(data?.createCmtyOrg); navigate("/onboarding/plan-select"); }, }); diff --git a/wondrous-bot-admin/src/components/Shared/Select.tsx b/wondrous-bot-admin/src/components/Shared/Select.tsx index 9810c631c..e007c6690 100644 --- a/wondrous-bot-admin/src/components/Shared/Select.tsx +++ b/wondrous-bot-admin/src/components/Shared/Select.tsx @@ -20,7 +20,7 @@ const SelectComponent = ({ grouped = false, groupedOptions = [], minWidth = "100px", - selectProps={} + selectProps={}, }) => { const handleChange = (e) => onChange(e.target.value); diff --git a/wondrous-bot-admin/src/index.css b/wondrous-bot-admin/src/index.css index ee1d851cd..725f79ea6 100644 --- a/wondrous-bot-admin/src/index.css +++ b/wondrous-bot-admin/src/index.css @@ -71,3 +71,7 @@ button:focus-visible { left: 42%; top: 30%; } + +w3m-modal { + z-index: 99999 !important; +} \ No newline at end of file diff --git a/wondrous-bot-admin/src/utils/constants.tsx b/wondrous-bot-admin/src/utils/constants.tsx index 5bcc1d3e8..586010ef3 100644 --- a/wondrous-bot-admin/src/utils/constants.tsx +++ b/wondrous-bot-admin/src/utils/constants.tsx @@ -131,6 +131,7 @@ export const PAGES_WITHOUT_HEADER = [ "/activity", "/onboarding/plan-select", "/onboarding/finalize", + "/oauth/google/callback" ]; export const BG_TYPES = { @@ -357,6 +358,7 @@ export const EXCLUDED_PATHS = [ "/referral", "/referral-campaign", "/activity", + "/oauth/google/callback" ]; export const TUTORIALS = {