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

fix(react-components): adopt Cogs chips and fix 360 image details panel appearance #4651

Merged
merged 6 commits into from
Jul 1, 2024

Conversation

haakonflatval-cognite
Copy link
Contributor

@haakonflatval-cognite haakonflatval-cognite commented Jul 1, 2024

Type of change

Chore

Jira ticket 📘

https://cognitedata.atlassian.net/browse/

Description 📝

Migrate components according to Cogs.js adoption plan.

This grew a bit out of it's original plans, but the change seems sort-of necessary: The Image360 panel would not always show up when entering 360 panels because of some React re-rendering shenanigans - the 360 image container is temporarily unmounted after getting added, and we did not properly react to when it was added anew. This PR fixes the second problem - the 360 is still mounted twice, but we now correctly react to it (by using the use360Collections hook, and making sure the resource count includes 360 images).

Aside from that, I've simplified two occurrences of cogs.js chips as part of the cogs-adaption.

How has this been tested? 🔍

Test instructions ℹ️

Checklist ☑️

  • I am proud of this feature.
  • I have performed a self-review of my own code.
  • I have added PR type (Feat, Bug, Chore, Test, Docs, Style, Refactor) to the PR title.
  • I have manually tested this for different scenarios (different models, formats, devices, browsers).
  • I have commented my code in hard-to-understand areas.
  • I have made corresponding changes to the public documentation.
  • I have added unit and visuals tests to prove that my feature works to the best of my ability.
  • I have refactored the code for readability to the best of my ability.
  • I have checked that my changes do not introduce regressions in the public documentation.
  • I have outlined any known defects / lacking capabilities in the contents of this PR.
  • I have listed any remaining work that should follow this PR in the description or jira/miro/etc.
  • I have added TSDoc to any public facing changes.
  • I have added "developer documentation" in any package README.md that is related / applicable to this PR.
  • I have noted down and am currently tracking any technical debt introduced in this PR.
  • I have thoroughly thought about the architecture of this implementation.
  • I have asked peers to test this feature.

@haakonflatval-cognite haakonflatval-cognite changed the title chore: adopt Cogs CounterChip in layers list chore: adopt Cogs chips and fix 360 image details panel appearance Jul 1, 2024
@haakonflatval-cognite haakonflatval-cognite changed the title chore: adopt Cogs chips and fix 360 image details panel appearance fix(react-components): adopt Cogs chips and fix 360 image details panel appearance Jul 1, 2024
Copy link
Contributor

@danpriori danpriori left a comment

Choose a reason for hiding this comment

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

one comment but LGTM

@@ -44,7 +45,7 @@ export function CadModelContainer({
addModel(addModelOptions, transform)
.then((model) => {
onLoad?.(model);
setRevealResourcesCount(viewer.models.length);
setRevealResourcesCount(getViewerResourceCount(viewer));
Copy link
Contributor

Choose a reason for hiding this comment

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

Super! Way better IMO :)

@haakonflatval-cognite haakonflatval-cognite merged commit a495cc7 into master Jul 1, 2024
14 checks passed
@haakonflatval-cognite haakonflatval-cognite deleted the hflatval/adopt-counter-chip branch July 1, 2024 12:52
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.

2 participants