Skip to content

added preview panel#169

Open
suprajamannava17 wants to merge 5 commits intomainfrom
165-orca-log-extraction---inline-preview-panel
Open

added preview panel#169
suprajamannava17 wants to merge 5 commits intomainfrom
165-orca-log-extraction---inline-preview-panel

Conversation

@suprajamannava17
Copy link
Collaborator

Fixes #165

What was changed?

The OrcaDashboardComponent was modified to conditionally display the preview section alongside the form. The preview content now appears on the right only after clicking the Preview button, and can be closed using a close button to re-center the form.

Why was it changed?

Previously, clicking the Preview button would open the preview content in a new window, which was not an ideal user experience. To provide a more seamless and integrated view, the preview section was modified to appear on the right side of the same page, while the ORCA Log Extraction form shifts to the left. This change enhances usability by keeping everything within a single view and avoiding context switching for the user.

How was it changed?

Changes were made in OrcaDashboardComponent.js. A new state variable showPreview was added to control the visibility of the preview section. The layout was updated using conditional rendering and Bootstrap grid classes to dynamically adjust column widths based on showPreview. The setShowPreview(true) was added when fetching the preview, and a close button was introduced to set showPreview(false) to hide the preview and re-center the form.

Screenshots that show the changes (if applicable):
image

@suprajamannava17 suprajamannava17 linked an issue Apr 11, 2025 that may be closed by this pull request
Copy link
Collaborator

@bhumulanandinireddy bhumulanandinireddy left a comment

Choose a reason for hiding this comment

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

@suprajamannava17 code logic looks good to me but, there are some changes according to the alignment ( it should be looking same like it was in the current preview panel) some space between the search terms the below image is the main branch's alinement for it.
image

And the other one is for the file heading and the search term should be in the middle of the page instead of beginning from the front.

image

@bhumulanandinireddy
Copy link
Collaborator

@suprajamannava17 any update on the changes

@kungfuchicken
Copy link
Contributor

@suprajamannava17 I noticed if I closed the preview panel, I could not get it to reopen without deleting my search and starting over. It would be good if it could be easily re-opoened if accidentally closed.

Also, one thing @bhumulanandinireddy and I talked about was having the preview panel slide in on an animation. maybe that's a separate issue, but the more I think about it the more I (irrationally) want to see it implemented 😄

@suprajamannava17
Copy link
Collaborator Author

@suprajamannava17 I noticed if I closed the preview panel, I could not get it to reopen without deleting my search and starting over. It would be good if it could be easily re-opoened if accidentally closed.

Also, one thing @bhumulanandinireddy and I talked about was having the preview panel slide in on an animation. maybe that's a separate issue, but the more I think about it the more I (irrationally) want to see it implemented 😄

Even if the preview is accidentally closed, you can click on "Preview" again to view the results for the current search. If you need to make any modifications, you can update the inputs and click "Preview" to see the latest results.

However, I just realized there's an issue with the file changes — if the old files are deleted and new ones are added, the results still show data for all the previous files. I’ll work on fixing this and also add the animations.

Thanks for pointing out the issue — I didn’t notice it until now.

@bhumulanandinireddy
Copy link
Collaborator

bhumulanandinireddy commented Apr 21, 2025

@suprajamannava17 can you raise a PR with the updated code ? we need to work on it asap and make our product ready by 30th April for the presentations

@bhumulanandinireddy
Copy link
Collaborator

@suprajamannava17
I am not able to test the PR you raised. When I checkout to your branch, I am getting a lot of console errors, and the ORCA page is not loading properly. For reference, I have placed a screenshot below. If there are any steps I need to follow, please let me know in the comments — that would be helpful.

image

@suprajamannava17
Copy link
Collaborator Author

image
I am not seeing any errors on my system — everything is working perfectly.
I have also attached a screenshot for reference.
The only package I have installed is framer-motion, which I had already mentioned.
I don't believe I have added anything else.

@kungfuchicken
Copy link
Contributor

@suprajamannava17 If you can resolve the conflicts on this, I'll give it a review. I think you were onto something good with this update, and I'd like to see your hard work pay off.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

ORCA Log Extraction - Inline Preview Panel

3 participants