diff --git a/src/components/Analysis/AnalysisConsumption.tsx b/src/components/Analysis/AnalysisConsumption.tsx
index 653cfa3bd617e5671dbec863f0890d98e2dfc927..1e9943f9ddec493ea1ee28588afbfe07ee83787e 100644
--- a/src/components/Analysis/AnalysisConsumption.tsx
+++ b/src/components/Analysis/AnalysisConsumption.tsx
@@ -198,27 +198,15 @@ const AnalysisConsumption: React.FC<AnalysisConsumptionProps> = ({
<div className={`average-title`}>{t(`analysis.comparison`)}</div>
</div>
<div className="consumption-price">
- {fluidTypes.length > 0 ? (
- <AnalysisConsumptionRow
- fluid={FluidType.MULTIFLUID}
- userPriceConsumption={userPriceConsumption}
- homePriceConsumption={homePriceConsumption}
- performanceValue={null}
- forecast={forecast}
- connected={true}
- noData={false}
- />
- ) : (
- <AnalysisConsumptionRow
- fluid={FluidType.MULTIFLUID}
- userPriceConsumption={userPriceConsumption}
- homePriceConsumption={homePriceConsumption}
- performanceValue={null}
- forecast={forecast}
- connected={false}
- noData={false}
- />
- )}
+ <AnalysisConsumptionRow
+ fluid={FluidType.MULTIFLUID}
+ userPriceConsumption={userPriceConsumption}
+ homePriceConsumption={homePriceConsumption}
+ performanceValue={null}
+ forecast={forecast}
+ connected={fluidTypes.length > 0}
+ noData={false}
+ />
</div>
{fluidTypes.map(
(fluid, index) =>
diff --git a/src/components/Analysis/ElecHalfHourChart.tsx b/src/components/Analysis/ElecHalfHourChart.tsx
index 8b8fb340430d4c74d4ab845778645570f5459f73..e04845561012176f17a145ff8ff19956e448781c 100644
--- a/src/components/Analysis/ElecHalfHourChart.tsx
+++ b/src/components/Analysis/ElecHalfHourChart.tsx
@@ -30,10 +30,7 @@ const ElecHalfHourChart = ({ dataLoad, isWeekend }: ElecHalfHourChartProps) => {
return height - marginTop - marginBottom
}
const getMaxLoad = () => {
- const maxLoad = dataLoad
- ? Math.max(...dataLoad.map((d: Dataload) => d.value))
- : 0
- return maxLoad
+ return dataLoad ? Math.max(...dataLoad.map((d: Dataload) => d.value)) : 0
}
const xScale: ScaleBand<string> = scaleBand()
diff --git a/src/components/Analysis/ElecHalfHourMonthlyAnalysis.tsx b/src/components/Analysis/ElecHalfHourMonthlyAnalysis.tsx
index a72ee05c9e9405d5d6ec9b2351a2aa59a8c73ee9..196f4cfd77c013f77891b8933e316ee804922f4e 100644
--- a/src/components/Analysis/ElecHalfHourMonthlyAnalysis.tsx
+++ b/src/components/Analysis/ElecHalfHourMonthlyAnalysis.tsx
@@ -1,34 +1,28 @@
-import React, { useCallback, useEffect, useState } from 'react'
-import { useI18n } from 'cozy-ui/transpiled/react/I18n'
+import IconButton from '@material-ui/core/IconButton'
import LeftArrowIcon from 'assets/icons/ico/left-arrow.svg'
-import RigthArrowIcon from 'assets/icons/ico/right-arrow.svg'
-import MinIcon from 'assets/icons/ico/minimum.svg'
import MaxPowerIcon from 'assets/icons/ico/maxPower.svg'
-import IconButton from '@material-ui/core/IconButton'
+import MinIcon from 'assets/icons/ico/minimum.svg'
+import RigthArrowIcon from 'assets/icons/ico/right-arrow.svg'
+import ElecHalfHourChart from 'components/Analysis/ElecHalfHourChart'
+import StyledSpinner from 'components/CommonKit/Spinner/StyledSpinner'
+import { useClient } from 'cozy-client'
+import { useI18n } from 'cozy-ui/transpiled/react/I18n'
import Icon from 'cozy-ui/transpiled/react/Icon'
import { FluidType } from 'enum/fluid.enum'
-import iconEnedisLogo from 'assets/icons/visu/enedis-logo.svg'
-import { UserExplorationID } from 'enum/userExploration.enum'
-import { getNavPicto } from 'utils/picto'
+import { TimeStep } from 'enum/timeStep.enum'
import { DateTime } from 'luxon'
-import { useClient } from 'cozy-client'
-import EnedisMonthlyAnalysisDataService from 'services/enedisMonthlyAnalysisData.service'
-import ConsumptionService from 'services/consumption.service'
+import { FluidPrice, PerformanceIndicator } from 'models'
import {
AggregatedEnedisMonthlyDataloads,
EnedisMonthlyAnalysisData,
} from 'models/enedisMonthlyAnalysis'
-import ElecHalfHourChart from 'components/Analysis/ElecHalfHourChart'
+import React, { useCallback, useEffect, useState } from 'react'
+import ConsumptionService from 'services/consumption.service'
+import EnedisMonthlyAnalysisDataService from 'services/enedisMonthlyAnalysisData.service'
+import FluidPricesService from 'services/fluidsPrices.service'
+import { getNavPicto } from 'utils/picto'
import './elecHalfHourMonthlyAnalysis.scss'
-import StyledSpinner from 'components/CommonKit/Spinner/StyledSpinner'
-import { TimeStep } from 'enum/timeStep.enum'
-import { Button } from '@material-ui/core'
-import StyledIcon from 'components/CommonKit/Icon/StyledIcon'
-import useExploration from 'components/Hooks/useExploration'
-import { FluidConfig, FluidPrice, PerformanceIndicator } from 'models'
-import ConfigService from 'services/fluidConfig.service'
import ElecInfoModal from './ElecInfoModal'
-import FluidPricesService from 'services/fluidsPrices.service'
interface ElecHalfHourMonthlyAnalysisProps {
analysisDate: DateTime
@@ -40,8 +34,6 @@ const ElecHalfHourMonthlyAnalysis: React.FC<
> = ({ analysisDate, perfIndicator }: ElecHalfHourMonthlyAnalysisProps) => {
const { t } = useI18n()
const client = useClient()
- const fluidConfig: Array<FluidConfig> = new ConfigService().getFluidConfig()
- const [, setValidExploration] = useExploration()
const [isWeekend, setisWeekend] = useState<boolean>(true)
const [isHalfHourActivated, setisHalfHourActivated] = useState<boolean>(true)
const [isLoading, setisLoading] = useState<boolean>(true)
@@ -231,9 +223,7 @@ const ElecHalfHourMonthlyAnalysis: React.FC<
<span className="text-18-normal"> kWh</span>
</div>
<div className="text-18-bold">
- {facturePercentage
- ? facturePercentage.toFixed(0)
- : '---'}
+ {facturePercentage?.toFixed(0) || '---'}
<span className="text-18-normal"> %</span>
</div>
<div className="text-18-bold">
diff --git a/src/components/Analysis/MaxConsumptionCard.tsx b/src/components/Analysis/MaxConsumptionCard.tsx
index 3d95f0ec3d15f8abdb56338af830766b54314e38..8b72fa68c6d64f2180034bbbd8ba1b538badb63d 100644
--- a/src/components/Analysis/MaxConsumptionCard.tsx
+++ b/src/components/Analysis/MaxConsumptionCard.tsx
@@ -116,47 +116,39 @@ const MaxConsumptionCard: React.FC<MaxConsumptionCardProps> = ({
)}
</div>
<div className="data-container">
- {!isLoading ? (
- maxDayData ? (
- <>
- <div className="text-24-bold maxDay-date">
- {maxDayData.date.setLocale('fr').toFormat('cccc dd LLLL')}
- </div>
- <Icon
- className="dataloadvisualizer-euro-fluid-icon"
- icon={getNavPicto(fluidTypes[index], true, true)}
- size={38}
- />
- <div className="maxDay-load">
- {maxDayData.value >= 1000 ? (
- <>
- {formatNumberValues(
- maxDayData.value,
- FluidType[fluidTypes[index]]
- )}
-
- {` ${t(
- 'FLUID.' + FluidType[fluidTypes[index]] + '.MEGAUNIT'
- )}`}
- </>
- ) : (
- <>
- {formatNumberValues(
- maxDayData.value,
- FluidType[fluidTypes[index]]
- )}
-
- {` ${t('FLUID.' + FluidType[fluidTypes[index]] + '.UNIT')}`}
- </>
- )}
- </div>
- </>
- ) : (
- <p className={`text-20-bold no_data`}>{t('analysis.no_data')}</p>
- )
- ) : (
+ {isLoading && (
<StyledSpinner size="3em" fluidType={fluidTypes[index]} />
)}
+ {!isLoading && (
+ <>
+ {!maxDayData && (
+ <p className={`text-20-bold no_data`}>{t('analysis.no_data')}</p>
+ )}
+ {maxDayData && (
+ <>
+ <div className="text-24-bold maxDay-date">
+ {maxDayData.date.setLocale('fr').toFormat('cccc dd LLLL')}
+ </div>
+ <Icon
+ className="dataloadvisualizer-euro-fluid-icon"
+ icon={getNavPicto(fluidTypes[index], true, true)}
+ size={38}
+ />
+ <div className="maxDay-load">
+ {formatNumberValues(
+ maxDayData.value,
+ FluidType[fluidTypes[index]]
+ )}{' '}
+ {t(
+ `FLUID.${FluidType[fluidTypes[index]]}.${
+ maxDayData.value >= 1000 ? 'MEGAUNIT' : 'UNIT'
+ }`
+ )}
+ </div>
+ </>
+ )}
+ </>
+ )}
</div>
</div>
)
diff --git a/src/components/Analysis/PieChart.tsx b/src/components/Analysis/PieChart.tsx
index 4abe35d04b1bdb4de647914d9b4cefa8f8543ead..72433597c1ac1d0b57513013a282eff56b5f1dde 100644
--- a/src/components/Analysis/PieChart.tsx
+++ b/src/components/Analysis/PieChart.tsx
@@ -64,7 +64,7 @@ const PieChart: React.FC<PieProps> = ({
path
.attr('class', 'arc')
.attr('d', createArc)
- .attr('fill', (d, i) => colors[i])
+ .attr('fill', (_d, i) => colors[i])
}, [createPie, dataloadValueDetailArray, innerRadius, outerRadius])
return (
diff --git a/src/components/Analysis/maxConsumptionCard.scss b/src/components/Analysis/maxConsumptionCard.scss
index 1d4e4641ba0b1251fd54ad833c06cb465ca80f5d..a3da1133e6da3cb29116b85df4f83692f4bc0fd3 100644
--- a/src/components/Analysis/maxConsumptionCard.scss
+++ b/src/components/Analysis/maxConsumptionCard.scss
@@ -9,6 +9,7 @@
.title {
color: $grey-bright;
margin: 1rem 0 0.7rem 0;
+ text-align: center;
}
.fluid-navigation {
display: flex;
@@ -30,9 +31,6 @@
.gas {
color: $gas-color;
}
- .title {
- text-align: center;
- }
.no_data {
color: white;
}
diff --git a/src/components/Challenge/ChallengeCardOnGoing.tsx b/src/components/Challenge/ChallengeCardOnGoing.tsx
index 54c9d6b686c1b4a53ec3167e7494f4461607d91c..aa6db9b163ea4077f9f493329b3ac7340889d78f 100644
--- a/src/components/Challenge/ChallengeCardOnGoing.tsx
+++ b/src/components/Challenge/ChallengeCardOnGoing.tsx
@@ -1,33 +1,30 @@
-import React, { useCallback, useEffect, useState } from 'react'
+import defaultChallengeIcon from 'assets/icons/visu/challenge/CHALLENGE0001.svg'
+import circleChecked from 'assets/icons/visu/challenge/circleChecked.svg'
+import circleUnchecked from 'assets/icons/visu/challenge/circleUnchecked.svg'
+import circleStar from 'assets/icons/visu/duel/circleStar.svg'
+import defaultIcon from 'assets/icons/visu/duel/default.svg'
+import duelLocked from 'assets/icons/visu/duel/locked.svg'
+import classNames from 'classnames'
+import StyledIcon from 'components/CommonKit/Icon/StyledIcon'
+import StyledBlackSpinner from 'components/CommonKit/Spinner/StyledBlackSpinner'
import { Client, useClient } from 'cozy-client'
import { useI18n } from 'cozy-ui/transpiled/react/I18n'
+import { UserActionState } from 'enum/userAction.enum'
+import { UserChallengeUpdateFlag } from 'enum/userChallenge.enum'
+import { UserDuelState } from 'enum/userDuel.enum'
+import { UserExplorationState } from 'enum/userExploration.enum'
+import { UserQuizState } from 'enum/userQuiz.enum'
+import { UserChallenge } from 'models'
+import React, { useCallback, useEffect, useState } from 'react'
import { useDispatch, useSelector } from 'react-redux'
import { useHistory } from 'react-router-dom'
-import { updateUserChallengeList } from 'store/challenge/challenge.actions'
-import './challengeCardOnGoing.scss'
import ChallengeService from 'services/challenge.service'
-import { UserChallenge } from 'models'
-import { UserChallengeUpdateFlag } from 'enum/userChallenge.enum'
-
-import circleUnchecked from 'assets/icons/visu/challenge/circleUnchecked.svg'
-import circleChecked from 'assets/icons/visu/challenge/circleChecked.svg'
-
-import StarsContainer from './StarsContainer'
-import StyledIcon from 'components/CommonKit/Icon/StyledIcon'
-import { getChallengeTitleWithLineReturn, importIconbyId } from 'utils/utils'
-import defaultIcon from 'assets/icons/visu/duel/default.svg'
-import defaultChallengeIcon from 'assets/icons/visu/challenge/CHALLENGE0001.svg'
-import circleStar from 'assets/icons/visu/duel/circleStar.svg'
-import duelLocked from 'assets/icons/visu/duel/locked.svg'
-import { UserDuelState } from 'enum/userDuel.enum'
-import classNames from 'classnames'
import { AppStore } from 'store'
-import { UserQuizState } from 'enum/userQuiz.enum'
+import { updateUserChallengeList } from 'store/challenge/challenge.actions'
+import { getChallengeTitleWithLineReturn, importIconbyId } from 'utils/utils'
+import './challengeCardOnGoing.scss'
import ChallengeNoFluidModal from './ChallengeNoFluidModal'
-import { UserExplorationState } from 'enum/userExploration.enum'
-import { UserActionState } from 'enum/userAction.enum'
-import StyledBlackSpinner from 'components/CommonKit/Spinner/StyledBlackSpinner'
-import { decoreText } from 'utils/decoreText'
+import StarsContainer from './StarsContainer'
interface ChallengeCardOnGoingProps {
userChallenge: UserChallenge
diff --git a/src/components/Challenge/ChallengeCardUnlocked.spec.tsx b/src/components/Challenge/ChallengeCardUnlocked.spec.tsx
index 658306cec60a835795aaca679cacfc2bf1d20c0b..b455ad417a91598bc98890d33f2cb2ceae8d176c 100644
--- a/src/components/Challenge/ChallengeCardUnlocked.spec.tsx
+++ b/src/components/Challenge/ChallengeCardUnlocked.spec.tsx
@@ -1,13 +1,12 @@
-import React from 'react'
+import { FluidType } from 'enum/fluid.enum'
import { mount } from 'enzyme'
+import React from 'react'
import { Provider } from 'react-redux'
import configureStore from 'redux-mock-store'
-import ChallengeCardUnlocked from './ChallengeCardUnlocked'
-import { userChallengeData } from '../../../tests/__mocks__/userChallengeData.mock'
import { globalStateData } from '../../../tests/__mocks__/globalStateData.mock'
+import { userChallengeData } from '../../../tests/__mocks__/userChallengeData.mock'
+import ChallengeCardUnlocked from './ChallengeCardUnlocked'
import ChallengeNoFluidModal from './ChallengeNoFluidModal'
-import { FluidType } from 'enum/fluid.enum'
-import { getChallengeTitleWithLineReturn } from 'utils/utils'
jest.mock('cozy-ui/transpiled/react/I18n', () => {
return {
diff --git a/src/components/Charts/Bar.tsx b/src/components/Charts/Bar.tsx
index dba5dc70b74347f67769045adb8861196ae445df..d31239d46fe57893efff5e85f9ab195916983dec 100644
--- a/src/components/Charts/Bar.tsx
+++ b/src/components/Charts/Bar.tsx
@@ -176,7 +176,7 @@ const Bar = ({
return (
<g>
- {height > 0 ? (
+ {height > 0 && (
<g
transform={`translate(${xScaleValue}, -40)`}
className="barContainer"
@@ -191,7 +191,7 @@ const Bar = ({
fill="#E0E0E0"
/>
</g>
- ) : null}
+ )}
{height > 0 &&
dataload.value &&
dataload.value >= 0 &&
@@ -252,68 +252,72 @@ const Bar = ({
onAnimationEnd={onAnimationEnd}
/>
</g>
- ) : height > 0 && dataload.value && dataload.value >= 0 ? (
- <g transform={`translate(${xScaleValue}, ${yScaleValue})`}>
- <defs>
- <linearGradient
- id="gradient"
- className={barClass}
- x1="0"
- x2="0"
- y1="0"
- y2="1"
- >
- <stop id="stop-color-1" offset="0%" />
- <stop id="stop-color-2" offset="100%" />
- </linearGradient>
- </defs>
- <path
- d={topRoundedRect(
- showCompare ? getBandWidth() : 0,
- 0,
- weekdays ? 3 : getBandWidth(),
- height - yScaleValue
- )}
- fill="url(#gradient)"
- className={isDuel ? 'bar-duel' : barClass}
- onClick={!weekdays ? handleClick : () => {}}
- onAnimationEnd={onAnimationEnd}
- />
- </g>
- ) : null}
+ ) : (
+ height > 0 &&
+ dataload.value &&
+ dataload.value >= 0 && (
+ <g transform={`translate(${xScaleValue}, ${yScaleValue})`}>
+ <defs>
+ <linearGradient
+ id="gradient"
+ className={barClass}
+ x1="0"
+ x2="0"
+ y1="0"
+ y2="1"
+ >
+ <stop id="stop-color-1" offset="0%" />
+ <stop id="stop-color-2" offset="100%" />
+ </linearGradient>
+ </defs>
+ <path
+ d={topRoundedRect(
+ showCompare ? getBandWidth() : 0,
+ 0,
+ weekdays ? 3 : getBandWidth(),
+ height - yScaleValue
+ )}
+ fill="url(#gradient)"
+ className={isDuel ? 'bar-duel' : barClass}
+ onClick={!weekdays ? handleClick : () => {}}
+ onAnimationEnd={onAnimationEnd}
+ />
+ </g>
+ )
+ )}
{showCompare &&
- compareDataload &&
- compareDataload.value &&
- compareDataload.value >= 0 ? (
- <g transform={`translate(${xScaleValue}, ${yScaleCompareValue})`}>
- <defs>
- <linearGradient
- id="gradient-compare"
+ compareDataload &&
+ compareDataload.value &&
+ compareDataload.value >= 0 && (
+ <g transform={`translate(${xScaleValue}, ${yScaleCompareValue})`}>
+ <defs>
+ <linearGradient
+ id="gradient-compare"
+ className={compareBarClass}
+ x1="0"
+ x2="0"
+ y1="0"
+ y2="1"
+ >
+ <stop id="stop-compare-color-1" offset="0%" />
+ <stop id="stop-compare-color-2" offset="100%" />
+ </linearGradient>
+ </defs>
+ <path
+ d={topRoundedRect(
+ 0,
+ 0,
+ getBandWidth(),
+ height - yScaleCompareValue
+ )}
+ fill="url(#gradient-compare)"
className={compareBarClass}
- x1="0"
- x2="0"
- y1="0"
- y2="1"
- >
- <stop id="stop-compare-color-1" offset="0%" />
- <stop id="stop-compare-color-2" offset="100%" />
- </linearGradient>
- </defs>
- <path
- d={topRoundedRect(
- 0,
- 0,
- getBandWidth(),
- height - yScaleCompareValue
- )}
- fill="url(#gradient-compare)"
- className={compareBarClass}
- onClick={handleClick}
- onAnimationEnd={onCompareAnimationEnd}
- />
- </g>
- ) : null}
+ onClick={handleClick}
+ onAnimationEnd={onCompareAnimationEnd}
+ />
+ </g>
+ )}
</g>
)
}
diff --git a/src/components/Connection/ConnectionResult.tsx b/src/components/Connection/ConnectionResult.tsx
index b8e082d1f44dc075835ca53d5d45efde72562869..d3cc6b05d47894ccd5c85b5b44fbb68da22c8d56 100644
--- a/src/components/Connection/ConnectionResult.tsx
+++ b/src/components/Connection/ConnectionResult.tsx
@@ -1,28 +1,25 @@
-import React, { useState, useEffect, useCallback } from 'react'
-import { useI18n } from 'cozy-ui/transpiled/react/I18n'
+import Button from '@material-ui/core/Button'
+import warningWhite from 'assets/icons/ico/warning-white.svg'
+import StyledIcon from 'components/CommonKit/Icon/StyledIcon'
+import StyledBlackSpinner from 'components/CommonKit/Spinner/StyledBlackSpinner'
+import StyledSpinner from 'components/CommonKit/Spinner/StyledSpinner'
import { useClient } from 'cozy-client'
+import { useI18n } from 'cozy-ui/transpiled/react/I18n'
+import { FluidState, FluidType } from 'enum/fluid.enum'
+import { DateTime } from 'luxon'
+import { Account, FluidConnection, FluidStatus, Trigger } from 'models'
+import React, { useCallback, useEffect, useState } from 'react'
import { useDispatch } from 'react-redux'
+import AccountService from 'services/account.service'
+import DateChartService from 'services/dateChart.service'
+import TriggerService from 'services/triggers.service'
import {
setShouldRefreshConsent,
updatedFluidConnection,
} from 'store/global/global.actions'
-
-import { Account, FluidConnection, FluidStatus, Trigger } from 'models'
-import AccountService from 'services/account.service'
import { getKonnectorUpdateError } from 'utils/utils'
-
-import StyledIcon from 'components/CommonKit/Icon/StyledIcon'
-import warningWhite from 'assets/icons/ico/warning-white.svg'
-import Button from '@material-ui/core/Button'
-import StyledBlackSpinner from 'components/CommonKit/Spinner/StyledBlackSpinner'
-
import './connectionResult.scss'
-import DateChartService from 'services/dateChart.service'
-import { FluidState, FluidType } from 'enum/fluid.enum'
-import { DateTime } from 'luxon'
import DeleteGRDFAccountModal from './DeleteGRDFAccountModal'
-import TriggerService from 'services/triggers.service'
-import StyledSpinner from 'components/CommonKit/Spinner/StyledSpinner'
interface ConnectionResultProps {
fluidStatus: FluidStatus
@@ -264,11 +261,8 @@ const ConnectionResult: React.FC<ConnectionResultProps> = ({
label: 'text-16-normal',
}}
>
- {deleting ? (
- <StyledSpinner size="1rem" fluidType={fluidType} />
- ) : (
- t('konnector_form.button_delete')
- )}
+ {deleting && <StyledSpinner size="1rem" fluidType={fluidType} />}
+ {!deleting && t('konnector_form.button_delete')}
</Button>
<Button
aria-label={t('konnector_form.accessibility.button_update')}
@@ -283,9 +277,8 @@ const ConnectionResult: React.FC<ConnectionResultProps> = ({
label: 'text-16-bold',
}}
>
- {updating ? (
- <StyledBlackSpinner size="1rem" />
- ) : (
+ {updating && <StyledBlackSpinner size="1rem" />}
+ {!updating && (
<div>
{konnectorError === 'error_update_oauth'
? t('konnector_form.button_oauth_reload')
diff --git a/src/components/Duel/DuelBar.tsx b/src/components/Duel/DuelBar.tsx
index 5ba505e98d059fbccc7f603a609e449a1ae6e943..976ab117515cd35e39e6c9c5681e1cd80173388e 100644
--- a/src/components/Duel/DuelBar.tsx
+++ b/src/components/Duel/DuelBar.tsx
@@ -67,10 +67,7 @@ const DuelBar: React.FC<BarChartProps> = (props: BarChartProps) => {
}
const getMaxLoad = () => {
- const maxLoad = dataload
- ? Math.max(...dataload.map((d: Dataload) => d.value))
- : 0
- return maxLoad
+ return dataload ? Math.max(...dataload.map((d: Dataload) => d.value)) : 0
}
const xScale: ScaleBand<string> = scaleBand()
diff --git a/src/components/Ecogesture/EcogestureEmptyList.tsx b/src/components/Ecogesture/EcogestureEmptyList.tsx
index 234614fcb21c6bedfa61b9241554f158233548d1..5c78275e6bf5c42d3176c8a3ad3af24392f77c2b 100644
--- a/src/components/Ecogesture/EcogestureEmptyList.tsx
+++ b/src/components/Ecogesture/EcogestureEmptyList.tsx
@@ -32,21 +32,13 @@ const EcogestureEmptyList: React.FC<EcogestureEmptyListProps> = ({
/>
<div className="text-16-normal text">
{isObjective
- ? isSelectionDone
- ? t('ecogesture.emptyList.obj1_done')
- : t('ecogesture.emptyList.obj1')
- : isSelectionDone
- ? t('ecogesture.emptyList.doing1_done')
- : t('ecogesture.emptyList.doing1')}
+ ? t(`ecogesture.emptyList.obj1${isSelectionDone ? '_done' : ''}`)
+ : t(`ecogesture.emptyList.doing1${isSelectionDone ? '_done' : ''}`)}
</div>
<div className="text-16-normal text">
{isObjective
- ? isSelectionDone
- ? t('ecogesture.emptyList.obj2_done')
- : t('ecogesture.emptyList.obj2')
- : isSelectionDone
- ? t('ecogesture.emptyList.doing2_done')
- : t('ecogesture.emptyList.doing2')}
+ ? t(`ecogesture.emptyList.obj2${isSelectionDone ? '_done' : ''}`)
+ : t(`ecogesture.emptyList.doing2${isSelectionDone ? '_done' : ''}`)}
</div>
<div className="btn-container">
<Button
diff --git a/src/components/Export/exportLoadingModal.tsx b/src/components/Export/exportLoadingModal.tsx
index 79379ca7ad5ad5e79979d4bad48697719c4bfcf3..6855c40349d59940b459fd58302c38d4329df8dd 100644
--- a/src/components/Export/exportLoadingModal.tsx
+++ b/src/components/Export/exportLoadingModal.tsx
@@ -143,7 +143,7 @@ const ExportLoadingModal: React.FC<ExportLoadingModalProps> = ({
return (
<Dialog
open={open}
- onClose={(event, reason) => {
+ onClose={(_event, reason) => {
if (reason !== 'backdropClick' && reason !== 'escapeKeyDown') {
handleCloseClick()
}
diff --git a/src/components/Konnector/KonnectorModalFooter.tsx b/src/components/Konnector/KonnectorModalFooter.tsx
index 799651125281f23d3617295ff5e530b7ff923313..40b11039edd43a581182994d6e3fe7b5a37cf97b 100644
--- a/src/components/Konnector/KonnectorModalFooter.tsx
+++ b/src/components/Konnector/KonnectorModalFooter.tsx
@@ -1,17 +1,17 @@
-import React, { useCallback, useState } from 'react'
-import { useI18n } from 'cozy-ui/transpiled/react/I18n'
+import Button from '@material-ui/core/Button'
+import { useClient } from 'cozy-client'
import {
ERROR_EVENT,
SUCCESS_EVENT,
} from 'cozy-harvest-lib/dist/models/flowEvents'
+import { useI18n } from 'cozy-ui/transpiled/react/I18n'
import { FluidType } from 'enum/fluid.enum'
-import Button from '@material-ui/core/Button'
-import { useHistory } from 'react-router-dom'
import { KonnectorError } from 'enum/konnectorError.enum'
-import './konnectorModal.scss'
-import AccountService from 'services/account.service'
-import { useClient } from 'cozy-client'
import { Account } from 'models'
+import React, { useCallback } from 'react'
+import { useHistory } from 'react-router-dom'
+import AccountService from 'services/account.service'
+import './konnectorModal.scss'
interface KonnectorModalFooterProps {
state: string | null
diff --git a/src/styles/index.css b/src/styles/index.css
index 44d1191d8c9a323742926a9cb4039508ea1c66e3..8ab6ce1cff1ddfb8986f684c802ca0717039d5fe 100644
--- a/src/styles/index.css
+++ b/src/styles/index.css
@@ -14,7 +14,7 @@
/** App colors **/
/** TABS GRADIENT **/
/** SCROLLBAR **/
-@import url("https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap");
+@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap');
html {
background: #121212;
}
@@ -41,17 +41,17 @@ body {
justify-content: center;
margin-left: 0;
}
-@media only screen and (max-width : 768px) {
+@media only screen and (max-width: 768px) {
.cozy-bar {
margin-left: 1.25rem;
}
}
-[role=banner] .coz-bar-container {
+[role='banner'] .coz-bar-container {
background-color: #ffffff;
}
-@media only screen and (max-width : 768px) {
- [role=banner] .coz-bar-container {
+@media only screen and (max-width: 768px) {
+ [role='banner'] .coz-bar-container {
padding: 0.6rem 0 0 0;
background-color: unset;
}
@@ -81,7 +81,7 @@ body {
top: 48px;
left: 0;
}
-@media only screen and (max-width : 768px) {
+@media only screen and (max-width: 768px) {
.header {
top: 0;
}
@@ -99,12 +99,12 @@ body {
display: flex;
flex-direction: column;
}
-@media only screen and (max-width : 1023px) {
+@media only screen and (max-width: 1023px) {
.header .header-content {
margin: 0;
}
}
-@media only screen and (max-width : 768px) {
+@media only screen and (max-width: 768px) {
.header .header-content {
margin: 60px 0 0 0;
}
@@ -129,7 +129,7 @@ body {
.header .header-content .header-content-top .header-back-button {
padding: 0 0.75rem;
}
-@media only screen and (max-width : 768px) {
+@media only screen and (max-width: 768px) {
.header .header-content .header-content-top .header-text {
padding: 0 1rem 1rem 1rem;
color: #e0e0e0;
@@ -161,18 +161,18 @@ body {
margin-top: 1rem;
}
-[role=main] {
+[role='main'] {
/* width */
/* Track */
/* Handle */
}
-[role=main]::-webkit-scrollbar {
+[role='main']::-webkit-scrollbar {
width: 10px;
}
-[role=main]::-webkit-scrollbar-track {
+[role='main']::-webkit-scrollbar-track {
background: #3e4045;
}
-[role=main]::-webkit-scrollbar-thumb {
+[role='main']::-webkit-scrollbar-thumb {
background: #6f7074;
}
@@ -240,12 +240,21 @@ p {
margin-right: 0.8rem;
}
-.text-10, .text-10-italic, .text-10-bold, .text-10-bold-capitalize, .text-10-bold-uppercase, .text-10-normal, .text-10-normal-150, .text-10-normal-uppercase {
+.text-10,
+.text-10-italic,
+.text-10-bold,
+.text-10-bold-capitalize,
+.text-10-bold-uppercase,
+.text-10-normal,
+.text-10-normal-150,
+.text-10-normal-uppercase {
font-style: normal;
font-size: 0.625rem;
line-height: 120%;
}
-.text-10-normal, .text-10-normal-150, .text-10-normal-uppercase {
+.text-10-normal,
+.text-10-normal-150,
+.text-10-normal-uppercase {
font-weight: normal;
}
.text-10-normal-uppercase {
@@ -254,7 +263,9 @@ p {
.text-10-normal-150 {
line-height: 150%;
}
-.text-10-bold, .text-10-bold-capitalize, .text-10-bold-uppercase {
+.text-10-bold,
+.text-10-bold-capitalize,
+.text-10-bold-uppercase {
font-weight: 700;
}
.text-10-bold-uppercase {
@@ -268,12 +279,21 @@ p {
font-weight: normal;
}
-.text-14, .text-14-italic, .text-14-bold, .text-14-bold-capitalize, .text-14-bold-uppercase, .text-14-normal, .text-14-normal-150, .text-14-normal-uppercase {
+.text-14,
+.text-14-italic,
+.text-14-bold,
+.text-14-bold-capitalize,
+.text-14-bold-uppercase,
+.text-14-normal,
+.text-14-normal-150,
+.text-14-normal-uppercase {
font-style: normal;
font-size: 0.875rem;
line-height: 120%;
}
-.text-14-normal, .text-14-normal-150, .text-14-normal-uppercase {
+.text-14-normal,
+.text-14-normal-150,
+.text-14-normal-uppercase {
font-weight: normal;
}
.text-14-normal-uppercase {
@@ -282,7 +302,9 @@ p {
.text-14-normal-150 {
line-height: 150%;
}
-.text-14-bold, .text-14-bold-capitalize, .text-14-bold-uppercase {
+.text-14-bold,
+.text-14-bold-capitalize,
+.text-14-bold-uppercase {
font-weight: 700;
}
.text-14-bold-uppercase {
@@ -296,12 +318,21 @@ p {
font-weight: normal;
}
-.text-15, .text-15-italic, .text-15-bold, .text-15-bold-capitalize, .text-15-bold-uppercase, .text-15-normal, .text-15-normal-150, .text-15-normal-uppercase {
+.text-15,
+.text-15-italic,
+.text-15-bold,
+.text-15-bold-capitalize,
+.text-15-bold-uppercase,
+.text-15-normal,
+.text-15-normal-150,
+.text-15-normal-uppercase {
font-style: normal;
font-size: 0.938rem;
line-height: 120%;
}
-.text-15-normal, .text-15-normal-150, .text-15-normal-uppercase {
+.text-15-normal,
+.text-15-normal-150,
+.text-15-normal-uppercase {
font-weight: normal;
}
.text-15-normal-uppercase {
@@ -310,7 +341,9 @@ p {
.text-15-normal-150 {
line-height: 150%;
}
-.text-15-bold, .text-15-bold-capitalize, .text-15-bold-uppercase {
+.text-15-bold,
+.text-15-bold-capitalize,
+.text-15-bold-uppercase {
font-weight: 700;
}
.text-15-bold-uppercase {
@@ -324,12 +357,21 @@ p {
font-weight: normal;
}
-.text-16, .text-16-italic, .text-16-bold, .text-16-bold-capitalize, .text-16-bold-uppercase, .text-16-normal, .text-16-normal-150, .text-16-normal-uppercase {
+.text-16,
+.text-16-italic,
+.text-16-bold,
+.text-16-bold-capitalize,
+.text-16-bold-uppercase,
+.text-16-normal,
+.text-16-normal-150,
+.text-16-normal-uppercase {
font-style: normal;
font-size: 1rem;
line-height: 120%;
}
-.text-16-normal, .text-16-normal-150, .text-16-normal-uppercase {
+.text-16-normal,
+.text-16-normal-150,
+.text-16-normal-uppercase {
font-weight: normal;
}
.text-16-normal-uppercase {
@@ -338,7 +380,9 @@ p {
.text-16-normal-150 {
line-height: 150%;
}
-.text-16-bold, .text-16-bold-capitalize, .text-16-bold-uppercase {
+.text-16-bold,
+.text-16-bold-capitalize,
+.text-16-bold-uppercase {
font-weight: 700;
}
.text-16-bold-uppercase {
@@ -352,12 +396,21 @@ p {
font-weight: normal;
}
-.text-18, .text-18-italic, .text-18-bold, .text-18-bold-capitalize, .text-18-bold-uppercase, .text-18-normal, .text-18-normal-150, .text-18-normal-uppercase {
+.text-18,
+.text-18-italic,
+.text-18-bold,
+.text-18-bold-capitalize,
+.text-18-bold-uppercase,
+.text-18-normal,
+.text-18-normal-150,
+.text-18-normal-uppercase {
font-style: normal;
font-size: 1.125rem;
line-height: 120%;
}
-.text-18-normal, .text-18-normal-150, .text-18-normal-uppercase {
+.text-18-normal,
+.text-18-normal-150,
+.text-18-normal-uppercase {
font-weight: normal;
}
.text-18-normal-uppercase {
@@ -366,7 +419,9 @@ p {
.text-18-normal-150 {
line-height: 150%;
}
-.text-18-bold, .text-18-bold-capitalize, .text-18-bold-uppercase {
+.text-18-bold,
+.text-18-bold-capitalize,
+.text-18-bold-uppercase {
font-weight: 700;
}
.text-18-bold-uppercase {
@@ -380,12 +435,21 @@ p {
font-weight: normal;
}
-.text-19, .text-19-italic, .text-19-bold, .text-19-bold-capitalize, .text-19-bold-uppercase, .text-19-normal, .text-19-normal-150, .text-19-normal-uppercase {
+.text-19,
+.text-19-italic,
+.text-19-bold,
+.text-19-bold-capitalize,
+.text-19-bold-uppercase,
+.text-19-normal,
+.text-19-normal-150,
+.text-19-normal-uppercase {
font-style: normal;
font-size: 1.188rem;
line-height: 120%;
}
-.text-19-normal, .text-19-normal-150, .text-19-normal-uppercase {
+.text-19-normal,
+.text-19-normal-150,
+.text-19-normal-uppercase {
font-weight: normal;
}
.text-19-normal-uppercase {
@@ -394,7 +458,9 @@ p {
.text-19-normal-150 {
line-height: 150%;
}
-.text-19-bold, .text-19-bold-capitalize, .text-19-bold-uppercase {
+.text-19-bold,
+.text-19-bold-capitalize,
+.text-19-bold-uppercase {
font-weight: 700;
}
.text-19-bold-uppercase {
@@ -408,12 +474,21 @@ p {
font-weight: normal;
}
-.text-20, .text-20-italic, .text-20-bold, .text-20-bold-capitalize, .text-20-bold-uppercase, .text-20-normal, .text-20-normal-150, .text-20-normal-uppercase {
+.text-20,
+.text-20-italic,
+.text-20-bold,
+.text-20-bold-capitalize,
+.text-20-bold-uppercase,
+.text-20-normal,
+.text-20-normal-150,
+.text-20-normal-uppercase {
font-style: normal;
font-size: 1.25rem;
line-height: 120%;
}
-.text-20-normal, .text-20-normal-150, .text-20-normal-uppercase {
+.text-20-normal,
+.text-20-normal-150,
+.text-20-normal-uppercase {
font-weight: normal;
}
.text-20-normal-uppercase {
@@ -422,7 +497,9 @@ p {
.text-20-normal-150 {
line-height: 150%;
}
-.text-20-bold, .text-20-bold-capitalize, .text-20-bold-uppercase {
+.text-20-bold,
+.text-20-bold-capitalize,
+.text-20-bold-uppercase {
font-weight: 700;
}
.text-20-bold-uppercase {
@@ -436,12 +513,21 @@ p {
font-weight: normal;
}
-.text-21, .text-21-italic, .text-21-bold, .text-21-bold-capitalize, .text-21-bold-uppercase, .text-21-normal, .text-21-normal-150, .text-21-normal-uppercase {
+.text-21,
+.text-21-italic,
+.text-21-bold,
+.text-21-bold-capitalize,
+.text-21-bold-uppercase,
+.text-21-normal,
+.text-21-normal-150,
+.text-21-normal-uppercase {
font-style: normal;
font-size: 1.313rem;
line-height: 120%;
}
-.text-21-normal, .text-21-normal-150, .text-21-normal-uppercase {
+.text-21-normal,
+.text-21-normal-150,
+.text-21-normal-uppercase {
font-weight: normal;
}
.text-21-normal-uppercase {
@@ -450,7 +536,9 @@ p {
.text-21-normal-150 {
line-height: 150%;
}
-.text-21-bold, .text-21-bold-capitalize, .text-21-bold-uppercase {
+.text-21-bold,
+.text-21-bold-capitalize,
+.text-21-bold-uppercase {
font-weight: 700;
}
.text-21-bold-uppercase {
@@ -464,12 +552,21 @@ p {
font-weight: normal;
}
-.text-22, .text-22-italic, .text-22-bold, .text-22-bold-capitalize, .text-22-bold-uppercase, .text-22-normal, .text-22-normal-150, .text-22-normal-uppercase {
+.text-22,
+.text-22-italic,
+.text-22-bold,
+.text-22-bold-capitalize,
+.text-22-bold-uppercase,
+.text-22-normal,
+.text-22-normal-150,
+.text-22-normal-uppercase {
font-style: normal;
font-size: 1.375rem;
line-height: 120%;
}
-.text-22-normal, .text-22-normal-150, .text-22-normal-uppercase {
+.text-22-normal,
+.text-22-normal-150,
+.text-22-normal-uppercase {
font-weight: normal;
}
.text-22-normal-uppercase {
@@ -478,7 +575,9 @@ p {
.text-22-normal-150 {
line-height: 150%;
}
-.text-22-bold, .text-22-bold-capitalize, .text-22-bold-uppercase {
+.text-22-bold,
+.text-22-bold-capitalize,
+.text-22-bold-uppercase {
font-weight: 700;
}
.text-22-bold-uppercase {
@@ -492,12 +591,21 @@ p {
font-weight: normal;
}
-.text-24, .text-24-italic, .text-24-bold, .text-24-bold-capitalize, .text-24-bold-uppercase, .text-24-normal, .text-24-normal-150, .text-24-normal-uppercase {
+.text-24,
+.text-24-italic,
+.text-24-bold,
+.text-24-bold-capitalize,
+.text-24-bold-uppercase,
+.text-24-normal,
+.text-24-normal-150,
+.text-24-normal-uppercase {
font-style: normal;
font-size: 1.5rem;
line-height: 120%;
}
-.text-24-normal, .text-24-normal-150, .text-24-normal-uppercase {
+.text-24-normal,
+.text-24-normal-150,
+.text-24-normal-uppercase {
font-weight: normal;
}
.text-24-normal-uppercase {
@@ -506,7 +614,9 @@ p {
.text-24-normal-150 {
line-height: 150%;
}
-.text-24-bold, .text-24-bold-capitalize, .text-24-bold-uppercase {
+.text-24-bold,
+.text-24-bold-capitalize,
+.text-24-bold-uppercase {
font-weight: 700;
}
.text-24-bold-uppercase {
@@ -520,12 +630,21 @@ p {
font-weight: normal;
}
-.text-26, .text-26-italic, .text-26-bold, .text-26-bold-capitalize, .text-26-bold-uppercase, .text-26-normal, .text-26-normal-150, .text-26-normal-uppercase {
+.text-26,
+.text-26-italic,
+.text-26-bold,
+.text-26-bold-capitalize,
+.text-26-bold-uppercase,
+.text-26-normal,
+.text-26-normal-150,
+.text-26-normal-uppercase {
font-style: normal;
font-size: 1.625rem;
line-height: 120%;
}
-.text-26-normal, .text-26-normal-150, .text-26-normal-uppercase {
+.text-26-normal,
+.text-26-normal-150,
+.text-26-normal-uppercase {
font-weight: normal;
}
.text-26-normal-uppercase {
@@ -534,7 +653,9 @@ p {
.text-26-normal-150 {
line-height: 150%;
}
-.text-26-bold, .text-26-bold-capitalize, .text-26-bold-uppercase {
+.text-26-bold,
+.text-26-bold-capitalize,
+.text-26-bold-uppercase {
font-weight: 700;
}
.text-26-bold-uppercase {
@@ -548,12 +669,21 @@ p {
font-weight: normal;
}
-.text-28, .text-28-italic, .text-28-bold, .text-28-bold-capitalize, .text-28-bold-uppercase, .text-28-normal, .text-28-normal-150, .text-28-normal-uppercase {
+.text-28,
+.text-28-italic,
+.text-28-bold,
+.text-28-bold-capitalize,
+.text-28-bold-uppercase,
+.text-28-normal,
+.text-28-normal-150,
+.text-28-normal-uppercase {
font-style: normal;
font-size: 1.75rem;
line-height: 120%;
}
-.text-28-normal, .text-28-normal-150, .text-28-normal-uppercase {
+.text-28-normal,
+.text-28-normal-150,
+.text-28-normal-uppercase {
font-weight: normal;
}
.text-28-normal-uppercase {
@@ -562,7 +692,9 @@ p {
.text-28-normal-150 {
line-height: 150%;
}
-.text-28-bold, .text-28-bold-capitalize, .text-28-bold-uppercase {
+.text-28-bold,
+.text-28-bold-capitalize,
+.text-28-bold-uppercase {
font-weight: 700;
}
.text-28-bold-uppercase {
@@ -576,12 +708,21 @@ p {
font-weight: normal;
}
-.text-36, .text-36-italic, .text-36-bold, .text-36-bold-capitalize, .text-36-bold-uppercase, .text-36-normal, .text-36-normal-150, .text-36-normal-uppercase {
+.text-36,
+.text-36-italic,
+.text-36-bold,
+.text-36-bold-capitalize,
+.text-36-bold-uppercase,
+.text-36-normal,
+.text-36-normal-150,
+.text-36-normal-uppercase {
font-style: normal;
font-size: 2.25rem;
line-height: 120%;
}
-.text-36-normal, .text-36-normal-150, .text-36-normal-uppercase {
+.text-36-normal,
+.text-36-normal-150,
+.text-36-normal-uppercase {
font-weight: normal;
}
.text-36-normal-uppercase {
@@ -590,7 +731,9 @@ p {
.text-36-normal-150 {
line-height: 150%;
}
-.text-36-bold, .text-36-bold-capitalize, .text-36-bold-uppercase {
+.text-36-bold,
+.text-36-bold-capitalize,
+.text-36-bold-uppercase {
font-weight: 700;
}
.text-36-bold-uppercase {
@@ -658,7 +801,7 @@ p {
font-size: 1rem;
line-height: 120%;
}
-@media only screen and (max-width : 768px) {
+@media only screen and (max-width: 768px) {
.chart-ticks-x-text {
font-size: 0.685rem;
}
@@ -671,7 +814,7 @@ p {
font-size: 0.9rem;
line-height: 120%;
}
-@media only screen and (max-width : 768px) {
+@media only screen and (max-width: 768px) {
.chart-ticks-y-text {
font-size: 0.75rem;
}
@@ -1005,7 +1148,12 @@ p {
/** TABS GRADIENT **/
/** SCROLLBAR **/
button.btn-highlight {
- background: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(226, 137, 4, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #f1c017;
+ background: radial-gradient(
+ 105.25% 64.58% at 49.68% 70.83%,
+ rgba(226, 137, 4, 0.5) 0%,
+ rgba(255, 255, 255, 0) 100%
+ ),
+ #f1c017;
background-color: #e3b82a;
border: none;
border-radius: 2px;
@@ -1017,7 +1165,10 @@ button.btn-highlight {
button.btn-highlight span:first-child {
color: #000000;
}
-button.btn-highlight:hover, button.btn-highlight:focus, button.btn-highlight.active, button.btn-highlight:disabled {
+button.btn-highlight:hover,
+button.btn-highlight:focus,
+button.btn-highlight.active,
+button.btn-highlight:disabled {
background-color: #b89318;
}
button.btn-highlight:disabled {
@@ -1036,10 +1187,16 @@ button.btn-primary-positive {
button.btn-primary-positive span:first-child {
color: #e3b82a;
}
-button.btn-primary-positive:hover, button.btn-primary-positive:focus, button.btn-primary-positive.active, button.btn-primary-positive:disabled {
+button.btn-primary-positive:hover,
+button.btn-primary-positive:focus,
+button.btn-primary-positive.active,
+button.btn-primary-positive:disabled {
background-color: rgba(18, 18, 18, 0.2);
}
-button.btn-primary-positive:hover span:first-child, button.btn-primary-positive:focus span:first-child, button.btn-primary-positive.active span:first-child, button.btn-primary-positive:disabled span:first-child {
+button.btn-primary-positive:hover span:first-child,
+button.btn-primary-positive:focus span:first-child,
+button.btn-primary-positive.active span:first-child,
+button.btn-primary-positive:disabled span:first-child {
color: rgba(227, 184, 42, 0.7);
}
button.btn-primary-positive:disabled {
@@ -1058,10 +1215,16 @@ button.btn-primary-negative {
button.btn-primary-negative span:first-child {
color: #e3b82a;
}
-button.btn-primary-negative:hover, button.btn-primary-negative:focus, button.btn-primary-negative.active, button.btn-primary-negative:disabled {
+button.btn-primary-negative:hover,
+button.btn-primary-negative:focus,
+button.btn-primary-negative.active,
+button.btn-primary-negative:disabled {
background-color: rgba(123, 123, 123, 0.2);
}
-button.btn-primary-negative:hover span:first-child, button.btn-primary-negative:focus span:first-child, button.btn-primary-negative.active span:first-child, button.btn-primary-negative:disabled span:first-child {
+button.btn-primary-negative:hover span:first-child,
+button.btn-primary-negative:focus span:first-child,
+button.btn-primary-negative.active span:first-child,
+button.btn-primary-negative:disabled span:first-child {
color: rgba(227, 184, 42, 0.7);
}
button.btn-primary-negative:disabled {
@@ -1080,10 +1243,16 @@ button.btn-secondary-positive {
button.btn-secondary-positive span:first-child {
color: #e0e0e0;
}
-button.btn-secondary-positive:hover, button.btn-secondary-positive:focus, button.btn-secondary-positive.active, button.btn-secondary-positive:disabled {
+button.btn-secondary-positive:hover,
+button.btn-secondary-positive:focus,
+button.btn-secondary-positive.active,
+button.btn-secondary-positive:disabled {
background-color: rgba(18, 18, 18, 0.2);
}
-button.btn-secondary-positive:hover span:first-child, button.btn-secondary-positive:focus span:first-child, button.btn-secondary-positive.active span:first-child, button.btn-secondary-positive:disabled span:first-child {
+button.btn-secondary-positive:hover span:first-child,
+button.btn-secondary-positive:focus span:first-child,
+button.btn-secondary-positive.active span:first-child,
+button.btn-secondary-positive:disabled span:first-child {
color: rgba(224, 224, 224, 0.7);
}
button.btn-secondary-positive:disabled {
@@ -1102,10 +1271,16 @@ button.btn-secondary-negative {
button.btn-secondary-negative span:first-child {
color: #e0e0e0;
}
-button.btn-secondary-negative:hover, button.btn-secondary-negative:focus, button.btn-secondary-negative.active, button.btn-secondary-negative:disabled {
+button.btn-secondary-negative:hover,
+button.btn-secondary-negative:focus,
+button.btn-secondary-negative.active,
+button.btn-secondary-negative:disabled {
background-color: rgba(123, 123, 123, 0.2);
}
-button.btn-secondary-negative:hover span:first-child, button.btn-secondary-negative:focus span:first-child, button.btn-secondary-negative.active span:first-child, button.btn-secondary-negative:disabled span:first-child {
+button.btn-secondary-negative:hover span:first-child,
+button.btn-secondary-negative:focus span:first-child,
+button.btn-secondary-negative.active span:first-child,
+button.btn-secondary-negative:disabled span:first-child {
color: rgba(224, 224, 224, 0.7);
}
button.btn-secondary-negative:disabled {
@@ -1124,7 +1299,10 @@ button.btn-duel-off {
button.btn-duel-off span:first-child {
color: #ffffff;
}
-button.btn-duel-off:hover, button.btn-duel-off:focus, button.btn-duel-off.active, button.btn-duel-off:disabled {
+button.btn-duel-off:hover,
+button.btn-duel-off:focus,
+button.btn-duel-off.active,
+button.btn-duel-off:disabled {
background-color: black;
}
button.btn-duel-off:disabled {
@@ -1143,14 +1321,21 @@ button.btn-duel-active {
button.btn-duel-active span:first-child {
color: #121212;
}
-button.btn-duel-active:hover, button.btn-duel-active:focus, button.btn-duel-active.active, button.btn-duel-active:disabled {
+button.btn-duel-active:hover,
+button.btn-duel-active:focus,
+button.btn-duel-active.active,
+button.btn-duel-active:disabled {
background-color: #00bebe;
}
button.btn-duel-active:disabled {
cursor: not-allowed;
}
button.btn-duel-on {
- background: radial-gradient(60.65% 30.62% at 50% 3.13%, #2a2b30 0%, #1b1c22 100%);
+ background: radial-gradient(
+ 60.65% 30.62% at 50% 3.13%,
+ #2a2b30 0%,
+ #1b1c22 100%
+ );
background-color: #121212;
border: 1px solid #58ffff;
border-radius: 2px;
@@ -1162,14 +1347,22 @@ button.btn-duel-on {
button.btn-duel-on span:first-child {
color: #ffffff;
}
-button.btn-duel-on:hover, button.btn-duel-on:focus, button.btn-duel-on.active, button.btn-duel-on:disabled {
+button.btn-duel-on:hover,
+button.btn-duel-on:focus,
+button.btn-duel-on.active,
+button.btn-duel-on:disabled {
background-color: black;
}
button.btn-duel-on:disabled {
cursor: not-allowed;
}
button.btn-profile-next {
- background: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(226, 137, 4, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #f1c017;
+ background: radial-gradient(
+ 105.25% 64.58% at 49.68% 70.83%,
+ rgba(226, 137, 4, 0.5) 0%,
+ rgba(255, 255, 255, 0) 100%
+ ),
+ #f1c017;
background-color: #e3b82a;
border: none;
border-radius: 2px;
@@ -1181,7 +1374,10 @@ button.btn-profile-next {
button.btn-profile-next span:first-child {
color: #000000;
}
-button.btn-profile-next:hover, button.btn-profile-next:focus, button.btn-profile-next.active, button.btn-profile-next:disabled {
+button.btn-profile-next:hover,
+button.btn-profile-next:focus,
+button.btn-profile-next.active,
+button.btn-profile-next:disabled {
background-color: #b89318;
}
button.btn-profile-next:disabled {
@@ -1224,7 +1420,11 @@ button.btn-profile-back:disabled {
padding: 16px;
}
.card:hover {
- background: linear-gradient(180deg, rgba(70, 71, 77, 0.7) 0%, rgba(57, 58, 63, 0.7) 100%);
+ background: linear-gradient(
+ 180deg,
+ rgba(70, 71, 77, 0.7) 0%,
+ rgba(57, 58, 63, 0.7) 100%
+ );
}
.card.rich-card {
padding: 24px 16px;
@@ -1258,13 +1458,13 @@ div.modal-paper {
align-items: center;
color: #ffffff;
}
-@media only screen and (max-width : 1023px) {
+@media only screen and (max-width: 1023px) {
div.modal-paper {
width: 35rem;
margin: 0;
}
}
-@media only screen and (max-width : 768px) {
+@media only screen and (max-width: 768px) {
div.modal-paper {
padding: 1rem;
width: 85%;
@@ -1413,9 +1613,23 @@ a.MuiTypography-colorPrimary {
:root {
--blue: #58ffff;
--blue40: rgba(88, 255, 255, 0.2509803922);
- --blueBackground: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(1, 153, 163, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #58ffff;
- --blueRadialGradient: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(1, 153, 163, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #58ffff;
- --blueRadialGradientTrans: radial-gradient(circle, #58ffff 0%, rgba(255, 255, 255, 0) 100%);
+ --blueBackground: radial-gradient(
+ 105.25% 64.58% at 49.68% 70.83%,
+ rgba(1, 153, 163, 0.5) 0%,
+ rgba(255, 255, 255, 0) 100%
+ ),
+ #58ffff;
+ --blueRadialGradient: radial-gradient(
+ 105.25% 64.58% at 49.68% 70.83%,
+ rgba(1, 153, 163, 0.5) 0%,
+ rgba(255, 255, 255, 0) 100%
+ ),
+ #58ffff;
+ --blueRadialGradientTrans: radial-gradient(
+ circle,
+ #58ffff 0%,
+ rgba(255, 255, 255, 0) 100%
+ );
--elecColor: #d87b39;
--elecColor40: rgba(216, 123, 57, 0.4);
--elecCompareColor: #e2bca1;
@@ -1435,15 +1649,55 @@ a.MuiTypography-colorPrimary {
--darkLight: #25262b;
--darkLight2: #121212;
--textFont: Lato, sans-serif;
- --greyLinearGradientBackground: linear-gradient(180deg, rgb(50, 51, 57) 0%, rgb(37, 38, 43) 100%);
- --multiColorRadialGradientTrans: radial-gradient(circle, #e3b82a 0%, rgba(255, 255, 255, 0) 100%);
- --elecColorRadialGradientTrans: radial-gradient(circle, #d87b39 0%, rgba(255, 255, 255, 0) 100%);
- --waterColorRadialGradientTrans: radial-gradient(circle, #3a98ec 0%, rgba(255, 255, 255, 0) 100%);
- --gasColorRadialGradientTrans: radial-gradient(circle, #e3b82a 0%, rgba(255, 255, 255, 0) 100%);
- --multiColorRadialGradient: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(226, 137, 4, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #f1c017;
- --elecColorRadialGradient: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(158, 67, 2, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #d87b39;
- --gasColorRadialGradient: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(4, 106, 88, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #45d1b8;
- --waterColorRadialGradient: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(2, 93, 174, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #3a98ec;
+ --greyLinearGradientBackground: linear-gradient(
+ 180deg,
+ rgb(50, 51, 57) 0%,
+ rgb(37, 38, 43) 100%
+ );
+ --multiColorRadialGradientTrans: radial-gradient(
+ circle,
+ #e3b82a 0%,
+ rgba(255, 255, 255, 0) 100%
+ );
+ --elecColorRadialGradientTrans: radial-gradient(
+ circle,
+ #d87b39 0%,
+ rgba(255, 255, 255, 0) 100%
+ );
+ --waterColorRadialGradientTrans: radial-gradient(
+ circle,
+ #3a98ec 0%,
+ rgba(255, 255, 255, 0) 100%
+ );
+ --gasColorRadialGradientTrans: radial-gradient(
+ circle,
+ #e3b82a 0%,
+ rgba(255, 255, 255, 0) 100%
+ );
+ --multiColorRadialGradient: radial-gradient(
+ 105.25% 64.58% at 49.68% 70.83%,
+ rgba(226, 137, 4, 0.5) 0%,
+ rgba(255, 255, 255, 0) 100%
+ ),
+ #f1c017;
+ --elecColorRadialGradient: radial-gradient(
+ 105.25% 64.58% at 49.68% 70.83%,
+ rgba(158, 67, 2, 0.5) 0%,
+ rgba(255, 255, 255, 0) 100%
+ ),
+ #d87b39;
+ --gasColorRadialGradient: radial-gradient(
+ 105.25% 64.58% at 49.68% 70.83%,
+ rgba(4, 106, 88, 0.5) 0%,
+ rgba(255, 255, 255, 0) 100%
+ ),
+ #45d1b8;
+ --waterColorRadialGradient: radial-gradient(
+ 105.25% 64.58% at 49.68% 70.83%,
+ rgba(2, 93, 174, 0.5) 0%,
+ rgba(255, 255, 255, 0) 100%
+ ),
+ #3a98ec;
}
.application {
diff --git a/src/styles/index.css.map b/src/styles/index.css.map
index 159f95e2be3aca6c2c611a33af848742379652b9..6b13903acfebfb59681513a4e856accd459301b8 100644
--- a/src/styles/index.css.map
+++ b/src/styles/index.css.map
@@ -1 +1,22 @@
-{"version":3,"sourceRoot":"","sources":["index.scss","base/_color.scss","base/_layout.scss","base/_z-index.scss","base/_typography.scss","base/_typo-variables.scss","components/_barchart.scss","components/_buttons.scss","base/_mixins.scss","components/_card.scss","components/_dialog.scss","components/_expansion-panel.scss","components/_link.scss"],"names":[],"mappings":"AAAA;AACQ;AACR;AACQ;AACR;ACJA;AAYA;AAGA;AAMA;AAGA;AAmBA;AAIA;AAIA;AAoBA;AA0BA;AA+CA;ADhIQ;AEZR;EACE,YDDa;;;ACIf;EACE,YDLa;ECMb;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AACA;EANF;IAOI;;;;AAIJ;EACE,kBDaM;;ACZN;EAFF;IAGI;IACA;;;;AAIJ;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA,SCxDS;EDyDT;EACA;EACA;;AACA;EAVF;IAWI;;;AAEF;EACE;EAKA;;AACA;EACE;EACA,ODvBQ;;AC0BZ;EACE;EACA;EACA;;AACA;EAJF;IAKI;;;AAEF;EAPF;IAQI;;;AAEF;EACE;EACA;;AACA;EACE;;AAEF;EACE;EACA;;AAEF;EACE;EACA;EACA;EACA,ODlDM;;ACoDR;EACE;;AAEF;EACE;IACE;IACA,OD1DI;;EC4DN;IACE;;EAEF;IACE;;;;AAOV;EACE;EACA;EACA;EACA;EACA;EACA;EACA,OD9EY;;AC+EZ;EACE;EACA;EACA;;AAEF;EACE;EACA;;;AAIJ;AACE;AAIA;AAIA;;AAPA;EACE;;AAGF;EACE,YDHc;;ACMhB;EACE,YDNc;;;AAnJlB;AAYA;AAGA;AAMA;AAGA;AAmBA;AAIA;AAIA;AAoBA;AA0BA;AA+CA;AAhJA;AAYA;AAGA;AAMA;AAGA;AAmBA;AAIA;AAIA;AAoBA;AA0BA;AA+CA;AG5IA;EACE,aCLU;;;ADQZ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAOE,OHsCU;EGrCV,aChBU;;;ADmBZ;EACE;EACA,aCrBU;EDsBV;EACA;EACA;EACA;;;AAGF;EACE,aC7BU;ED8BV;EACA;EACA;EACA;EAEA;EACA;EACA,OHeY;EGdZ;;;AAEF;EACE,OHtBY;EGuBZ;EACA;;;AAIA;EACE;EACA,WC/CQ;EDgDR;;AACA;EAEE;;AACA;EAEE;;AAEF;EAEE;;AAGJ;EAEE;;AACA;EAEE;;AAEF;EAEE;;AAGJ;EAEE;EACA;;;AA/BJ;EACE;EACA,WC/CQ;EDgDR;;AACA;EAEE;;AACA;EAEE;;AAEF;EAEE;;AAGJ;EAEE;;AACA;EAEE;;AAEF;EAEE;;AAGJ;EAEE;EACA;;;AA/BJ;EACE;EACA,WC/CQ;EDgDR;;AACA;EAEE;;AACA;EAEE;;AAEF;EAEE;;AAGJ;EAEE;;AACA;EAEE;;AAEF;EAEE;;AAGJ;EAEE;EACA;;;AA/BJ;EACE;EACA,WC/CQ;EDgDR;;AACA;EAEE;;AACA;EAEE;;AAEF;EAEE;;AAGJ;EAEE;;AACA;EAEE;;AAEF;EAEE;;AAGJ;EAEE;EACA;;;AA/BJ;EACE;EACA,WC/CQ;EDgDR;;AACA;EAEE;;AACA;EAEE;;AAEF;EAEE;;AAGJ;EAEE;;AACA;EAEE;;AAEF;EAEE;;AAGJ;EAEE;EACA;;;AA/BJ;EACE;EACA,WC/CQ;EDgDR;;AACA;EAEE;;AACA;EAEE;;AAEF;EAEE;;AAGJ;EAEE;;AACA;EAEE;;AAEF;EAEE;;AAGJ;EAEE;EACA;;;AA/BJ;EACE;EACA,WC/CQ;EDgDR;;AACA;EAEE;;AACA;EAEE;;AAEF;EAEE;;AAGJ;EAEE;;AACA;EAEE;;AAEF;EAEE;;AAGJ;EAEE;EACA;;;AA/BJ;EACE;EACA,WC/CQ;EDgDR;;AACA;EAEE;;AACA;EAEE;;AAEF;EAEE;;AAGJ;EAEE;;AACA;EAEE;;AAEF;EAEE;;AAGJ;EAEE;EACA;;;AA/BJ;EACE;EACA,WC/CQ;EDgDR;;AACA;EAEE;;AACA;EAEE;;AAEF;EAEE;;AAGJ;EAEE;;AACA;EAEE;;AAEF;EAEE;;AAGJ;EAEE;EACA;;;AA/BJ;EACE;EACA,WC/CQ;EDgDR;;AACA;EAEE;;AACA;EAEE;;AAEF;EAEE;;AAGJ;EAEE;;AACA;EAEE;;AAEF;EAEE;;AAGJ;EAEE;EACA;;;AA/BJ;EACE;EACA,WC/CQ;EDgDR;;AACA;EAEE;;AACA;EAEE;;AAEF;EAEE;;AAGJ;EAEE;;AACA;EAEE;;AAEF;EAEE;;AAGJ;EAEE;EACA;;;AA/BJ;EACE;EACA,WC/CQ;EDgDR;;AACA;EAEE;;AACA;EAEE;;AAEF;EAEE;;AAGJ;EAEE;;AACA;E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E,YT/DW;;;AAJf;AAYA;AAGA;AAMA;AAGA;AAmBA;AAIA;AAIA;AAoBA;AA0BA;AA+CA;AU9IA;EACE;EACA,OVgDY;EU/CZ,YVkDgC;EUjDhC;EACA;EACA;EACA;;AACA;EACE;;AAEF;EACE;;AAEF;EACE;;;AAGJ;EACE;EACA;;AACA;EACE;EACA;EACA;;AAEF;EACE;;AACA;EACE;;AAGJ;EACE;EACA;;AAEF;EACE;;;AAGJ;EACE;EACA;;AACA;EACE;;;AAGJ;EACE;;;AVlDF;AAYA;AAGA;AAMA;AAGA;AAmBA;AAIA;AAIA;AAoBA;AA0BA;AA+CA;AW/IA;EACE,OXgBW;;AWfX;EACE,OXcS;;;AWVb;EACE;EACA;;AACA;EACE;;;AAGJ;EACE;;;AAEF;EACE,OXiCY;;;ADlCd;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EAME;EACA,kBCzDa","file":"index.css"}
\ No newline at end of file
+{
+ "version": 3,
+ "sourceRoot": "",
+ "sources": [
+ "index.scss",
+ "base/_color.scss",
+ "base/_layout.scss",
+ "base/_z-index.scss",
+ "base/_typography.scss",
+ "base/_typo-variables.scss",
+ "components/_barchart.scss",
+ "components/_buttons.scss",
+ "base/_mixins.scss",
+ "components/_card.scss",
+ "components/_dialog.scss",
+ "components/_expansion-panel.scss",
+ "components/_link.scss"
+ ],
+ "names": [],
+ "mappings": "AAAA;AACQ;AACR;AACQ;AACR;ACJA;AAYA;AAGA;AAMA;AAGA;AAmBA;AAIA;AAIA;AAoBA;AA0BA;AA+CA;ADhIQ;AEZR;EACE,YDDa;;;ACIf;EACE,YDLa;ECMb;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AACA;EANF;IAOI;;;;AAIJ;EACE,kBDaM;;ACZN;EAFF;IAGI;IACA;;;;AAIJ;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA,SCxDS;EDyDT;EACA;EACA;;AACA;EAVF;IAWI;;;AAEF;EACE;EAKA;;AACA;EACE;EACA,ODvBQ;;AC0BZ;EACE;EACA;EACA;;AACA;EAJF;IAKI;;;AAEF;EAPF;IAQI;;;AAEF;EACE;EACA;;AACA;EACE;;AAEF;EACE;EACA;;AAEF;EACE;EACA;EACA;EACA,ODlDM;;ACoDR;EACE;;AAEF;EACE;IACE;IACA,OD1DI;;EC4DN;IACE;;EAEF;IACE;;;;AAOV;EACE;EACA;EACA;EACA;EACA;EACA;EACA,OD9EY;;AC+EZ;EACE;EACA;EACA;;AAEF;EACE;EACA;;;AAIJ;AACE;AAIA;AAIA;;AAPA;EACE;;AAGF;EACE,YDHc;;ACMhB;EACE,YDNc;;;AAnJlB;AAYA;AAGA;AAMA;AAGA;AAmBA;AAIA;AAIA;AAoBA;AA0BA;AA+CA;AAhJA;AAYA;AAGA;AAMA;AAGA;AAmBA;AAIA;AAIA;AAoBA;AA0BA;AA+CA;AG5IA;EACE,aCLU;;;ADQZ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAOE,OHsCU;EGrCV,aChBU;;;ADmBZ;EACE;EACA,aCrBU;EDsBV;EACA;EACA;EACA;;;AAGF;EACE,aC7BU;ED8BV;EACA;EACA;EACA;EAEA;EACA;EACA,OHeY;EGdZ;;;AAEF;EACE,OHtBY;EGuBZ;EACA;;;AAIA;EACE;EACA,WC/CQ;EDgDR;;AACA;EAEE;;AACA;EAEE;;AAEF;EAEE;;AAGJ;EAEE;;AACA;EAEE;;AAEF;EAEE;;AAGJ;EAEE;EACA;;;AA/BJ;EACE;EACA,WC/CQ;EDgDR;;AACA;EAEE;;AACA;EAEE;;AAEF;EAEE;;AAGJ;EAEE;;AACA;EAEE;;AAEF;EAEE;;AAGJ;EAEE;EACA;;;AA/BJ;EACE;EACA,WC/CQ;EDgDR;;AACA;EAEE;;AACA;EAEE;;AAEF;EAEE;;AAGJ;EAEE;;AACA;EAEE;;AAEF;EAEE;;AAGJ;EAEE;EACA;;;AA/BJ;EACE;EACA,WC/CQ;EDgDR;;AACA;EAEE;;AACA;EAEE;;AAEF;EAEE;;AAGJ;EAEE;;AACA;EAEE;;AAEF;EAEE;;AAGJ;EAEE;EACA;;;AA/BJ;EACE;EACA,WC/CQ;EDgDR;;AACA;EAEE;;AACA;EAEE;;AAEF;EAEE;;AAGJ;EAEE;;AACA;EAEE;;AAEF;EAEE;;AAGJ;EAEE;EACA;;;AA/BJ;EACE;EACA,WC/CQ;EDgDR;;AACA;EAEE;;AACA;EAEE;;AAEF;EAEE;;AAGJ;EAEE;;AACA;EAEE;;AAEF;EAEE;;AAGJ;EAEE;EACA;;;AA/BJ;EACE;EACA,WC/CQ;EDgDR;;AACA;EAEE;;AACA;EAEE;;AAEF;EAEE;;AAGJ;EAEE;;AACA;EAEE;;AAEF;EAEE;;AAGJ;EAEE;EACA;;;AA/BJ;EACE;EACA,WC/CQ;EDgDR;;AACA;EAEE;;AACA;EAEE;;AAEF;EAEE;;AAGJ;EAEE;;AACA;EAEE;;AAEF;EAEE;;AAGJ;EAEE;EACA;;;AA/BJ;EACE;EACA,WC/CQ;EDgDR;;AACA;EAEE;;AACA;EAEE;;AAEF;EAEE;;AAGJ;EAEE;;AACA;EAEE;;AAEF;EAEE;;AAGJ;EAEE;EACA;;;AA/BJ;EACE;EACA,WC/CQ;EDgDR;;AACA;EAEE;;AACA;EAEE;;AAEF;EAEE;;AAGJ;EAEE;;AACA;EAEE;;AAEF;EAEE;;AAGJ;EAEE;EACA;;;AA/BJ;EACE;EACA,WC/CQ;EDgDR;;AACA;EAEE;;AACA;EAEE;;AAEF;EAEE;;AAGJ;EAEE;;AACA;EAEE;;AAEF;EAEE;;AAGJ;EAEE;EACA;;;AA/BJ;EACE;EACA,WC/CQ;EDgDR;;AACA;EAEE;;AACA;EAEE;;AAEF;EAEE;;AAGJ;EAEE;;AACA;E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E,YT/DW;;;AAJf;AAYA;AAGA;AAMA;AAGA;AAmBA;AAIA;AAIA;AAoBA;AA0BA;AA+CA;AU9IA;EACE;EACA,OVgDY;EU/CZ,YVkDgC;EUjDhC;EACA;EACA;EACA;;AACA;EACE;;AAEF;EACE;;AAEF;EACE;;;AAGJ;EACE;EACA;;AACA;EACE;EACA;EACA;;AAEF;EACE;;AACA;EACE;;AAGJ;EACE;EACA;;AAEF;EACE;;;AAGJ;EACE;EACA;;AACA;EACE;;;AAGJ;EACE;;;AVlDF;AAYA;AAGA;AAMA;AAGA;AAmBA;AAIA;AAIA;AAoBA;AA0BA;AA+CA;AW/IA;EACE,OXgBW;;AWfX;EACE,OXcS;;;AWVb;EACE;EACA;;AACA;EACE;;;AAGJ;EACE;;;AAEF;EACE,OXiCY;;;ADlCd;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EAME;EACA,kBCzDa",
+ "file": "index.css"
+}