adds unlicensed view

src/admin/components/elements/Banner/index.scss

@@ -17,19 +17,12 @@
   }
 
   &--has-icon {
+    display: flex;
     svg {
       display: block;
     }
   }
 
-  &--align-icon-left {
-    padding-left: base(.125);
-  }
-
-  &--align-icon-right {
-    padding-right: base(.125);
-  }
-
   &--type-default {
     &.button--has-action {
       &:hover {
@@ -46,6 +39,10 @@
     background: rgba($color-red, .1);
     color: $color-red;
 
+    svg {
+      @include color-svg($color-red);
+    }
+
     &.button--has-action {
       &:hover {
         background: rgba($color-red, .15);

src/admin/components/elements/Banner/index.tsx

@@ -36,7 +36,9 @@ const Banner = ({
           {icon}
         </React.Fragment>
       )}
-      {children}
+      <span className={`${baseClass}__content`}>
+        {children}
+      </span>
       {(icon && alignIcon === 'right') && (
         <React.Fragment>
           {icon}

src/admin/components/views/Unlicensed/index.tsx

@@ -0,0 +1,42 @@
+import React from 'react';
+import Button from '../../elements/Button';
+import Meta from '../../utilities/Meta';
+import Banner from '../../elements/Banner';
+import MinimalTemplate from '../../templates/Minimal';
+import X from '../../icons/X';
+
+const Unlicensed: React.FC = () => (
+  <MinimalTemplate className="unlicensed">
+    <Meta
+      title="Unlicensed"
+      description="Unlicensed"
+      keywords="Unlicensed, Payload, CMS"
+    />
+    <h2>Your Payload license is invalid</h2>
+    <Banner
+      type="error"
+      alignIcon="left"
+      icon={<X />}
+    >
+      Sorry, but your license appears to be invalid for the domain
+      {' '}
+      <strong>
+        {window.location.hostname}
+      </strong>
+      .
+    </Banner>
+    <p>
+      Don&apos;t worry&mdash;your Payload API is still accessible, but a valid license is required to use the Payload admin panel on a live domain. Your payment method may have expired, or your license may not be properly tied to this domain.
+    </p>
+    <p>You can manage your licenses, including changing the domain that the license is attached to, through the Payload website.</p>
+    <br />
+    <Button
+      el="anchor"
+      url="https://payloadcms.com/login"
+    >
+      Review your licenses
+    </Button>
+  </MinimalTemplate>
+);
+
+export default Unlicensed;