Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: implement deployment details page for infra monitoring #6699

Open
wants to merge 15 commits into
base: feat/infra-monitoring-k8s
Choose a base branch
from

Conversation

amlannandy
Copy link
Member

@amlannandy amlannandy commented Dec 22, 2024

Summary

Implement the deployment details page in Infra Monitoring

Related Issues / PR's

N/A

Screenshots

N/A

Affected Areas and Manually Tested Areas

Infra Monitoring section


Important

Implement detailed view for Kubernetes deployments in Infra Monitoring, including metrics, logs, traces, and events.

  • API:
    • Add getK8sDeploymentsList in getK8sDeploymentsList.ts to fetch deployment data.
    • Add useGetK8sDeploymentsList hook in useGetK8sDeploymentsList.ts for querying deployment data.
  • Components:
    • Add DeploymentDetails component in DeploymentDetails.tsx to display deployment metrics, logs, traces, and events.
    • Add K8sDeploymentsList component in K8sDeploymentsList.tsx for listing deployments.
    • Add DeploymentMetrics, DeploymentLogs, DeploymentTraces, and DeploymentEvents components for detailed views.
  • Styles:
    • Add styles for deployment details and list in DeploymentDetails.styles.scss and K8sDeploymentsList.tsx.
  • Utilities:
    • Add utility functions in utils.tsx for formatting deployment data and configuring columns.

This description was created by Ellipsis for e8cea7e. It will automatically update as commits are pushed.

Copy link

Build Error! No Linked Issue found. Please link an issue or mention it in the body using #<issue_id>

@github-actions github-actions bot added the enhancement New feature or request label Dec 22, 2024
@amlannandy amlannandy marked this pull request as ready for review December 23, 2024 06:18
@amlannandy amlannandy requested a review from YounixM as a code owner December 23, 2024 06:18
@amlannandy amlannandy changed the title Feat/infra monitoring k8s deployments details feat: implement deployment details page for infra monitoring Dec 23, 2024
Copy link

Build Error! No Linked Issue found. Please link an issue or mention it in the body using #<issue_id>

1 similar comment
Copy link

Build Error! No Linked Issue found. Please link an issue or mention it in the body using #<issue_id>

Copy link
Contributor

@ellipsis-dev ellipsis-dev bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

❌ Changes requested. Reviewed everything up to e8cea7e in 1 minute and 40 seconds

More details
  • Looked at 5887 lines of code in 34 files
  • Skipped 0 files when reviewing.
  • Skipped posting 3 drafted comments based on config settings.
1. frontend/src/container/InfraMonitoringK8s/Deployments/utils.tsx:112
  • Draft comment:
    The orderBy field uses cpu, which might not be a valid column. Verify the column name against the actual data structure.
  • Reason this comment was not posted:
    Comment did not seem useful.
2. frontend/src/container/InfraMonitoringK8s/Deployments/utils.tsx:238
  • Draft comment:
    Ensure that the keys used in groupBy exist in deployment.meta to avoid potential errors.
  • Reason this comment was not posted:
    Comment did not seem useful.
3. frontend/src/container/InfraMonitoringK8s/Deployments/DeploymentDetails/Traces/utils.tsx:57
  • Draft comment:
    Use design tokens or predefined color constants instead of hardcoding color values for consistency.
  • Reason this comment was not posted:
    Marked as duplicate.

Workflow ID: wflow_aVWZaA37kwwHWebn


Want Ellipsis to fix these issues? Tag @ellipsis-dev in a comment. You can customize Ellipsis with 👍 / 👎 feedback, review rules, user-specific overrides, quiet mode, and more.

return options.queryKey;
}

return [REACT_QUERY_KEY.GET_HOST_LIST, requestData];
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The query key REACT_QUERY_KEY.GET_HOST_LIST seems incorrect for fetching deployments. Consider using a more specific key for deployments.

return (
<div className="pod-group">
{groupByValues.map((value) => (
<Tag key={value} color="#1D212D" className="pod-group-tag-item">
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Use design tokens or predefined color constants instead of hardcoding color values for consistency.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant