From 4f71ba77ac50d7303756d37331de897995aec674 Mon Sep 17 00:00:00 2001 From: Shekar Siri Date: Mon, 3 Apr 2023 11:09:43 +0200 Subject: [PATCH] change(ui) - vault graphic and show console error message (#1094) * change(ui) - bookmark and vault graphics * change(ui) - errors show message --- .../shared/DevTools/ConsoleRow/ConsoleRow.tsx | 17 +++-- frontend/app/svg/ca-no-bookmarked-session.svg | 73 ++++++++++++------- 2 files changed, 56 insertions(+), 34 deletions(-) diff --git a/frontend/app/components/shared/DevTools/ConsoleRow/ConsoleRow.tsx b/frontend/app/components/shared/DevTools/ConsoleRow/ConsoleRow.tsx index fc818b550..e035e92f6 100644 --- a/frontend/app/components/shared/DevTools/ConsoleRow/ConsoleRow.tsx +++ b/frontend/app/components/shared/DevTools/ConsoleRow/ConsoleRow.tsx @@ -1,6 +1,6 @@ import React, { useState } from 'react'; import cn from 'classnames'; -import { Icon } from 'UI'; +import { Icon, TextEllipsis } from 'UI'; import JumpButton from 'Shared/DevTools/JumpButton'; interface Props { @@ -17,7 +17,6 @@ function ConsoleRow(props: Props) { const [expanded, setExpanded] = useState(false); const lines = log.value?.split('\n').filter((l: any) => !!l) || []; const canExpand = lines.length > 1; - const clickable = canExpand || !!log.errorId; const toggleExpand = () => { @@ -34,7 +33,6 @@ function ConsoleRow(props: Props) { warn: log.isYellow, error: log.isRed, 'cursor-pointer': clickable, - 'cursor-pointer underline decoration-dotted decoration-gray-200': !!log.errorId, } )} onClick={clickable ? () => (!!log.errorId ? props.onClick() : toggleExpand()) : undefined} @@ -43,11 +41,14 @@ function ConsoleRow(props: Props) {
-
- {canExpand && ( - - )} - {renderWithNL(lines.pop())} +
+
+ {canExpand && ( + + )} + {renderWithNL(lines.pop())} +
+ {log.errorId && }
{canExpand && expanded && diff --git a/frontend/app/svg/ca-no-bookmarked-session.svg b/frontend/app/svg/ca-no-bookmarked-session.svg index fc69149aa..ef3e41f0e 100644 --- a/frontend/app/svg/ca-no-bookmarked-session.svg +++ b/frontend/app/svg/ca-no-bookmarked-session.svg @@ -1,27 +1,48 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +