feat: new logo, who dis? (#1802)

src/components/Layout/Sidebar/index.tsx

@@ -122,7 +122,7 @@ const Sidebar: React.FC<SidebarProps> = ({ open, setClosed }) => {
                     <div className="flex items-center flex-shrink-0 px-4">
                       <span className="text-xl text-gray-50">
                         <a href="/">
-                          <img src="/logo.png" alt="Logo" />
+                          <img src="/logo_full.svg" alt="Logo" />
                         </a>
                       </span>
                     </div>
@@ -187,7 +187,7 @@ const Sidebar: React.FC<SidebarProps> = ({ open, setClosed }) => {
               <div className="flex items-center flex-shrink-0 px-4">
                 <span className="text-2xl text-gray-50">
                   <a href="/">
-                    <img src="/logo.png" alt="Logo" />
+                    <img src="/logo_full.svg" alt="Logo" />
                   </a>
                 </span>
               </div>

src/components/Layout/index.tsx

@@ -1,27 +1,20 @@
 import { MenuAlt2Icon } from '@heroicons/react/outline';
-import { ArrowLeftIcon, InformationCircleIcon } from '@heroicons/react/solid';
+import { ArrowLeftIcon } from '@heroicons/react/solid';
 import { useRouter } from 'next/router';
 import React, { useEffect, useState } from 'react';
-import { defineMessages, useIntl } from 'react-intl';
 import { AvailableLocale } from '../../context/LanguageContext';
 import useLocale from '../../hooks/useLocale';
 import useSettings from '../../hooks/useSettings';
-import { Permission, useUser } from '../../hooks/useUser';
+import { useUser } from '../../hooks/useUser';
 import SearchInput from './SearchInput';
 import Sidebar from './Sidebar';
 import UserDropdown from './UserDropdown';
 
-const messages = defineMessages({
-  betawarning:
-    'This is BETA software. Features may be broken and/or unstable. Please report any issues on GitHub!',
-});
-
 const Layout: React.FC = ({ children }) => {
   const [isSidebarOpen, setSidebarOpen] = useState(false);
   const [isScrolled, setIsScrolled] = useState(false);
-  const { user, hasPermission } = useUser();
+  const { user } = useUser();
   const router = useRouter();
-  const intl = useIntl();
   const { currentSettings } = useSettings();
   const { setLocale } = useLocale();
 
@@ -95,33 +88,7 @@ const Layout: React.FC = ({ children }) => {
 
         <main className="relative z-0 top-16 focus:outline-none" tabIndex={0}>
           <div className="mb-6">
-            <div className="px-4 mx-auto max-w-8xl">
-              {router.pathname === '/' && hasPermission(Permission.ADMIN) && (
-                <div className="p-4 mt-6 bg-indigo-700 rounded-md">
-                  <div className="flex">
-                    <div className="flex-shrink-0">
-                      <InformationCircleIcon className="w-5 h-5 text-white" />
-                    </div>
-                    <div className="flex-1 ml-3 md:flex md:justify-between">
-                      <p className="text-sm leading-5 text-white">
-                        {intl.formatMessage(messages.betawarning)}
-                      </p>
-                      <p className="mt-3 text-sm leading-5 md:mt-0 md:ml-6">
-                        <a
-                          href="http://github.com/sct/overseerr"
-                          className="font-medium text-indigo-100 transition duration-150 ease-in-out whitespace-nowrap hover:text-white"
-                          target="_blank"
-                          rel="noreferrer"
-                        >
-                          GitHub &rarr;
-                        </a>
-                      </p>
-                    </div>
-                  </div>
-                </div>
-              )}
-              {children}
-            </div>
+            <div className="px-4 mx-auto max-w-8xl">{children}</div>
           </div>
         </main>
       </div>

src/components/Login/index.tsx

@@ -77,8 +77,8 @@ const Login: React.FC = () => {
       <div className="absolute z-50 top-4 right-4">
         <LanguagePicker />
       </div>
-      <div className="relative z-40 px-4 sm:mx-auto sm:w-full sm:max-w-md">
-        <img src="/logo.png" className="max-w-full" alt="Logo" />
+      <div className="relative z-40 flex flex-col items-center px-4 mt-10 sm:mx-auto sm:w-full sm:max-w-md">
+        <img src="/logo_stacked.svg" className="max-w-full mb-10" alt="Logo" />
         <h2 className="mt-2 text-3xl font-extrabold leading-9 text-center text-gray-100">
           {intl.formatMessage(messages.signinheader)}
         </h2>

src/components/ResetPassword/RequestResetLink.tsx

@@ -48,7 +48,7 @@ const ResetPassword: React.FC = () => {
         <LanguagePicker />
       </div>
       <div className="relative z-40 px-4 sm:mx-auto sm:w-full sm:max-w-md">
-        <img src="/logo.png" className="max-w-full" alt="Logo" />
+        <img src="/logo_stacked.png" className="max-w-full mb-10" alt="Logo" />
         <h2 className="mt-2 text-3xl font-extrabold leading-9 text-center text-gray-100">
           {intl.formatMessage(messages.resetpassword)}
         </h2>

src/components/ResetPassword/index.tsx

@@ -62,7 +62,7 @@ const ResetPassword: React.FC = () => {
         <LanguagePicker />
       </div>
       <div className="relative z-40 px-4 sm:mx-auto sm:w-full sm:max-w-md">
-        <img src="/logo.png" className="max-w-full" alt="Logo" />
+        <img src="/logo_stacked.svg" className="max-w-full mb-10" alt="Logo" />
         <h2 className="mt-2 text-3xl font-extrabold leading-9 text-center text-gray-100">
           {intl.formatMessage(messages.resetpassword)}
         </h2>

src/components/Settings/SettingsAbout/index.tsx

@@ -1,3 +1,4 @@
+import { InformationCircleIcon } from '@heroicons/react/solid';
 import React from 'react';
 import { defineMessages, useIntl } from 'react-intl';
 import useSWR from 'swr';
@@ -28,6 +29,8 @@ const messages = defineMessages({
   preferredmethod: 'Preferred',
   outofdate: 'Out of Date',
   uptodate: 'Up to Date',
+  betawarning:
+    'This is BETA software. Features may be broken and/or unstable. Please report any issues on GitHub!',
 });
 
 const SettingsAbout: React.FC = () => {
@@ -54,6 +57,28 @@ const SettingsAbout: React.FC = () => {
           intl.formatMessage(globalMessages.settings),
         ]}
       />
+      <div className="p-4 mt-6 bg-indigo-700 rounded-md">
+        <div className="flex">
+          <div className="flex-shrink-0">
+            <InformationCircleIcon className="w-5 h-5 text-white" />
+          </div>
+          <div className="flex-1 ml-3 md:flex md:justify-between">
+            <p className="text-sm leading-5 text-white">
+              {intl.formatMessage(messages.betawarning)}
+            </p>
+            <p className="mt-3 text-sm leading-5 md:mt-0 md:ml-6">
+              <a
+                href="http://github.com/sct/overseerr"
+                className="font-medium text-indigo-100 transition duration-150 ease-in-out whitespace-nowrap hover:text-white"
+                target="_blank"
+                rel="noreferrer"
+              >
+                GitHub &rarr;
+              </a>
+            </p>
+          </div>
+        </div>
+      </div>
       <div className="section">
         <List title={intl.formatMessage(messages.overseerrinformation)}>
           <List.Item

src/components/Setup/index.tsx

@@ -69,8 +69,8 @@ const Setup: React.FC = () => {
       </div>
       <div className="relative z-40 px-4 sm:mx-auto sm:w-full sm:max-w-4xl">
         <img
-          src="/logo.png"
-          className="max-w-full sm:max-w-md sm:mx-auto"
+          src="/logo_stacked.svg"
+          className="max-w-full mb-10 sm:max-w-md sm:mx-auto"
           alt="Logo"
         />
         <AppDataWarning />