luulam/AFFiNE
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

fix: lottie import logic (#1526)

Browse Source
This commit is contained in:
Himself65
2023-03-10 12:06:27 -06:00
committed by GitHub
parent 9043081b8d
commit 1239957446
1 changed files with 2 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
apps/web/src/components/blocksuite/header/editor-mode-switch/switch-items.tsx
View File

@@ -1,8 +1,6 @@
import React, { cloneElement, HTMLAttributes, useState } from 'react'; import React, { cloneElement, HTMLAttributes, useState } from 'react';
import Lottie from 'react-lottie'; import Lottie from 'react-lottie';
import * as edgelessHoverAnimationData from './animation-data/edgeless-hover.json';
import * as pageHoverAnimationData from './animation-data/page-hover.json';
import { StyledSwitchItem } from './style'; import { StyledSwitchItem } from './style';
type HoverAnimateControllerProps = { type HoverAnimateControllerProps = {
@@ -49,7 +47,7 @@ export const PageSwitchItem = (
options={{ options={{
loop: false, loop: false,
autoplay: false, autoplay: false,
animationData: pageHoverAnimationData, animationData: require('./animation-data/page-hover.json'),
rendererSettings: { rendererSettings: {
preserveAspectRatio: 'xMidYMid slice', preserveAspectRatio: 'xMidYMid slice',
}, },
@@ -68,7 +66,7 @@ export const EdgelessSwitchItem = (
options={{ options={{
loop: false, loop: false,
autoplay: false, autoplay: false,
animationData: edgelessHoverAnimationData, animationData: require('./animation-data/edgeless-hover.json'),
rendererSettings: { rendererSettings: {
preserveAspectRatio: 'xMidYMid slice', preserveAspectRatio: 'xMidYMid slice',
}, },