fix failed effect style

leadream · Oct 23, 2020 · ff3b52a · ff3b52a
1 parent 24b2bfd
commit ff3b52a
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 5 deletions.
diff --git a/src/components/icons/style.js b/src/components/icons/style.js
diff --git a/src/page/right/items/StyleItem.js b/src/page/right/items/StyleItem.js
@@ -24,6 +24,7 @@ export default ({styles, styleName, styleType, isHoverable=true, ...props}) => {
       </a>
     case 'EFFECT':
       const { type } = getEffectsStyle(styles)
+      console.log('type', type)
       return <a className={cn('style-item style-item-effect', {'style-item-hoverable': isHoverable})} {...props}>
         <div className="item-preview">
           { EFFECTS[type].icon }

diff --git a/src/utils/const.js b/src/utils/const.js
@@ -1,5 +1,5 @@
 import React from 'react'
-import { DropShadow, InnerShadow, LayerBlur, BackgroundBlur, MixEffect } from 'components/icons/style'
+import { DropShadow, InnerShadow, LayerBlur, BackgroundBlur, MixEffect, FailedEffect } from 'components/icons/style'
 import {
   SmallThin, NormalThin, LargeThin,
   SmallRegular, NormalRegular, LargeRegular,
@@ -30,6 +30,9 @@ export const EFFECTS = {
   },
   'MIX_EFFECT': {
     icon: <MixEffect size={18} className="effect-thumbnail"/>
+  },
+  'FAILED_EFFECT': {
+    icon: <FailedEffect size={18} className="effect-thumbnail"/>
   }
 }
 

diff --git a/src/utils/style.js b/src/utils/style.js
@@ -224,8 +224,8 @@ export const getShadowEffect = effect => ({
   })
 
 export const getEffectsStyle = effects => {
-  if (!effects) {
-    return { styles:[] }
+  if (!effects || effects.length===0) {
+    return { type: 'FAILED_EFFECT', styles:[] }
   }
   let type = ''
   const styles = effects