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

Rethink Atlas layout and components #457

Closed
wants to merge 20 commits into from
Closed

Rethink Atlas layout and components #457

wants to merge 20 commits into from

Conversation

steveoh
Copy link
Member

@steveoh steveoh commented Jul 25, 2024

  • Use design system components
  • Remove bootstrap css

Copy link

github-actions bot commented Jul 25, 2024

Visit the preview URL for this PR (updated for commit fbd5bdd):
Firebase Preview: https://ut-dts-agrc-atlas-dev-d3e52--style-tailwind-0mo9h6gz.web.app
(expires "2024-08-13T22:42:47.105340065Z" )

@steveoh
Copy link
Member Author

steveoh commented Jul 25, 2024

well this is a new issue.
image

@steveoh steveoh requested a review from stdavis July 25, 2024 20:00
Copy link
Member

@stdavis stdavis left a comment

Choose a reason for hiding this comment

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

Looking nice!

A few things:

  • layer selector background is transparent
  • the map doesn't seem to be zooming on geocode or sherlock match
  • did you mean to round the map corners more in dark mode?

@@ -1,18 +1,19 @@
{
"name": "@ugrc/atlas",
"version": "5.4.14",
"version": "5.4.13",
Copy link
Member

Choose a reason for hiding this comment

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

Suggested change
"version": "5.4.13",
"version": "5.4.14",

Did you mean to do this?

Copy link
Member Author

Choose a reason for hiding this comment

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

This was maybe a rebase from main since the next version is .15

package.json Outdated Show resolved Hide resolved
Copy link
Member

Choose a reason for hiding this comment

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

Can these fonts be loaded via google fonts to simplify our project tree?

Copy link
Member Author

Choose a reason for hiding this comment

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

i like the idea of supporting both ways

import { BootstrapDartboard as FindAddress } from '@ugrc/dart-board';
import Sherlock, { WebApiProvider } from '@ugrc/sherlock';
import {
Drawer,
Copy link
Member

Choose a reason for hiding this comment

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

Should this component be moved into Atlas since it's dependent on the app structure?

Copy link
Member Author

Choose a reason for hiding this comment

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

i'm not sure yet.

src/App.jsx Outdated Show resolved Hide resolved
Comment on lines +33 to +39
// mapComponent.current = new EsriMap();

mapComponent.current = new WebMap({
portalItem: {
id: '80c26c2104694bbab7408a4db4ed3382',
},
});
Copy link
Member

Choose a reason for hiding this comment

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

This is pointing to the UIC web map. We either need to create one specific to Atlas or build a map with the API directly. I'm not sure what advantage there is to creating a web map for atlas since it wouldn't have any layers.

Copy link
Member Author

Choose a reason for hiding this comment

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

I believe this is a remnant of a race condition in layer selector.

src/components/Sidebar.jsx Outdated Show resolved Hide resolved
@steveoh steveoh marked this pull request as draft July 26, 2024 00:17
@steveoh
Copy link
Member Author

steveoh commented Jul 26, 2024

Sorry, I didn't think the draft pr was trying to de deployed and this wasn't ready for a review. I wanted to share the layout with you and others who can't run it locally. But thank you for taking a look at it!

  1. The layer selector was probably piggy backing on some bootstrap styles and I've started to rewrite the component.
  2. Nothing is expected to be functioning with the map at the moment but sherlock and dartboard do their parts
  3. Yes I did round the corners more in dark mode and i'm surprised you noticed :)

this requires linking @ugrc/utah-design-system
@steveoh
Copy link
Member Author

steveoh commented Jul 30, 2024

closing in favor of dev so deploy previews work.

@steveoh steveoh closed this Jul 30, 2024
@steveoh steveoh deleted the style/tailwind branch July 30, 2024 22:43
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