shpaq/sct-overseerr
1
0
Fork 0
mirror of https://github.com/sct/overseerr.git synced 2025-09-17 17:24:35 +02:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
sct
2021-06-17 20:46:40 +09:00
committed by GitHub
parent 910d00c195
commit beb5637d9f
57 changed files with 107 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/Layout/Sidebar/index.tsx
View File

@@ -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>

41
src/components/Layout/index.tsx
View File

@@ -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>