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

Migrate to react #351

Merged
merged 48 commits into from
Dec 19, 2022
Merged

Migrate to react #351

merged 48 commits into from
Dec 19, 2022

Conversation

reglim
Copy link
Contributor

@reglim reglim commented Dec 6, 2022

I recreated the whole project in React as Vue 2 is not supported anymore and the transition to Vue 3 proved difficult. While we were at it, I also improved the style a bit by making it more intuitive and modern, especially on the Delete, Claim and Upload Page. I also added the Search Banner and Search Page that were removed from the PR #320

image

image

image

image

image

image

fixes: #324

@reglim reglim force-pushed the 324-migrate-to-react branch 17 times, most recently from 04d8069 to 4cbf691 Compare December 13, 2022 07:06
Copy link
Member

@randombenj randombenj left a comment

Choose a reason for hiding this comment

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

Absolutely fantastic work, thanks so much!!

web/.env Outdated
@@ -0,0 +1,2 @@
REACT_APP_BACKEND_PORT=5000
Copy link
Member

Choose a reason for hiding this comment

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

Is this still needed with the local dev proxy? Also does not match with the docs :)

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Yeah, I just checked, that is something that was left over. The way it is documented is correct here, we need a BACKEND_PORT and a BACKEND_HOST variable that are used to configure the proxy.

Copy link
Contributor Author

Choose a reason for hiding this comment

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

I removed the whole file, I'd recommend using a .env.development.local file anyway, as documented.

web/package.json Outdated
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test --watchAll=false --testMatch **/src/**/*.test.ts --passWithNoTests",
"jest": "react-scripts test --watchAll=false --testMatch **/src/**/*.test.ts --passWithNoTests",
Copy link
Member

Choose a reason for hiding this comment

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

Would remove this as 'test' should be enough i guess?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

I think the pipline uses npm jest that's why

Copy link
Member

Choose a reason for hiding this comment

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

I would suggest to change this in the pipeline and remove the 'jest' command

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Sounds reasonable 👍

@randombenj
Copy link
Member

@reglim are the shadows in the banner now removed, they are still in the screenshots :)

* If latest was specified, the version with the latest tag is selected
by default
* Removed the version from the link on the home page
* Add The Upload Button to the Help page
* Small Documentation improvements
Data was often fetched more than once, and handling errors was
difficult, so I switched to using SWR (a data fetching library).
Also fixed some bugs with Error Messages.
@reglim
Copy link
Contributor Author

reglim commented Dec 19, 2022

@reglim are the shadows in the banner now removed, they are still in the screenshots :)

Yes, they're gone, I just haven't updated the images yet.

Minor stuff, like using the arrow sytax everywhere and moving some
interface definitions around.
Also, added a message provider for unified banners, and implemented a
rule to disallow projects with names that conflict with pages on docat
web.
@randombenj randombenj merged commit 23d46b7 into main Dec 19, 2022
@reglim reglim deleted the 324-migrate-to-react branch January 4, 2023 10:17
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.

Migrate to React
2 participants