diff --git a/src/app/styles/variable.scss b/src/app/styles/variable.scss index 362f1e7..6db0970 100644 --- a/src/app/styles/variable.scss +++ b/src/app/styles/variable.scss @@ -15,6 +15,8 @@ $white: #fff; $black: #000; $red: #dc2626; $green: #00a63e; +$green-2: #10b981; +$grey: #5a6e8a; $p-color-disabled: #6365f18e; $s-color-disabled: #8a5cf663; $border-color-1: #e2e8f0; diff --git a/src/app/styles/violation-details.scss b/src/app/styles/violation-details.scss index bf943e0..df21548 100644 --- a/src/app/styles/violation-details.scss +++ b/src/app/styles/violation-details.scss @@ -379,18 +379,27 @@ .btn-resolve { white-space: nowrap; - color: #10b981; - border: 2px solid #10b981; + color: v.$green-2; + border: 2px solid v.$green-2; font-weight: 700; &:hover { - /* transform: translateY(-2px); - box-shadow: 0 8px 20px rgba(16, 185, 129, 0.4); */ - background: #10b981; + background: v.$green-2; color: white; } } + .btn-no-my-file { + white-space: nowrap; + color: v.$grey; + border: 2px solid v.$grey; + font-weight: 700; + + &:hover { + background: v.$grey; + color: white; + } + } .violation-info { background: #fff; diff --git a/src/app/ui/file-page/violation-table/file-page-violation-info.tsx b/src/app/ui/file-page/violation-table/file-page-violation-info.tsx index f57d67e..47b3a98 100644 --- a/src/app/ui/file-page/violation-table/file-page-violation-info.tsx +++ b/src/app/ui/file-page/violation-table/file-page-violation-info.tsx @@ -64,6 +64,10 @@ export default function FilePageViolationInfo( } queryClient.invalidateQueries({ queryKey: ['fileViolations'] }); queryClient.invalidateQueries({ queryKey: ['complainInfo', id] }); + queryClient.invalidateQueries({ queryKey: ['violationData'] }); + queryClient.invalidateQueries({ queryKey: ['lastCases'] }); + queryClient.invalidateQueries({ queryKey: ['lastComplaints'] }); + if (status === 'NOT_OWNER_FILE') { console.log('NOT_OWNER_FILE'); @@ -330,7 +334,7 @@ export default function FilePageViolationInfo( className="violation-info-action" >