From 81739b3a090cb99802f425cbfaa6736cb3647ca0 Mon Sep 17 00:00:00 2001 From: Natallia Harshunova Date: Tue, 28 May 2024 11:33:58 +0200 Subject: [PATCH 1/6] feat(16335): remove error image and adjust error styles --- src/components/ErrorMessage/ErrorMessage.tsx | 7 +++---- src/components/ErrorMessage/error-state-img.png | Bin 12228 -> 0 bytes .../AdvancedAnalyticsContainer.tsx | 4 +++- .../AnalyticsContainer/AnalyticsContainer.tsx | 2 +- .../EpisodesTimelinePanel.tsx | 6 ++---- .../components/FullState/FullState.tsx | 4 +++- 6 files changed, 12 insertions(+), 11 deletions(-) delete mode 100644 src/components/ErrorMessage/error-state-img.png diff --git a/src/components/ErrorMessage/ErrorMessage.tsx b/src/components/ErrorMessage/ErrorMessage.tsx index e7ba9f840..23395e17a 100644 --- a/src/components/ErrorMessage/ErrorMessage.tsx +++ b/src/components/ErrorMessage/ErrorMessage.tsx @@ -1,19 +1,18 @@ import { Text } from '@konturio/ui-kit'; import { i18n } from '~core/localization'; -import errorImage from './error-state-img.png'; import s from './ErrorMessage.module.css'; export function ErrorMessage({ message, - marginTop = '30%', + margin = '32px 16px', }: { message?: string; marginTop?: string; + margin?: string; }) { return ( -
+
{message ?? i18n.t('errors.default')} -
); } diff --git a/src/components/ErrorMessage/error-state-img.png b/src/components/ErrorMessage/error-state-img.png deleted file mode 100644 index 94e6be549a1210f11557c0f76e2db8dc9c4c7615..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 12228 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 SE(T@*0000 { return statesToComponents({ init: , loading: , - error: (errorMessage) => , + error: (errorMessage) => ( + + ), ready: (dataList) => { const geometry = focusedGeometry?.geometry as GeoJSON.FeatureCollection; if (geometry.features && geometry.features.length == 0) { diff --git a/src/features/analytics_panel/components/AnalyticsContainer/AnalyticsContainer.tsx b/src/features/analytics_panel/components/AnalyticsContainer/AnalyticsContainer.tsx index cf04e3fc9..4538e3dcc 100644 --- a/src/features/analytics_panel/components/AnalyticsContainer/AnalyticsContainer.tsx +++ b/src/features/analytics_panel/components/AnalyticsContainer/AnalyticsContainer.tsx @@ -20,7 +20,7 @@ export const AnalyticsContainer = () => { return statesToComponents({ init: , loading: , - error: (errorMessage) => , + error: (errorMessage) => , ready: (dataList) => { const geometry = focusedGeometry?.geometry; if ( diff --git a/src/features/event_episodes/components/EpisodesTimelinePanel/EpisodesTimelinePanel.tsx b/src/features/event_episodes/components/EpisodesTimelinePanel/EpisodesTimelinePanel.tsx index 32fb34f1a..2ef0e39f9 100644 --- a/src/features/event_episodes/components/EpisodesTimelinePanel/EpisodesTimelinePanel.tsx +++ b/src/features/event_episodes/components/EpisodesTimelinePanel/EpisodesTimelinePanel.tsx @@ -35,9 +35,7 @@ export function EpisodesTimelinePanel() { >
{statesToComponents({ - loading: ( - - ), + loading: , error: (errorMessage) => ( ), @@ -45,7 +43,7 @@ export function EpisodesTimelinePanel() { episodes.data ? ( ) : ( - + ), })}
diff --git a/src/features/events_list/components/FullState/FullState.tsx b/src/features/events_list/components/FullState/FullState.tsx index 3dd6f9e87..9eb258c2e 100644 --- a/src/features/events_list/components/FullState/FullState.tsx +++ b/src/features/events_list/components/FullState/FullState.tsx @@ -69,7 +69,9 @@ export function FullState({
{statesToComponents({ loading: , - error: (errorMessage) => , + error: (errorMessage) => ( + + ), ready: (eventsList) => ( <> Date: Tue, 28 May 2024 14:31:12 +0200 Subject: [PATCH 2/6] feat(18342): remove marginTop from signature --- src/components/ErrorMessage/ErrorMessage.tsx | 1 - 1 file changed, 1 deletion(-) diff --git a/src/components/ErrorMessage/ErrorMessage.tsx b/src/components/ErrorMessage/ErrorMessage.tsx index 23395e17a..900e0e440 100644 --- a/src/components/ErrorMessage/ErrorMessage.tsx +++ b/src/components/ErrorMessage/ErrorMessage.tsx @@ -7,7 +7,6 @@ export function ErrorMessage({ margin = '32px 16px', }: { message?: string; - marginTop?: string; margin?: string; }) { return ( From 7c6d03a2ec111003cb4a9ada6a7af8628619dcdb Mon Sep 17 00:00:00 2001 From: Natallia Harshunova Date: Tue, 28 May 2024 14:33:53 +0200 Subject: [PATCH 3/6] feat(18342): remove marginTop from signature --- .../BivariateMatrixContainer/BivariateMatrixContainer.tsx | 5 +---- .../EpisodesTimelinePanel/EpisodesTimelinePanel.tsx | 4 +--- 2 files changed, 2 insertions(+), 7 deletions(-) diff --git a/src/features/bivariate_manager/components/BivariateMatrixContainer/BivariateMatrixContainer.tsx b/src/features/bivariate_manager/components/BivariateMatrixContainer/BivariateMatrixContainer.tsx index f3362f57d..6f7c4e454 100644 --- a/src/features/bivariate_manager/components/BivariateMatrixContainer/BivariateMatrixContainer.tsx +++ b/src/features/bivariate_manager/components/BivariateMatrixContainer/BivariateMatrixContainer.tsx @@ -69,10 +69,7 @@ const BivariateMatrixContainer = ({ className }: BivariateMatrixContainerProps) ), error: () => (
- +
), ready: () => ( diff --git a/src/features/event_episodes/components/EpisodesTimelinePanel/EpisodesTimelinePanel.tsx b/src/features/event_episodes/components/EpisodesTimelinePanel/EpisodesTimelinePanel.tsx index 2ef0e39f9..5a9c54433 100644 --- a/src/features/event_episodes/components/EpisodesTimelinePanel/EpisodesTimelinePanel.tsx +++ b/src/features/event_episodes/components/EpisodesTimelinePanel/EpisodesTimelinePanel.tsx @@ -36,9 +36,7 @@ export function EpisodesTimelinePanel() {
{statesToComponents({ loading: , - error: (errorMessage) => ( - - ), + error: (errorMessage) => , ready: (episodes) => episodes.data ? ( From f221e57723f63bdb66ac099b10b2286434069c4b Mon Sep 17 00:00:00 2001 From: Natallia Harshunova Date: Wed, 29 May 2024 10:35:19 +0200 Subject: [PATCH 4/6] feat(16355): pr fix --- .../AdvancedAnalyticsContainer/AdvancedAnalyticsContainer.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/features/advanced_analytics_panel/components/AdvancedAnalyticsContainer/AdvancedAnalyticsContainer.tsx b/src/features/advanced_analytics_panel/components/AdvancedAnalyticsContainer/AdvancedAnalyticsContainer.tsx index cc1f5af99..1d4a7dea6 100644 --- a/src/features/advanced_analytics_panel/components/AdvancedAnalyticsContainer/AdvancedAnalyticsContainer.tsx +++ b/src/features/advanced_analytics_panel/components/AdvancedAnalyticsContainer/AdvancedAnalyticsContainer.tsx @@ -26,10 +26,10 @@ export const AdvancedAnalyticsContainer = () => { ), ready: (dataList) => { const geometry = focusedGeometry?.geometry as GeoJSON.FeatureCollection; - if (geometry.features && geometry.features.length == 0) { + if (geometry.features && geometry.features.length === 0) { return ; } - if (dataList?.length == 0) { + if (dataList?.length === 0) { return ; } return ; From 206457391b6da00a9943f242b21ee26923e9570e Mon Sep 17 00:00:00 2001 From: Natallia Harshunova Date: Sun, 2 Jun 2024 19:16:03 +0200 Subject: [PATCH 5/6] feat(16355): refactor Error Component styles --- src/components/ErrorMessage/ErrorMessage.module.css | 11 ++--------- src/components/ErrorMessage/ErrorMessage.tsx | 7 ++++--- .../AdvancedAnalyticsContainer.module.css | 3 +++ .../AdvancedAnalyticsContainer.tsx | 3 ++- .../AnalyticsContainer/AnalyticsContainer.tsx | 2 +- .../BivariateMatrixContainer.tsx | 9 +++++---- .../components/FullState/FullState.module.css | 4 ++++ .../events_list/components/FullState/FullState.tsx | 2 +- 8 files changed, 22 insertions(+), 19 deletions(-) create mode 100644 src/features/advanced_analytics_panel/components/AdvancedAnalyticsContainer/AdvancedAnalyticsContainer.module.css diff --git a/src/components/ErrorMessage/ErrorMessage.module.css b/src/components/ErrorMessage/ErrorMessage.module.css index a75dbc729..69618da9e 100644 --- a/src/components/ErrorMessage/ErrorMessage.module.css +++ b/src/components/ErrorMessage/ErrorMessage.module.css @@ -1,14 +1,7 @@ -.spinner { +.errorContainer { display: flex; flex-flow: column nowrap; align-items: center; - margin: 2em; + margin: calc(var(--double-unit) * 2) var(--double-unit); text-align: center; } - -.icon { - display: block; - width: 100px; - height: 100px; - margin: 1em; -} diff --git a/src/components/ErrorMessage/ErrorMessage.tsx b/src/components/ErrorMessage/ErrorMessage.tsx index 900e0e440..0ae5fd507 100644 --- a/src/components/ErrorMessage/ErrorMessage.tsx +++ b/src/components/ErrorMessage/ErrorMessage.tsx @@ -1,16 +1,17 @@ import { Text } from '@konturio/ui-kit'; +import clsx from 'clsx'; import { i18n } from '~core/localization'; import s from './ErrorMessage.module.css'; export function ErrorMessage({ message, - margin = '32px 16px', + containerClass, }: { message?: string; - margin?: string; + containerClass?: string; }) { return ( -
+
{message ?? i18n.t('errors.default')}
); diff --git a/src/features/advanced_analytics_panel/components/AdvancedAnalyticsContainer/AdvancedAnalyticsContainer.module.css b/src/features/advanced_analytics_panel/components/AdvancedAnalyticsContainer/AdvancedAnalyticsContainer.module.css new file mode 100644 index 000000000..7efb4c599 --- /dev/null +++ b/src/features/advanced_analytics_panel/components/AdvancedAnalyticsContainer/AdvancedAnalyticsContainer.module.css @@ -0,0 +1,3 @@ +.errorContainer { + margin-top: 80px; +} diff --git a/src/features/advanced_analytics_panel/components/AdvancedAnalyticsContainer/AdvancedAnalyticsContainer.tsx b/src/features/advanced_analytics_panel/components/AdvancedAnalyticsContainer/AdvancedAnalyticsContainer.tsx index 1d4a7dea6..5b1b943c7 100644 --- a/src/features/advanced_analytics_panel/components/AdvancedAnalyticsContainer/AdvancedAnalyticsContainer.tsx +++ b/src/features/advanced_analytics_panel/components/AdvancedAnalyticsContainer/AdvancedAnalyticsContainer.tsx @@ -7,6 +7,7 @@ import { focusedGeometryAtom } from '~core/focused_geometry/model'; import { advancedAnalyticsResourceAtom } from '~features/advanced_analytics_panel/atoms/advancedAnalyticsResource'; import { AdvancedAnalyticsEmptyState } from '~features/advanced_analytics_panel/components/AdvancedAnalyticsEmptyState/AdvancedAnalyticsEmptyState'; import { AdvancedAnalyticsDataList } from '~features/advanced_analytics_panel/components/AdvancedAnalyticsDataList/AdvancedAnalyticsDataList'; +import s from './AdvancedAnalyticsContainer.module.css'; export const AdvancedAnalyticsContainer = () => { const [{ error, loading, data }] = useAtom(advancedAnalyticsResourceAtom); @@ -22,7 +23,7 @@ export const AdvancedAnalyticsContainer = () => { init: , loading: , error: (errorMessage) => ( - + ), ready: (dataList) => { const geometry = focusedGeometry?.geometry as GeoJSON.FeatureCollection; diff --git a/src/features/analytics_panel/components/AnalyticsContainer/AnalyticsContainer.tsx b/src/features/analytics_panel/components/AnalyticsContainer/AnalyticsContainer.tsx index 4538e3dcc..cf04e3fc9 100644 --- a/src/features/analytics_panel/components/AnalyticsContainer/AnalyticsContainer.tsx +++ b/src/features/analytics_panel/components/AnalyticsContainer/AnalyticsContainer.tsx @@ -20,7 +20,7 @@ export const AnalyticsContainer = () => { return statesToComponents({ init: , loading: , - error: (errorMessage) => , + error: (errorMessage) => , ready: (dataList) => { const geometry = focusedGeometry?.geometry; if ( diff --git a/src/features/bivariate_manager/components/BivariateMatrixContainer/BivariateMatrixContainer.tsx b/src/features/bivariate_manager/components/BivariateMatrixContainer/BivariateMatrixContainer.tsx index 6f7c4e454..972315c23 100644 --- a/src/features/bivariate_manager/components/BivariateMatrixContainer/BivariateMatrixContainer.tsx +++ b/src/features/bivariate_manager/components/BivariateMatrixContainer/BivariateMatrixContainer.tsx @@ -67,10 +67,11 @@ const BivariateMatrixContainer = ({ className }: BivariateMatrixContainerProps)
), - error: () => ( -
- -
+ error: ( + ), ready: () => ( <> diff --git a/src/features/events_list/components/FullState/FullState.module.css b/src/features/events_list/components/FullState/FullState.module.css index 784dc38b9..136f91912 100644 --- a/src/features/events_list/components/FullState/FullState.module.css +++ b/src/features/events_list/components/FullState/FullState.module.css @@ -11,6 +11,10 @@ align-items: center; } +.errorContainer { + margin-top: 80px; +} + .height100vh { height: 100vh; } diff --git a/src/features/events_list/components/FullState/FullState.tsx b/src/features/events_list/components/FullState/FullState.tsx index 9eb258c2e..82264bf85 100644 --- a/src/features/events_list/components/FullState/FullState.tsx +++ b/src/features/events_list/components/FullState/FullState.tsx @@ -70,7 +70,7 @@ export function FullState({ {statesToComponents({ loading: , error: (errorMessage) => ( - + ), ready: (eventsList) => ( <> From d87006a0ab6dc4105b0c35fba3c16510cb15a7a3 Mon Sep 17 00:00:00 2001 From: Natallia Harshunova Date: Sun, 2 Jun 2024 19:25:25 +0200 Subject: [PATCH 6/6] feat(16355): small fix --- .../EpisodesTimelinePanel/EpisodesTimelinePanel.tsx | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/src/features/event_episodes/components/EpisodesTimelinePanel/EpisodesTimelinePanel.tsx b/src/features/event_episodes/components/EpisodesTimelinePanel/EpisodesTimelinePanel.tsx index 5a9c54433..01df7fa9f 100644 --- a/src/features/event_episodes/components/EpisodesTimelinePanel/EpisodesTimelinePanel.tsx +++ b/src/features/event_episodes/components/EpisodesTimelinePanel/EpisodesTimelinePanel.tsx @@ -35,7 +35,9 @@ export function EpisodesTimelinePanel() { >
{statesToComponents({ - loading: , + loading: ( + + ), error: (errorMessage) => , ready: (episodes) => episodes.data ? (