docs(unity-bootstrap-theme): update Cassie cookie consent

Author: davidornelas11

packages/unity-bootstrap-theme/.storybook/decorators.jsx

@@ -0,0 +1,16 @@
+import React, { useEffect } from "react";
+
+export const forceReloadOfStory = (storyFn, context) => {
+  useEffect(() => {
+    setTimeout(() => {
+      context.globals.shouldReload = true;
+    }, 100);
+    return () => {
+      if (context.globals.shouldReload) {
+        window.location.reload();
+      }
+    };
+  }, []);
+
+  return storyFn();
+}

packages/unity-bootstrap-theme/stories/molecules/cookie-consent/cookie-consent-full-screen.stories.js

@@ -1,27 +1,11 @@
 import React, { useEffect } from "react";
-import { allCookieConsentJS } from "../../../src/js/cookie-consent-full-screen.js";
+import { forceReloadOfStory } from "../../../.storybook/decorators";
+import { allCookieConsentJS } from "../../../src/js/cookie-consent-full-screen";
 import "../../../src/css/cookie-consent-full-screen.css";
 
 export default {
   title: "Molecules/Cookie Consent",
-  // Forces reload of the story to keep css and js from persisting between stories
-  decorators: [
-    (storyFn, context) => {
-      useEffect(() => {
-        // document.querySelector("body")?.classList.add("bg-gray-2");
-        setTimeout(() => {
-          context.globals.shouldReload = true;
-        }, 100);
-        return () => {
-          // document.querySelector("body")?.classList.remove("bg-gray-2");
-          if (context.globals.shouldReload) {
-            window.location.reload();
-          }
-        };
-      }, []);
-      return storyFn();
-    },
-  ],
+  decorators: [forceReloadOfStory],
   parameters: { controls: { disable: true } },
 };
 export const FullScreenBannerCookieConsent = () => {

packages/unity-bootstrap-theme/stories/molecules/cookie-consent/cookie-consent.stories.js

@@ -1,25 +1,11 @@
 import React, { useEffect } from "react";
 import { allCookieConsentJS } from "../../../src/js/cookie-consent";
+import { forceReloadOfStory } from "../../../.storybook/decorators";
 import "../../../src/css/cookie-consent.css";
 
 export default {
   title: "Molecules/Cookie Consent",
-  // Forces reload of the story to keep css and js from persisting between stories
-  decorators: [
-    (storyFn, context) => {
-      useEffect(() => {
-        setTimeout(() => {
-          context.globals.shouldReload = true;
-        }, 100);
-        return () => {
-          if (context.globals.shouldReload) {
-            window.location.reload();
-          }
-        };
-      }, []);
-      return storyFn();
-    },
-  ],
+  decorators: [forceReloadOfStory],
   parameters: { controls: { disable: true } },
 };
 export const MaxWidthCookieConsent = () => {