@webbio/strapi-plugin-page-builder 0.12.2-platform → 0.12.4-platform

package/admin/src/components/PluginIcon/index.tsx

@@ -1,94 +1,94 @@
-/**
- *
- * PluginIcon
- *
- */
-
-import React, { useLayoutEffect, useRef } from 'react';
-
-import { GlobalPlatformSelect } from '../GlobalPlatformSelect';
-import { Portal } from '@strapi/design-system';
-import { findElementParent } from '../../utils/findElementParent';
-import { findDomElement } from '../../utils/findDomElement';
-import { useDefaultPlatformFromLocalStorage } from '../../utils/hooks/useDefaultPlatformFromLocalStorage';
-
-const PluginIcon = () => {
-	const ref = useRef<HTMLDivElement>(null);
-	const [smallNav, setSmallNav] = React.useState<boolean>();
-	const { selectedPlatform, platforms } = useDefaultPlatformFromLocalStorage();
-
-	const setHrStyles = () => {
-		const hr = findNavHr();
-
-		if (hr) {
-			hr.style.marginTop = '40px';
-			const navW = hr?.getBoundingClientRect().width;
-			setSmallNav(navW < 100 ? true : false);
-		}
-	};
-
-	useLayoutEffect(() => {
-		if (platforms && platforms.length > 1) {
-			setHrStyles();
-		}
-	}, [platforms]);
-
-	useLayoutEffect(() => {
-		removePluginLink(ref);
-	}, [ref]);
-
-	useLayoutEffect(() => {
-		changeStrapiTitle(selectedPlatform?.title);
-	}, [selectedPlatform]);
-
-	return (
-		<div ref={ref}>
-			<Portal>
-				<GlobalPlatformSelect small={smallNav} />
-			</Portal>
-		</div>
-	);
-};
-
-export default PluginIcon;
-
-const changeStrapiTitle = (selectedPlatformTitle?: string) => {
-	let element = findDomElement(`//nav//a//p[contains(., 'Workplace') or contains(., 'Werkplek')]`);
-
-	if (element) {
-		// If element is found, make sure to add a data attribute, so we can find it later
-		element.dataset.strapiWorkplace = 'platformTitle';
-	}
-
-	if (!element) {
-		element = findDomElement(`//nav//a//p[@data-strapi-workplace="platformTitle"]`);
-	}
-
-	if (element && selectedPlatformTitle) {
-		element.textContent = selectedPlatformTitle;
-	}
-};
-
-const removePluginLink = (ref?: React.RefObject<HTMLDivElement>) => {
-	if (ref?.current) {
-		const anchorParent = findElementParent(ref.current, 'LI');
-		if (anchorParent) {
-			anchorParent?.remove();
-		}
-	}
-};
-
-const findNavHr = (): HTMLElement | undefined => {
-	if (typeof window === 'undefined') {
-		return;
-	}
-
-	let hrNode: HTMLElement | undefined;
-	document.querySelector('nav')?.childNodes.forEach((node) => {
-		if (node?.nodeName === 'HR') {
-			hrNode = node as HTMLElement;
-		}
-	});
-
-	return hrNode;
-};
+/**
+ *
+ * PluginIcon
+ *
+ */
+
+import React, { useLayoutEffect, useRef } from 'react';
+
+import { GlobalPlatformSelect } from '../GlobalPlatformSelect';
+import { Portal } from '@strapi/design-system';
+import { findElementParent } from '../../utils/findElementParent';
+import { findDomElement } from '../../utils/findDomElement';
+import { useDefaultPlatformFromLocalStorage } from '../../utils/hooks/useDefaultPlatformFromLocalStorage';
+
+const PluginIcon = () => {
+	const ref = useRef<HTMLDivElement>(null);
+	const [smallNav, setSmallNav] = React.useState<boolean>();
+	const { selectedPlatform, platforms } = useDefaultPlatformFromLocalStorage();
+
+	const setHrStyles = () => {
+		const hr = findNavHr();
+
+		if (hr) {
+			hr.style.marginTop = '40px';
+			const navW = hr?.getBoundingClientRect().width;
+			setSmallNav(navW < 100 ? true : false);
+		}
+	};
+
+	useLayoutEffect(() => {
+		if (platforms && platforms.length > 1) {
+			setHrStyles();
+		}
+	}, [platforms]);
+
+	useLayoutEffect(() => {
+		removePluginLink(ref);
+	}, [ref]);
+
+	useLayoutEffect(() => {
+		changeStrapiTitle(selectedPlatform?.title);
+	}, [selectedPlatform]);
+
+	return (
+		<div ref={ref}>
+			<Portal>
+				<GlobalPlatformSelect small={smallNav} />
+			</Portal>
+		</div>
+	);
+};
+
+export default PluginIcon;
+
+const changeStrapiTitle = (selectedPlatformTitle?: string) => {
+	let element = findDomElement(`//nav//a//p[contains(., 'Workplace') or contains(., 'Werkplek')]`);
+
+	if (element) {
+		// If element is found, make sure to add a data attribute, so we can find it later
+		element.dataset.strapiWorkplace = 'platformTitle';
+	}
+
+	if (!element) {
+		element = findDomElement(`//nav//a//p[@data-strapi-workplace="platformTitle"]`);
+	}
+
+	if (element && selectedPlatformTitle) {
+		element.textContent = selectedPlatformTitle;
+	}
+};
+
+const removePluginLink = (ref?: React.RefObject<HTMLDivElement>) => {
+	if (ref?.current) {
+		const anchorParent = findElementParent(ref.current, 'LI');
+		if (anchorParent) {
+			anchorParent?.remove();
+		}
+	}
+};
+
+const findNavHr = (): HTMLElement | undefined => {
+	if (typeof window === 'undefined') {
+		return;
+	}
+
+	let hrNode: HTMLElement | undefined;
+	document.querySelector('nav')?.childNodes.forEach((node) => {
+		if (node?.nodeName === 'HR') {
+			hrNode = node as HTMLElement;
+		}
+	});
+
+	return hrNode;
+};