diff --git a/src/components/Navigation/CodeButtonMenu/CodeButtonMenu.stories.tsx b/src/components/Navigation/CodeButtonMenu/CodeButtonMenu.stories.tsx index da94eaa26..a1f9ce0a7 100644 --- a/src/components/Navigation/CodeButtonMenu/CodeButtonMenu.stories.tsx +++ b/src/components/Navigation/CodeButtonMenu/CodeButtonMenu.stories.tsx @@ -63,6 +63,24 @@ export const NotInstrumented: Story = { } }; +export const NotDataYet: Story = { + args: { + codeContext: { + spans: { + assets: [], + errorData: null + }, + isInstrumented: true, + methodId: "method id", + displayName: "code location display name", + hasMissingDependency: false, + canInstrumentMethod: true + }, + isAutoFixing: false, + isAnnotationAdding: false + } +}; + export const AddingTheAnnotation: Story = { args: { codeContext: { diff --git a/src/components/Navigation/CodeButtonMenu/index.tsx b/src/components/Navigation/CodeButtonMenu/index.tsx index d0a2bf2c4..1304d799d 100644 --- a/src/components/Navigation/CodeButtonMenu/index.tsx +++ b/src/components/Navigation/CodeButtonMenu/index.tsx @@ -53,7 +53,6 @@ export const CodeButtonMenu = (props: CodeButtonMenuProps) => { const renderNoObservability = () => ( - No observability Click to observe this code in runtime {props.isAnnotationAdding && } @@ -73,11 +72,13 @@ export const CodeButtonMenu = (props: CodeButtonMenuProps) => { const renderNoData = () => ( - No data yet + + No data received yet,{" "} + + need help? + + Trigger any action to analyze runtime data - - Not seeing your application data? - ); @@ -102,7 +103,7 @@ export const CodeButtonMenu = (props: CodeButtonMenuProps) => { return ( theme.colors.v3.text.secondary}; gap: 4px; align-items: center; @@ -30,9 +30,8 @@ export const CodeIconContainer = styled.div` export const EmptyStateContainer = styled.div` display: flex; flex-direction: column; - gap: 8px; + gap: 4px; font-size: 14px; - padding: 0 8px; `; export const Title = styled.div` diff --git a/src/components/Navigation/KebabMenu/index.tsx b/src/components/Navigation/KebabMenu/index.tsx index a4b1be4f8..c2d949a13 100644 --- a/src/components/Navigation/KebabMenu/index.tsx +++ b/src/components/Navigation/KebabMenu/index.tsx @@ -62,7 +62,7 @@ export const KebabMenu = (props: KebabMenuProps) => { ? [ { id: "localEngine", - groupName: "localEngine", + groupName: "settings", label: "Local Engine", icon: , onClick: handleLocalEngineClick diff --git a/src/components/common/ToggleSwitch/styles.ts b/src/components/common/ToggleSwitch/styles.ts index 554287c7a..2afb1fa81 100644 --- a/src/components/common/ToggleSwitch/styles.ts +++ b/src/components/common/ToggleSwitch/styles.ts @@ -62,10 +62,10 @@ const getSwitchContainerColor = ( if (isDisabled) { switch (theme.mode) { case "light": - return isChecked ? "#E5E5FF" : "#E6E8F2"; + return isChecked ? "#4B4DB4" : "#E6E8F2"; case "dark": case "dark-jetbrains": - return isChecked ? "#28293E" : "#27282E"; + return isChecked ? "#4B4DB4" : "#27282E"; } } @@ -97,11 +97,11 @@ const getCircleColor = ( if (isDisabled) { switch (theme.mode) { case "light": { - return "#E6E8F2"; + return isChecked ? "#7C90F8" : "#E6E8F2"; } case "dark": case "dark-jetbrains": - return "#2C2E33"; + return isChecked ? "#7C90F8" : "#2C2E33"; } }