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

Dapps modals #2490

Open
wants to merge 8 commits into
base: main
Choose a base branch
from

Conversation

varunguleriaCodes
Copy link

Description and Related Issue(s)

This is a pr for #2454

Proposed Changes

Added a popup for an external dapp as specified in #2454

Additional Information

[Include any additional information, context, or screenshots that may be helpful for reviewers.]
Pc View
Screenshot from 2025-01-02 00-28-24

Mobile View
Screenshot from 2025-01-02 00-28-58

Checklist for PR author

  • [Done ] I have tested these changes locally.

@isstuev
Copy link
Collaborator

isstuev commented Jan 2, 2025

Hi @varunguleriaCodes
Thank you for contributing.
Actually we already have dapp modal implemented on the dapps page, so no need to implement it again.
ui/marketplace/MarketplaceAppModal.tsx
image

All we need to change in this task is to open /apps page (with a given dapp modal opened) instead of dapp link (only for external dapps).

Copy link
Collaborator

@isstuev isstuev left a comment

Choose a reason for hiding this comment

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

please use an existing page and component

@varunguleriaCodes
Copy link
Author

Hi @isstuev , got it working on suggested changes

@varunguleriaCodes
Copy link
Author

Hi @isstuev implemented the suggested changes.

if (selectedAppId) {
setSelectedAppId(selectedAppId);
setIsAppInfoModalOpen(true);
const newQuery = { ...router.query };
Copy link
Collaborator

Choose a reason for hiding this comment

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

please use frontend/lib/router/removeQueryParam.ts

@@ -1,5 +1,6 @@
import { Image, Flex, Text, useColorModeValue } from '@chakra-ui/react';
Copy link
Collaborator

Choose a reason for hiding this comment

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

We also have Search Results page where apps can also be displayed, I suppose we need to implement the same logic there
frontend/ui/searchResults/SearchResultTableItem.tsx
frontend/ui/searchResults/SearchResultListItem.tsx

@varunguleriaCodes
Copy link
Author

Hi @isstuev , I have added the changes, also changed useEffect in rating components, as when I was redirecting in a new tab to /apps this error showed "maximum update depth error reached"

@tom2drum
Copy link
Collaborator

tom2drum commented Jan 6, 2025

@varunguleriaCodes Our tests are failing because the SearchBar component now relies on the router implementation. Can you pass the router mock here, similar to other instances (example)? That should fix the tests.

@varunguleriaCodes
Copy link
Author

varunguleriaCodes commented Jan 6, 2025

Hi @tom2drum ,Done

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.

3 participants