imported logos, header displays logo based on whiteLabel
This commit is contained in:
Carter
parent
0d5d2e821f
commit
95a1ba486b
214 changed files with 290 additions and 193 deletions
|
|
@ -1,16 +1,17 @@
|
|||
// import { isOffline } from "utils/environment";
|
||||
// import DefaultDarkLogo from "assets/whitelabels/darkLogo.png";
|
||||
// import DefaultLightLogo from "assets/whitelabels/lightLogo.png";
|
||||
// import AdapativeAgLogo from "assets/whitelabels/AdaptiveAgriculture/logo.png";
|
||||
// import AdaptiveAgThumbnail from "assets/whitelabels/AdaptiveAgriculture/thumbnail.jpg";
|
||||
// import AdConLogo from "assets/whitelabels/AdaptiveConstruction/AdConLogoWhite.png";
|
||||
// import BXTLightLogo from "assets/whitelabels/BXT/lightLogo.png";
|
||||
// import BXTDarkLogo from "assets/whitelabels/BXT/darkLogo.png";
|
||||
// import AeroGrowDarkLogo from "assets/whitelabels/AeroGrow/darkLogo.png";
|
||||
// import AeroGrowLightLogo from "assets/whitelabels/AeroGrow/lightLogo.png";
|
||||
// import MiVentLightLogo from "assets/whitelabels/MiVent/lightLogo.png";
|
||||
//import OmniAirLogo from "assets/whitelabels/OmniAir/OmniAirLogo.png";
|
||||
// import MiPCALogo from "assets/whitelabels/OmniAir/MiPCALogo.png";
|
||||
import DefaultDarkLogo from "../assets/whitelabels/darkLogo.png";
|
||||
import DefaultLightLogo from "../assets/whitelabels/lightLogo.png";
|
||||
import AdapativeAgLogo from "../assets/whitelabels/AdaptiveAgriculture/logo.png";
|
||||
import AdaptiveAgThumbnail from "../assets/whitelabels/AdaptiveAgriculture/thumbnail.jpg";
|
||||
import AdConLogo from "../assets/whitelabels/AdaptiveConstruction/AdConLogoWhite.png";
|
||||
import BXTLightLogo from "../assets/whitelabels/BXT/lightLogo.png";
|
||||
import BXTDarkLogo from "../assets/whitelabels/BXT/darkLogo.png";
|
||||
import AeroGrowDarkLogo from "../assets/whitelabels/AeroGrow/darkLogo.png";
|
||||
import AeroGrowLightLogo from "../assets/whitelabels/AeroGrow/lightLogo.png";
|
||||
import MiVentLightLogo from "../assets/whitelabels/MiVent/lightLogo.png";
|
||||
import OmniAirLogo from "../assets/whitelabels/OmniAir/OmniAirLogo.png";
|
||||
import MiPCALogo from "../assets/whitelabels/OmniAir/MiPCALogo.png";
|
||||
import { green, yellow } from "@mui/material/colors";
|
||||
|
||||
const protips: string[] = [
|
||||
"You can see the latest measurements for a device by starring its components!",
|
||||
|
|
@ -57,10 +58,8 @@ const DEFAULT_WHITELABEL: WhiteLabel = {
|
|||
auth0ClientId: import.meta.env.REACT_APP_AUTH0_CLIENT_ID,
|
||||
redirectOnLogout: false,
|
||||
logoutRedirectTarget: "",
|
||||
// darkLogo: DefaultDarkLogo,
|
||||
// lightLogo: DefaultLightLogo,
|
||||
darkLogo: "",
|
||||
lightLogo: "",
|
||||
darkLogo: DefaultDarkLogo,
|
||||
lightLogo: DefaultLightLogo,
|
||||
transparentLogoBG: false,
|
||||
blacklist: [],
|
||||
hotjarID: import.meta.env.REACT_APP_HOTJAR_ID_BXT,
|
||||
|
|
@ -69,77 +68,77 @@ const DEFAULT_WHITELABEL: WhiteLabel = {
|
|||
tutorialPlaylistID: ""
|
||||
};
|
||||
|
||||
// const STAGING_WHITELABEL: WhiteLabel = {
|
||||
// name: process.env.REACT_APP_WEBSITE_TITLE,
|
||||
// primaryColour: process.env.REACT_APP_PRIMARY_COLOUR,
|
||||
// secondaryColour: process.env.REACT_APP_SECONDARY_COLOUR,
|
||||
// signatureColour: process.env.REACT_APP_SIGNATURE_COLOUR,
|
||||
// signatureAccentColour: "#fff",
|
||||
// auth0ClientId: process.env.REACT_APP_AUTH0_STAGING_CLIENT_ID,
|
||||
// redirectOnLogout: false,
|
||||
// logoutRedirectTarget: "",
|
||||
// darkLogo: DefaultDarkLogo,
|
||||
// lightLogo: DefaultLightLogo,
|
||||
// transparentLogoBG: false,
|
||||
// blacklist: [],
|
||||
// hotjarID: process.env.REACT_APP_HOTJAR_ID_BXT,
|
||||
// docs: "Platform",
|
||||
// protips: protips,
|
||||
// tutorialPlaylistID: ""
|
||||
// };
|
||||
const STAGING_WHITELABEL: WhiteLabel = {
|
||||
name: import.meta.env.REACT_APP_WEBSITE_TITLE,
|
||||
primaryColour: import.meta.env.REACT_APP_PRIMARY_COLOUR,
|
||||
secondaryColour: import.meta.env.REACT_APP_SECONDARY_COLOUR,
|
||||
signatureColour: import.meta.env.REACT_APP_SIGNATURE_COLOUR,
|
||||
signatureAccentColour: "#fff",
|
||||
auth0ClientId: import.meta.env.REACT_APP_AUTH0_STAGING_CLIENT_ID,
|
||||
redirectOnLogout: false,
|
||||
logoutRedirectTarget: "",
|
||||
darkLogo: DefaultDarkLogo,
|
||||
lightLogo: DefaultLightLogo,
|
||||
transparentLogoBG: false,
|
||||
blacklist: [],
|
||||
hotjarID: import.meta.env.REACT_APP_HOTJAR_ID_BXT,
|
||||
docs: "Platform",
|
||||
protips: protips,
|
||||
tutorialPlaylistID: ""
|
||||
};
|
||||
|
||||
// const BXT_WHITE_LABEL: WhiteLabel = {
|
||||
// name: "Brand X Technologies",
|
||||
// primaryColour: "blue",
|
||||
// secondaryColour: "yellow",
|
||||
// signatureColour: "#005bb0",
|
||||
// signatureAccentColour: "#fff",
|
||||
// auth0ClientId: process.env.REACT_APP_AUTH0_STAGING_CLIENT_ID,
|
||||
// redirectOnLogout: false,
|
||||
// logoutRedirectTarget: "",
|
||||
// darkLogo: BXTDarkLogo,
|
||||
// lightLogo: BXTLightLogo,
|
||||
// transparentLogoBG: false,
|
||||
// blacklist: [],
|
||||
// hotjarID: process.env.REACT_APP_HOTJAR_ID_BXT,
|
||||
// docs: "Platform",
|
||||
// protips: protips
|
||||
// };
|
||||
const BXT_WHITE_LABEL: WhiteLabel = {
|
||||
name: "Brand X Technologies",
|
||||
primaryColour: "blue",
|
||||
secondaryColour: "yellow",
|
||||
signatureColour: "#005bb0",
|
||||
signatureAccentColour: "#fff",
|
||||
auth0ClientId: import.meta.env.REACT_APP_AUTH0_STAGING_CLIENT_ID,
|
||||
redirectOnLogout: false,
|
||||
logoutRedirectTarget: "",
|
||||
darkLogo: BXTDarkLogo,
|
||||
lightLogo: BXTLightLogo,
|
||||
transparentLogoBG: false,
|
||||
blacklist: [],
|
||||
hotjarID: import.meta.env.REACT_APP_HOTJAR_ID_BXT,
|
||||
docs: "Platform",
|
||||
protips: protips
|
||||
};
|
||||
|
||||
export function isBXT(): boolean {
|
||||
return getName() === "Brand X Technologies";
|
||||
}
|
||||
|
||||
// const ADAPTIVE_AGRICULTURE_WHITE_LABEL: WhiteLabel = {
|
||||
// name: "Adaptive Agriculture",
|
||||
// primaryColour: "green",
|
||||
// secondaryColour: "yellow",
|
||||
// signatureColour: "#272727",
|
||||
// signatureAccentColour: "#fff",
|
||||
// auth0ClientId: process.env.REACT_APP_AUTH0_ADAPTIVE_AGRICULTURE_CLIENT_ID,
|
||||
// redirectOnLogout: true,
|
||||
// logoutRedirectTarget: "https://adaptiveagriculture.ca",
|
||||
// darkLogo: AdapativeAgLogo,
|
||||
// lightLogo: AdapativeAgLogo,
|
||||
// transparentLogoBG: true,
|
||||
// blacklist: ["cost"],
|
||||
// hotjarID: process.env.REACT_APP_HOTJAR_ID_ADAPTIVE_AGRICULTURE,
|
||||
// docs: "AdaptiveAg",
|
||||
// protips: protips.concat([]),
|
||||
// tutorialPlaylistID: "PLpLmJnI66Jfl5FXME31ckGam-sD8gB1s2",
|
||||
// thumbnail: AdaptiveAgThumbnail,
|
||||
// tutorialFiles: [
|
||||
// {
|
||||
// name: "Bindapt+",
|
||||
// url: "https://adaptiveagriculture.ca/wp-content/uploads/2023/08/Bindapt-Set-Up-Guide.pdf"
|
||||
// },
|
||||
// {
|
||||
// name: "Adapter Plate",
|
||||
// url:
|
||||
// "https://adaptiveagriculture.ca/wp-content/uploads/2023/08/Bindapt-Adapter-Plate-Set-Up-Guide.pdf"
|
||||
// }
|
||||
// ]
|
||||
// };
|
||||
const ADAPTIVE_AGRICULTURE_WHITE_LABEL: WhiteLabel = {
|
||||
name: "Adaptive Agriculture",
|
||||
primaryColour: green,
|
||||
secondaryColour: yellow,
|
||||
signatureColour: "#272727",
|
||||
signatureAccentColour: "#fff",
|
||||
auth0ClientId: import.meta.env.REACT_APP_AUTH0_ADAPTIVE_AGRICULTURE_CLIENT_ID,
|
||||
redirectOnLogout: true,
|
||||
logoutRedirectTarget: "https://adaptiveagriculture.ca",
|
||||
darkLogo: AdapativeAgLogo,
|
||||
lightLogo: AdapativeAgLogo,
|
||||
transparentLogoBG: true,
|
||||
blacklist: ["cost"],
|
||||
hotjarID: import.meta.env.REACT_APP_HOTJAR_ID_ADAPTIVE_AGRICULTURE,
|
||||
docs: "AdaptiveAg",
|
||||
protips: protips.concat([]),
|
||||
tutorialPlaylistID: "PLpLmJnI66Jfl5FXME31ckGam-sD8gB1s2",
|
||||
thumbnail: AdaptiveAgThumbnail,
|
||||
tutorialFiles: [
|
||||
{
|
||||
name: "Bindapt+",
|
||||
url: "https://adaptiveagriculture.ca/wp-content/uploads/2023/08/Bindapt-Set-Up-Guide.pdf"
|
||||
},
|
||||
{
|
||||
name: "Adapter Plate",
|
||||
url:
|
||||
"https://adaptiveagriculture.ca/wp-content/uploads/2023/08/Bindapt-Adapter-Plate-Set-Up-Guide.pdf"
|
||||
}
|
||||
]
|
||||
};
|
||||
|
||||
export function IsAdaptiveAgriculture(): boolean {
|
||||
return (
|
||||
|
|
@ -149,23 +148,23 @@ export function IsAdaptiveAgriculture(): boolean {
|
|||
);
|
||||
}
|
||||
|
||||
// const AEROGROW_WHITE_LABEL: WhiteLabel = {
|
||||
// name: "AeroGrow",
|
||||
// primaryColour: "green",
|
||||
// secondaryColour: "cyan",
|
||||
// signatureColour: "#fff",
|
||||
// signatureAccentColour: "#000",
|
||||
// auth0ClientId: process.env.REACT_APP_AUTH0_AEROGROW_CLIENT_ID,
|
||||
// redirectOnLogout: true,
|
||||
// logoutRedirectTarget: "https://www.aerogrowmanufacturing.com",
|
||||
// darkLogo: AeroGrowDarkLogo,
|
||||
// lightLogo: AeroGrowLightLogo,
|
||||
// transparentLogoBG: true,
|
||||
// blacklist: [],
|
||||
// hotjarID: process.env.REACT_APP_HOTJAR_ID_AEROGROW,
|
||||
// docs: "Platform",
|
||||
// protips: protips
|
||||
// };
|
||||
const AEROGROW_WHITE_LABEL: WhiteLabel = {
|
||||
name: "AeroGrow",
|
||||
primaryColour: "green",
|
||||
secondaryColour: "cyan",
|
||||
signatureColour: "#fff",
|
||||
signatureAccentColour: "#000",
|
||||
auth0ClientId: import.meta.env.REACT_APP_AUTH0_AEROGROW_CLIENT_ID,
|
||||
redirectOnLogout: true,
|
||||
logoutRedirectTarget: "https://www.aerogrowmanufacturing.com",
|
||||
darkLogo: AeroGrowDarkLogo,
|
||||
lightLogo: AeroGrowLightLogo,
|
||||
transparentLogoBG: true,
|
||||
blacklist: [],
|
||||
hotjarID: import.meta.env.REACT_APP_HOTJAR_ID_AEROGROW,
|
||||
docs: "Platform",
|
||||
protips: protips
|
||||
};
|
||||
|
||||
export function IsMiVent(): boolean {
|
||||
return (
|
||||
|
|
@ -175,41 +174,41 @@ export function IsMiVent(): boolean {
|
|||
);
|
||||
}
|
||||
|
||||
// const MIVENT_WHITE_LABEL: WhiteLabel = {
|
||||
// name: "MiVent",
|
||||
// primaryColour: "green",
|
||||
// secondaryColour: "yellow",
|
||||
// signatureColour: "#272727",
|
||||
// signatureAccentColour: "#fff",
|
||||
// auth0ClientId: process.env.REACT_APP_AUTH0_MIVENT_CLIENT_ID,
|
||||
// redirectOnLogout: true,
|
||||
// logoutRedirectTarget: "https://mivent.ca",
|
||||
// darkLogo: MiVentLightLogo,
|
||||
// lightLogo: MiVentLightLogo,
|
||||
// transparentLogoBG: true,
|
||||
// blacklist: ["cost"],
|
||||
// hotjarID: process.env.REACT_APP_HOTJAR_ID_MIVENT,
|
||||
// docs: "Platform",
|
||||
// protips: protips.concat([])
|
||||
// };
|
||||
const MIVENT_WHITE_LABEL: WhiteLabel = {
|
||||
name: "MiVent",
|
||||
primaryColour: "green",
|
||||
secondaryColour: "yellow",
|
||||
signatureColour: "#272727",
|
||||
signatureAccentColour: "#fff",
|
||||
auth0ClientId: import.meta.env.REACT_APP_AUTH0_MIVENT_CLIENT_ID,
|
||||
redirectOnLogout: true,
|
||||
logoutRedirectTarget: "https://mivent.ca",
|
||||
darkLogo: MiVentLightLogo,
|
||||
lightLogo: MiVentLightLogo,
|
||||
transparentLogoBG: true,
|
||||
blacklist: ["cost"],
|
||||
hotjarID: import.meta.env.REACT_APP_HOTJAR_ID_MIVENT,
|
||||
docs: "Platform",
|
||||
protips: protips.concat([])
|
||||
};
|
||||
|
||||
// const ADAPTIVE_CONSTRUCTION_WHITE_LABEL: WhiteLabel = {
|
||||
// name: "Adaptive Construction",
|
||||
// primaryColour: "blue",
|
||||
// secondaryColour: "blue",
|
||||
// signatureColour: "#272727",
|
||||
// signatureAccentColour: "#fff",
|
||||
// auth0ClientId: process.env.REACT_APP_AUTH0_ADAPTIVE_CONSTRUCTION_CLIENT_ID,
|
||||
// redirectOnLogout: true,
|
||||
// logoutRedirectTarget: "https://adaptiveconstruction.ca",
|
||||
// darkLogo: AdConLogo,
|
||||
// lightLogo: AdConLogo,
|
||||
// transparentLogoBG: true,
|
||||
// blacklist: ["cost"],
|
||||
// hotjarID: process.env.REACT_APP_HOTJAR_ID_ADAPTIVE_CONSTRUCTION,
|
||||
// docs: "AdaptiveConstruction",
|
||||
// protips: protips.concat([])
|
||||
// };
|
||||
const ADAPTIVE_CONSTRUCTION_WHITE_LABEL: WhiteLabel = {
|
||||
name: "Adaptive Construction",
|
||||
primaryColour: "blue",
|
||||
secondaryColour: "blue",
|
||||
signatureColour: "#272727",
|
||||
signatureAccentColour: "#fff",
|
||||
auth0ClientId: import.meta.env.REACT_APP_AUTH0_ADAPTIVE_CONSTRUCTION_CLIENT_ID,
|
||||
redirectOnLogout: true,
|
||||
logoutRedirectTarget: "https://adaptiveconstruction.ca",
|
||||
darkLogo: AdConLogo,
|
||||
lightLogo: AdConLogo,
|
||||
transparentLogoBG: true,
|
||||
blacklist: ["cost"],
|
||||
hotjarID: import.meta.env.REACT_APP_HOTJAR_ID_ADAPTIVE_CONSTRUCTION,
|
||||
docs: "AdaptiveConstruction",
|
||||
protips: protips.concat([])
|
||||
};
|
||||
|
||||
export function IsAdCon(): boolean {
|
||||
return (
|
||||
|
|
@ -219,23 +218,23 @@ export function IsAdCon(): boolean {
|
|||
);
|
||||
}
|
||||
|
||||
// const OMNIAIR_WHITE_LABEL: WhiteLabel = {
|
||||
// name: "OmniAir",
|
||||
// primaryColour: "#004f9b",
|
||||
// secondaryColour: "yellow",
|
||||
// signatureColour: "#272727",
|
||||
// signatureAccentColour: "#fff",
|
||||
// auth0ClientId: process.env.REACT_APP_AUTH0_OMNIAIR_CLIENT_ID,
|
||||
// redirectOnLogout: true,
|
||||
// logoutRedirectTarget: "https://omniairsystems.com",
|
||||
// darkLogo: MiPCALogo,
|
||||
// lightLogo: MiPCALogo,
|
||||
// transparentLogoBG: true,
|
||||
// blacklist: ["cost"],
|
||||
// //hotjarID: process.env.REACT_APP_HOTJAR_ID_OMNIAIR, testing what happens if this is excluded
|
||||
// docs: "OmniAir",
|
||||
// protips: protips.concat([])
|
||||
// };
|
||||
const OMNIAIR_WHITE_LABEL: WhiteLabel = {
|
||||
name: "OmniAir",
|
||||
primaryColour: "#004f9b",
|
||||
secondaryColour: "yellow",
|
||||
signatureColour: "#272727",
|
||||
signatureAccentColour: "#fff",
|
||||
auth0ClientId: import.meta.env.REACT_APP_AUTH0_OMNIAIR_CLIENT_ID,
|
||||
redirectOnLogout: true,
|
||||
logoutRedirectTarget: "https://omniairsystems.com",
|
||||
darkLogo: MiPCALogo,
|
||||
lightLogo: MiPCALogo,
|
||||
transparentLogoBG: true,
|
||||
blacklist: ["cost"],
|
||||
//hotjarID: import.meta.env.REACT_APP_HOTJAR_ID_OMNIAIR, testing what happens if this is excluded
|
||||
docs: "OmniAir",
|
||||
protips: protips.concat([])
|
||||
};
|
||||
|
||||
export function IsOmniAir(): boolean {
|
||||
return (
|
||||
|
|
@ -245,36 +244,36 @@ export function IsOmniAir(): boolean {
|
|||
);
|
||||
}
|
||||
|
||||
// const whitelabels = new Map<string, WhiteLabel>([
|
||||
// ["adaptiveag", ADAPTIVE_AGRICULTURE_WHITE_LABEL],
|
||||
// ["adaptiveagriculture", ADAPTIVE_AGRICULTURE_WHITE_LABEL],
|
||||
// ["brandxducks", BXT_WHITE_LABEL],
|
||||
// ["brandxtech", BXT_WHITE_LABEL],
|
||||
// ["aerogrowmanufacturing", AEROGROW_WHITE_LABEL],
|
||||
// ["localhost", ADAPTIVE_AGRICULTURE_WHITE_LABEL],
|
||||
// ["staging", STAGING_WHITELABEL],
|
||||
// ["10.0", ADAPTIVE_CONSTRUCTION_WHITE_LABEL],
|
||||
// ["mivent", MIVENT_WHITE_LABEL],
|
||||
// ["adaptiveconstruction", ADAPTIVE_CONSTRUCTION_WHITE_LABEL],
|
||||
// ["omniair", OMNIAIR_WHITE_LABEL]
|
||||
// ]);
|
||||
const whitelabels = new Map<string, WhiteLabel>([
|
||||
["adaptiveag", ADAPTIVE_AGRICULTURE_WHITE_LABEL],
|
||||
["adaptiveagriculture", ADAPTIVE_AGRICULTURE_WHITE_LABEL],
|
||||
["brandxducks", BXT_WHITE_LABEL],
|
||||
["brandxtech", BXT_WHITE_LABEL],
|
||||
["aerogrowmanufacturing", AEROGROW_WHITE_LABEL],
|
||||
["localhost", ADAPTIVE_AGRICULTURE_WHITE_LABEL],
|
||||
["staging", STAGING_WHITELABEL],
|
||||
["10.0", ADAPTIVE_CONSTRUCTION_WHITE_LABEL],
|
||||
["mivent", MIVENT_WHITE_LABEL],
|
||||
["adaptiveconstruction", ADAPTIVE_CONSTRUCTION_WHITE_LABEL],
|
||||
["omniair", OMNIAIR_WHITE_LABEL]
|
||||
]);
|
||||
|
||||
export function getWhitelabel(): WhiteLabel {
|
||||
// if (isOffline()) {
|
||||
// return DEFAULT_WHITELABEL;
|
||||
// }
|
||||
|
||||
// const hostname = window.location.hostname;
|
||||
// if (window.location.origin.includes("staging") || process.env.REACT_APP_IS_STAGING) {
|
||||
// return STAGING_WHITELABEL;
|
||||
// }
|
||||
// const whiteLabelKeys = Array.from(whitelabels.keys());
|
||||
// for (var i = 0; i < whiteLabelKeys.length; i++) {
|
||||
// let key = whiteLabelKeys[i];
|
||||
// if (hostname.includes(key)) {
|
||||
// return whitelabels.get(key) as WhiteLabel;
|
||||
// }
|
||||
// }
|
||||
const hostname = window.location.hostname;
|
||||
// if (window.location.origin.includes("staging") || import.meta.env.REACT_APP_IS_STAGING) {
|
||||
// return STAGING_WHITELABEL;
|
||||
// }
|
||||
const whiteLabelKeys = Array.from(whitelabels.keys());
|
||||
for (var i = 0; i < whiteLabelKeys.length; i++) {
|
||||
let key = whiteLabelKeys[i];
|
||||
if (hostname.includes(key)) {
|
||||
return whitelabels.get(key) as WhiteLabel;
|
||||
}
|
||||
}
|
||||
return DEFAULT_WHITELABEL;
|
||||
}
|
||||
|
||||
|
|
@ -314,13 +313,13 @@ export function getLightLogo(): any {
|
|||
return getWhitelabel().lightLogo;
|
||||
}
|
||||
|
||||
// export function hideLogo(): boolean {
|
||||
// if (isOffline()) {
|
||||
// return false;
|
||||
// }
|
||||
export function hideLogo(): boolean {
|
||||
// if (isOffline()) {
|
||||
// return false;
|
||||
// }
|
||||
|
||||
// return getWhitelabel().name === "";
|
||||
// }
|
||||
return getWhitelabel().name === "";
|
||||
}
|
||||
|
||||
export function hasTransparentLogoBG(): any {
|
||||
return getWhitelabel().transparentLogoBG;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue