Skip to content
Snippets Groups Projects
Commit 6f7164e9 authored by Guilhem CARRON's avatar Guilhem CARRON
Browse files

Remove unlocked prop and style

parent dbf84963
Branches
Tags
1 merge request!144Features/us316 maj ecogestures icon
...@@ -18,15 +18,6 @@ const CardBase = withStyles({ ...@@ -18,15 +18,6 @@ const CardBase = withStyles({
}, },
})(CardActionArea) })(CardActionArea)
const CardUnlocked = withStyles({
root: {
// border: '1px solid var(--blue)',
color: 'white',
height: '100%',
padding: 0,
},
})(CardBase)
const CardNew = withStyles({ const CardNew = withStyles({
'@keyframes glowAnimation': { '@keyframes glowAnimation': {
'0%': { boxShadow: '0px 0px 4px var(--blue)' }, '0%': { boxShadow: '0px 0px 4px var(--blue)' },
...@@ -78,19 +69,12 @@ const GenerateContentCard = (children: ReactNode): React.ReactFragment => { ...@@ -78,19 +69,12 @@ const GenerateContentCard = (children: ReactNode): React.ReactFragment => {
} }
const StyledEcogestureCard: React.ComponentType<StyledEcogestureCardProps> = ({ const StyledEcogestureCard: React.ComponentType<StyledEcogestureCardProps> = ({
unlocked,
border, border,
newEcogesture, newEcogesture,
...props ...props
}: StyledEcogestureCardProps) => { }: StyledEcogestureCardProps) => {
if (newEcogesture) { if (newEcogesture) {
return <CardNew {...props}>{GenerateContentCard(props.children)}</CardNew> return <CardNew {...props}>{GenerateContentCard(props.children)}</CardNew>
} else if (unlocked) {
return (
<CardUnlocked {...props}>
{GenerateContentCard(props.children)}
</CardUnlocked>
)
} else if (border) { } else if (border) {
return ( return (
<CardBlueBorderContentBase {...props}> <CardBlueBorderContentBase {...props}>
......
import React, { useState, useEffect } from 'react' import React, { useState, useEffect } from 'react'
import { Ecogesture } from 'models' import { Ecogesture } from 'models'
import StyledEcogestureCard from 'components/CommonKit/Card/StyledEcogestureCard' import StyledEcogestureCard from 'components/CommonKit/Card/StyledEcogestureCard'
// import defaultIcon from 'assets/icons/visu/ecogesture/default.svg'
import StyledIcon from 'components/CommonKit/Icon/StyledIcon' import StyledIcon from 'components/CommonKit/Icon/StyledIcon'
import { importIconbyId } from 'utils/utils' import { importIconbyId } from 'utils/utils'
import './EcogestureCard.scss' import './EcogestureCard.scss'
...@@ -30,7 +29,7 @@ const EcogestureCard: React.FC<EcogestureCardProps> = ({ ...@@ -30,7 +29,7 @@ const EcogestureCard: React.FC<EcogestureCardProps> = ({
return ( return (
<> <>
<StyledEcogestureCard unlocked={true} onClick={handleCardclick}> <StyledEcogestureCard onClick={handleCardclick}>
<div className="ec"> <div className="ec">
<div className={`ec-content `}> <div className={`ec-content `}>
<div className="ec-content-icon"> <div className="ec-content-icon">
......
@import '../../styles/base/color'; @import '../../styles/base/color';
@import '../../styles/base/breakpoint'; @import '../../styles/base/breakpoint';
// EcogestureModal
.em-header { .em-header {
color: $grey-bright; color: $grey-bright;
border-bottom: 1px solid rgba(163, 163, 163, 0.4); border-bottom: 1px solid rgba(163, 163, 163, 0.4);
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment