Maryam
Maryam copied to clipboard
saeeddhqan
Web interface for iris module latest version(2.5.2)
Fixes #
Resolves
add web interface for the iris module
Checklist
- [x] I have read the Contribution & Best practices Guideline.
- [x] My branch is up-to-date with the Upstream
masterbranch. - [x] The acceptance, integration, unit tests pass locally with my changes
- [x] I have added tests that prove my fix is effective or that my feature works
- [x] I have added necessary documentation (if appropriate)
is it okay to have this error: sh: 1: react-scripts: not found What is the endpoint for the iris?
react-scripts: not found," typically occurs when the react-scripts package is missing or not installed correctly. This package is required for running and building React applications.
- Please make sure that you have Node.js and npm (Node Package Manager) installed on your system.
- After running the command "pip install -e ." to set up Maryam, please navigate to the path "Maryam/core/web/web_interface" and verify the existence of the "node_modules" directory.
and When I try to run the web interface, no errors appear in my terminal.
If Node.js is a requirement, please verify that it exists before running the server. If it does not exist, print a message.
I have completed all the necessary changes. Please take a moment to review the Pull Request again and verify the modifications. If you have any further feedback or suggestions, let me know. Thank you
Remove this section:
Remove this section:
This section is terrible:
Put the logo on the right side. And crop the logo like this:
The query should remain in the form. The search form has a pink square. Remove it.
Use this color for the background: #000d02
And the black color for the header section: #000
Make the search form precisely like startpage.com.
Remove icons from this section:
Add something like this to the footer, left side:
The color is #174d07.
Change the title to Iris. Not Iris web interface.
Please correct the home form too:
Change the home bc color to: #000d02.
The home owasp logo is too big. Make it smaller and crop it as I said above.
In this particular section, I am retaining the code in the code base but making use of the <Search hideShortCut /> feature.
the result looks like
I have created a design for the search header field that I believe matches your requirements. If you approve the design, I will proceed with implementing it.
I believe I have resolved all the errors in the UI and made the necessary updates to the web interface based on your suggestions. The final result looks like this.
I kindly request you review my pull request once again
Much better.
- Now, when I click on the search form, it shows a pink border. Resolve it. Make it like startpage.com, go to the website and when you click on the form, it shows a light purple color.
- Add an under construction section to the image tab or hide it.
The search form now has a border added, and the image tab has been hidden on the search result page. Please review the pull request
Check this error:
When I go to the http://localhost:3000/search without sending a request for the backend:
You need to redirect them to the index page. It's like going to the https://www.startpage.com/sp/search without a query.
Alright, I'll change the border color of the search box to a light purple. Additionally, I'll fix the existing error. Lastly, I'll add the functionality to redirect users to the index page.
I don't understand which pink rectangle you're referring to. Could you please share a picture or image of the pink rectangle with me?
I have made all the necessary adjustments based on your suggestions. Please review the changes accordingly
I believe I have resolved this error, but could you please confirm if you encountered the same issue?
I still see the pink rectangle. And it does not show anything. I tried iris and it works but the web interface does not show anything.