From 23da0328ec7afcc3839f88d4f5932043ffe4759b Mon Sep 17 00:00:00 2001 From: Alejandro Celaya Date: Sun, 20 Dec 2020 08:56:46 +0100 Subject: [PATCH] Added Shlink logo as react component --- src/common/MainHeader.tsx | 4 ++-- src/common/img/ShlinkLogo.tsx | 23 +++++++++++++++++++++++ src/common/shlink-logo-white.png | Bin 8913 -> 0 bytes 3 files changed, 25 insertions(+), 2 deletions(-) create mode 100644 src/common/img/ShlinkLogo.tsx delete mode 100644 src/common/shlink-logo-white.png diff --git a/src/common/MainHeader.tsx b/src/common/MainHeader.tsx index be06d9d0..4c213a7b 100644 --- a/src/common/MainHeader.tsx +++ b/src/common/MainHeader.tsx @@ -6,7 +6,7 @@ import { Collapse, Nav, Navbar, NavbarBrand, NavbarToggler, NavItem, NavLink } f import classNames from 'classnames'; import { RouteComponentProps } from 'react-router'; import { useToggle } from '../utils/helpers/hooks'; -import shlinkLogo from './shlink-logo-white.png'; +import { ShlinkLogo } from './img/ShlinkLogo'; import './MainHeader.scss'; const MainHeader = (ServersDropdown: FC) => ({ location }: RouteComponentProps) => { @@ -21,7 +21,7 @@ const MainHeader = (ServersDropdown: FC) => ({ location }: RouteComponentProps) return ( - Shlink Shlink + Shlink diff --git a/src/common/img/ShlinkLogo.tsx b/src/common/img/ShlinkLogo.tsx new file mode 100644 index 00000000..757c3b22 --- /dev/null +++ b/src/common/img/ShlinkLogo.tsx @@ -0,0 +1,23 @@ +interface ShlinkLogoProps { + color?: string; + className?: string; +} + +export const ShlinkLogo = ({ color = '#4595e3', className }: ShlinkLogoProps) => ( + + + + + + + + +); diff --git a/src/common/shlink-logo-white.png b/src/common/shlink-logo-white.png deleted file mode 100644 index 5590667b3ca270a65edc4312a166544b2183de38..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 8913 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 QQt}BIRNGjqN&^w|KPs{e*Z=?k