Skip to content

Conversation

@Shrutim1505
Copy link
Member

@Shrutim1505 Shrutim1505 commented Apr 8, 2025

  • Updated the UI of Jobs and Pods pages to align with the Queue layout.
  • Improved structure, spacing, and action buttons for better usability.

Screenshot from 2025-04-08 20-26-04

Screenshot from 2025-04-08 20-27-32

@Shrutim1505
Copy link
Member Author

Shrutim1505 commented Apr 8, 2025

This PR is only mergable after #71

@Shrutim1505
Copy link
Member Author

/assign @william-wang

@Shrutim1505
Copy link
Member Author

Shrutim1505 commented Apr 16, 2025

i will have to redo rendering of this pages too, after the latest changes

@Shrutim1505 Shrutim1505 marked this pull request as draft April 16, 2025 20:56
@Shrutim1505 Shrutim1505 marked this pull request as ready for review April 23, 2025 10:18
@Shrutim1505 Shrutim1505 force-pushed the modified/jobs-pods branch 4 times, most recently from 26dc5c7 to 4156173 Compare April 23, 2025 12:06
@Shrutim1505
Copy link
Member Author

@Monokaix @JesseStutler this branch can be merged now

@JesseStutler
Copy link
Member

What is this PR for? More description needs to be added in this PR

@Shrutim1505 Shrutim1505 changed the title Modification of jobs and pods according to queues Redesigned the Jobs and Pods layout to align with the Queue structure. Apr 27, 2025
@Shrutim1505
Copy link
Member Author

What is this PR for? More description needs to be added in this PR

done

Copy link
Contributor

@de6p de6p left a comment

Choose a reason for hiding this comment

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

Looking at the code, I noticed it could be made more compact by using TanStack Table. Right now, we're using the MUI library for that. This is just a suggestion — we can implement it later if needed.

TanStack Table generally offers better performance for very large dataset and it's very optimized.

Lightweight Core is very small (~14kb)
// @JesseStutler @Monokaix

@JesseStutler
Copy link
Member

After I fetch your code and build images, I deploy the dashboard. The pod is keeping crashing:
image
And the log of backend container is:
image
Could you help to figure out?

@Shrutim1505
Copy link
Member Author

Looking at the code, I noticed it could be made more compact by using TanStack Table. Right now, we're using the MUI library for that. This is just a suggestion — we can implement it later if needed.

TanStack Table generally offers better performance for very large dataset and it's very optimized.

actually after implementation i will change UI to shadecnUI so i will make necessary changes later

@Shrutim1505
Copy link
Member Author

image
@JesseStutlerin this PR there is no changes in backend as of now ... only frontend changes are mentioned

@Monokaix
Copy link
Member

Looking at the code, I noticed it could be made more compact by using TanStack Table. Right now, we're using the MUI library for that. This is just a suggestion — we can implement it later if needed.

TanStack Table generally offers better performance for very large dataset and it's very optimized.

Lightweight Core is very small (~14kb) // @JesseStutler @Monokaix

MUI is a littele an old style, maybe we can change to a more modern one after this LFX project done.

@de6p
Copy link
Contributor

de6p commented Apr 28, 2025

Looking at the code, I noticed it could be made more compact by using TanStack Table. Right now, we're using the MUI library for that. This is just a suggestion — we can implement it later if needed.
TanStack Table generally offers better performance for very large dataset and it's very optimized.
Lightweight Core is very small (~14kb) // @JesseStutler @Monokaix

MUI is a littele an old style, maybe we can change to a more modern one after this LFX project done.

we could utilize this pr

@Monokaix
Copy link
Member

Looking at the code, I noticed it could be made more compact by using TanStack Table. Right now, we're using the MUI library for that. This is just a suggestion — we can implement it later if needed.
TanStack Table generally offers better performance for very large dataset and it's very optimized.
Lightweight Core is very small (~14kb) // @JesseStutler @Monokaix

MUI is a littele an old style, maybe we can change to a more modern one after this LFX project done.

we could utilize this pr

Nice! You can keep working on that: )

@JesseStutler
Copy link
Member

/lgtm


const convertContent = (content, fromMode, toMode) => {
try {
if (fromMode === "yaml" && toMode === "json") {
Copy link
Member

Choose a reason for hiding this comment

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

Both json and yaml are not user friendly, I think we can just keep one yaml format, and add a text box display method to display some important fields instead of json, but this can be done in another pr and not so urgent, and just remove json in this pr: )

Copy link
Member Author

Choose a reason for hiding this comment

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

Ok

@Shrutim1505
Copy link
Member Author

cc @Monokaix @JesseStutler

Signed-off-by: Shruti78 <[email protected]>

Frontend updation of the Queues UI

Signed-off-by: Shruti78 <[email protected]>

Frontend updation of the Queues UI

Signed-off-by: Shruti78 <[email protected]>

modified jobs-pods for the UI

Signed-off-by: Shruti78 <[email protected]>

prettier check added

Signed-off-by: Shrutim1505 <[email protected]>

edit dialogue box changed

Signed-off-by: Shrutim1505 <[email protected]>

pods handle search improved

Signed-off-by: Shrutim1505 <[email protected]>

npm run format

Signed-off-by: Shrutim1505 <[email protected]>
@Shrutim1505 Shrutim1505 force-pushed the modified/jobs-pods branch from 5fb2148 to f1e0644 Compare May 12, 2025 20:11
@JesseStutler
Copy link
Member

/lgtm

@Monokaix
Copy link
Member

/approve

@volcano-sh-bot
Copy link
Contributor

[APPROVALNOTIFIER] This PR is APPROVED

This pull-request has been approved by: Monokaix

The full list of commands accepted by this bot can be found here.

The pull request process is described here

Needs approval from an approver in each of these files:

Approvers can indicate their approval by writing /approve in a comment
Approvers can cancel approval by writing /approve cancel in a comment

@volcano-sh-bot volcano-sh-bot merged commit bad5ca3 into volcano-sh:main May 13, 2025
3 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

6 participants