Jul 15, 2022 · Jul 15, 2022 · Jul 15, 2022 · Jul 15, 2022 · Jul 15, 2022 · Jul 15, 2022
diff --git a/site/src/components/LicenseBanner/LicenseBanner.tsx b/site/src/components/LicenseBanner/LicenseBanner.tsx
 import { useActor } from "@xstate/react"
 import { useContext, useEffect } from "react"
 import { XServiceContext } from "../../xServices/StateContext"

 export const LicenseBanner: React.FC = () => {
  const xServices = useContext(XServiceContext)
  const [licenseState, licenseSend] = useActor(xServices.licenseXService)
  const warnings = licenseState.context.licenseData.warnings

  /** Gets license data on app mount because LicenseBanner is mounted in App */
  useEffect(() => {
    licenseSend("GET_LICENSE_DATA")
  }, [licenseSend])

  if (warnings) {
    return <div>{warnings.map((warning, i) => <p key={`${i}`}>{warning}</p>)}</div>
  } else {
    return null
  }
 }
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,20 @@
		import { useActor } from "@xstate/react"
		import { useContext, useEffect } from "react"
		import { XServiceContext } from "../../xServices/StateContext"

		export const LicenseBanner: React.FC = () => {
		const xServices = useContext(XServiceContext)
		const [licenseState, licenseSend] = useActor(xServices.licenseXService)
		const warnings = licenseState.context.licenseData.warnings

		/** Gets license data on app mount because LicenseBanner is mounted in App */
		useEffect(() => {
		licenseSend("GET_LICENSE_DATA")
		}, [licenseSend])

		if (warnings) {
		return <div>{warnings.map((warning, i) => <p key={`${i}`}>{warning}</p>)}</div>
		} else {
		return null
		}
		}