Update BrandColors imports to use Green instead of Green500

OneUptime · Apr 19, 2024 · d7a9adf · d7a9adf
1 parent fb070b9
commit d7a9adf
Show file tree

Hide file tree

Showing 8 changed files with 10 additions and 28 deletions.
diff --git a/Common/Types/BrandColors.ts b/Common/Types/BrandColors.ts
@@ -43,7 +43,6 @@ export const Violet500: Color = Color.fromString('#8b5cf6');
 export const Fuchsia500: Color = Color.fromString('#d946ef');
 export const Rose500: Color = Color.fromString('#f43f5e');
 
-
 export const BrightColors: Color[] = [
     Black,
     Indigo500,

diff --git a/CommonServer/Services/ProjectService.ts b/CommonServer/Services/ProjectService.ts
@@ -18,13 +18,7 @@ import QueryHelper from '../Types/Database/QueryHelper';
 import ObjectID from 'Common/Types/ObjectID';
 import OneUptimeDate from 'Common/Types/Date';
 import MonitorStatus from 'Model/Models/MonitorStatus';
-import {
-    Yellow,
-    Green,
-    Red,
-    Moroon500,
-    Black,
-} from 'Common/Types/BrandColors';
+import { Yellow, Green, Red, Moroon500, Black } from 'Common/Types/BrandColors';
 import MonitorStatusService from './MonitorStatusService';
 import IncidentState from 'Model/Models/IncidentState';
 import IncidentStateService from './IncidentStateService';

diff --git a/CommonUI/src/Components/ColorCircle/ColorCircle.tsx b/CommonUI/src/Components/ColorCircle/ColorCircle.tsx
@@ -13,7 +13,7 @@ const ColorCircle: FunctionComponent<ComponentProps> = (
     return (
         <Tooltip text={props.tooltip}>
             <div
-                className="rounded-max h-3 w-3"
+                className="rounded-full h-3 w-3"
                 style={{
                     backgroundColor: props.color.toString(),
                 }}

diff --git a/Dashboard/src/Components/OnCallPolicy/ExecutionLogs/ExecutionLogsTable.tsx b/Dashboard/src/Components/OnCallPolicy/ExecutionLogs/ExecutionLogsTable.tsx
@@ -180,9 +180,7 @@ const ExecutionLogsTable: FunctionComponent<ComponentProps> = (
                     );
                 }
 
-                return (
-                    <Pill color={Red} text={OnCallDutyPolicyStatus.Error} />
-                );
+                return <Pill color={Red} text={OnCallDutyPolicyStatus.Error} />;
             },
         },
         {

diff --git a/Dashboard/src/Components/Probe/ProbeStatus.tsx b/Dashboard/src/Components/Probe/ProbeStatus.tsx
@@ -30,11 +30,7 @@ const ProbeStatusElement: FunctionComponent<ComponentProps> = (
     }
 
     return (
-        <Statusbubble
-            text={'Disconnected'}
-            color={Red}
-            shouldAnimate={false}
-        />
+        <Statusbubble text={'Disconnected'} color={Red} shouldAnimate={false} />
     );
 };
 

diff --git a/Dashboard/src/Pages/Settings/TeamView.tsx b/Dashboard/src/Pages/Settings/TeamView.tsx
@@ -213,10 +213,7 @@ const TeamView: FunctionComponent<PageComponentProps> = (
                                 return <Pill text="Member" color={Green} />;
                             }
                             return (
-                                <Pill
-                                    text="Invitation Sent"
-                                    color={Yellow}
-                                />
+                                <Pill text="Invitation Sent" color={Yellow} />
                             );
                         },
                     },

diff --git a/Dashboard/src/Pages/StatusPages/View/PrivateUser.tsx b/Dashboard/src/Pages/StatusPages/View/PrivateUser.tsx
@@ -87,9 +87,7 @@ const StatusPageDelete: FunctionComponent<PageComponentProps> = (
                                     <Pill color={Green} text={'Signed up'} />
                                 );
                             }
-                            return (
-                                <Pill color={Yellow} text={'Invite Sent'} />
-                            );
+                            return <Pill color={Yellow} text={'Invite Sent'} />;
                         },
                     },
                 ]}

diff --git a/Dashboard/src/Pages/Telemetry/Services/View/Traces/Index.tsx b/Dashboard/src/Pages/Telemetry/Services/View/Traces/Index.tsx
@@ -10,7 +10,7 @@ import SortOrder from 'Common/Types/BaseDatabase/SortOrder';
 import DropdownUtil from 'CommonUI/src/Utils/Dropdown';
 import { DropdownOption } from 'CommonUI/src/Components/Dropdown/Dropdown';
 import { JSONObject } from 'Common/Types/JSON';
-import ColorSquareCube from 'CommonUI/src/Components/ColorSquareCube/ColorSquareCube';
+import ColorCircle from 'CommonUI/src/Components/ColorCircle/ColorCircle';
 import AnalyticsBaseModel from 'Common/AnalyticsModels/BaseModel';
 import { Green, Red } from 'Common/Types/BrandColors';
 
@@ -122,7 +122,7 @@ const TracesList: FunctionComponent<PageComponentProps> = (
                                             (spanObj.statusCode ===
                                                 SpanStatus.Unset ||
                                                 !spanObj.statusCode) ? (
-                                                <ColorSquareCube
+                                                <ColorCircle
                                                     color={Green}
                                                     tooltip="Span Status: Unset"
                                                 />
@@ -132,7 +132,7 @@ const TracesList: FunctionComponent<PageComponentProps> = (
                                             {spanObj &&
                                             spanObj.statusCode ===
                                                 SpanStatus.Ok ? (
-                                                <ColorSquareCube
+                                                <ColorCircle
                                                     color={Green}
                                                     tooltip="Span Status: Ok"
                                                 />
@@ -142,7 +142,7 @@ const TracesList: FunctionComponent<PageComponentProps> = (
                                             {spanObj &&
                                             spanObj.statusCode ===
                                                 SpanStatus.Error ? (
-                                                <ColorSquareCube
+                                                <ColorCircle
                                                     color={Red}
                                                     tooltip="Span Status: Error"
                                                 />
-Original file line number
+Diff line change
@@ Expand Up @@
                         );
                     }
-                    return (
-                        <Pill color={Red} text={OnCallDutyPolicyStatus.Error} />
-                    );
+                    return <Pill color={Red} text={OnCallDutyPolicyStatus.Error} />;
                 },
             },
             {
@@ Expand Down @@