From 1aa4da4667b07ab7bd621f9d3fb1f9695f84d152 Mon Sep 17 00:00:00 2001 From: Patrick Gray Date: Thu, 13 May 2021 16:36:30 -0400 Subject: [PATCH] fix: update the Stacks Docs logo per Ginny --- src/components/header.tsx | 15 +----- src/components/stacks-docs-logo.tsx | 73 +++++++++++++++++++++++++++++ 2 files changed, 75 insertions(+), 13 deletions(-) create mode 100644 src/components/stacks-docs-logo.tsx diff --git a/src/components/header.tsx b/src/components/header.tsx index 383baedc..9e97eaba 100644 --- a/src/components/header.tsx +++ b/src/components/header.tsx @@ -9,7 +9,6 @@ import { FlexProps, space, Stack, - StacksLogo, StxInline, IconButton, } from '@stacks/ui'; @@ -20,6 +19,7 @@ import { useMobileMenuState } from '@common/hooks/use-mobile-menu'; import { ForwardRefExoticComponentWithAs, forwardRefWithAs } from '@stacks/ui-core'; import NextLink from 'next/link'; +import { StacksDocsLogo } from '@components/stacks-docs-logo'; import { ColorModeButton } from '@components/color-mode-button'; import { SearchButton } from '@components/search-button'; import { border, transition } from '@common/utils'; @@ -204,18 +204,7 @@ const LogoLink = React.memo(() => { - - - Docs - + diff --git a/src/components/stacks-docs-logo.tsx b/src/components/stacks-docs-logo.tsx new file mode 100644 index 00000000..c6d81705 --- /dev/null +++ b/src/components/stacks-docs-logo.tsx @@ -0,0 +1,73 @@ +import React, { forwardRef } from 'react'; + +import { Box, BoxProps } from '@stacks/ui'; +import { ForwardRefExoticComponentWithAs, forwardRefWithAs } from '@stacks/ui-core'; + +export const StacksDocsLogo: ForwardRefExoticComponentWithAs = forwardRefWithAs< + BoxProps, + 'svg' +>((props, ref) => { + const { width = '170px', color = 'white', as = 'svg', ...rest } = props; + return ( + + + + + + + + + + + + + + + ); +});