summaryrefslogtreecommitdiffstats
path: root/src/components/molecules/layout/flipping-logo.tsx
diff options
context:
space:
mode:
authorArmand Philippot <git@armandphilippot.com>2022-04-16 16:08:49 +0200
committerArmand Philippot <git@armandphilippot.com>2022-04-16 16:41:30 +0200
commit5a6e4eea16047083e2de0e91a1b3ed9be8d6eb68 (patch)
treeea0c5390aca73907aade5321f30cb7bf8d3ab1cb /src/components/molecules/layout/flipping-logo.tsx
parentdaffe6e8b9e2021ffb9d006482143bc4db985f02 (diff)
refactor: support React 18
I replaced the deprecated VFC type with FC type and made all children explicits. Formatjs is still not compatible with React 18 so I need to skip type checking when comitting. There are some type errors because of IntlProvider in Storybook stories.
Diffstat (limited to 'src/components/molecules/layout/flipping-logo.tsx')
-rw-r--r--src/components/molecules/layout/flipping-logo.tsx10
1 files changed, 5 insertions, 5 deletions
diff --git a/src/components/molecules/layout/flipping-logo.tsx b/src/components/molecules/layout/flipping-logo.tsx
index 6f7645f..4a216ef 100644
--- a/src/components/molecules/layout/flipping-logo.tsx
+++ b/src/components/molecules/layout/flipping-logo.tsx
@@ -1,9 +1,9 @@
-import Logo from '@components/atoms/images/logo';
+import Logo, { type LogoProps } from '@components/atoms/images/logo';
import Image from 'next/image';
-import { VFC } from 'react';
+import { FC } from 'react';
import styles from './flipping-logo.module.scss';
-type FlippingLogoProps = {
+export type FlippingLogoProps = {
/**
* Set additional classnames to the logo wrapper.
*/
@@ -15,7 +15,7 @@ type FlippingLogoProps = {
/**
* Logo image title.
*/
- logoTitle?: string;
+ logoTitle?: LogoProps['title'];
/**
* Photo url.
*/
@@ -27,7 +27,7 @@ type FlippingLogoProps = {
*
* Render a logo and a photo with a flipping effect.
*/
-const FlippingLogo: VFC<FlippingLogoProps> = ({
+const FlippingLogo: FC<FlippingLogoProps> = ({
className = '',
altText,
logoTitle,