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

Dapp 1729 new channel dashboard UI #1751

Conversation

abhishek-01k
Copy link
Collaborator

@abhishek-01k abhishek-01k commented Jul 18, 2024

Pull Request Template

#1729

Description

New Dashboard UI for the channels created by a User

  • Problem/Feature:

Type of Change

  • Bug fix
  • New feature
  • Code refactor
  • Documentation update
  • Other (please describe):

Checklist

  • Quick PR: Is this a quick PR? Can be approved before finishing a coffee.
    • Quick PR label added
  • Not Merge Ready: Is this PR dependent on some other PR/tasks and not ready to be merged right now.
    • DO NOT Merge PR label added

Frontend Guidelines

Build & Testing

  • No errors in the build terminal
  • Engineer has tested the changes on their local environment
  • Engineer has tested the changes on deploy preview

Screenshots/Video with Explanation

  • Before: Explain the previous behavior

  • After: What's changed now

Additional Context

Review & Approvals

  • Self-review completed
  • Code review by at least one other engineer
  • Documentation updates if applicable

Notes

Things left:

  • Edit Channel Functionality needs to be implemented. UI is done, function needs to be implemented
  • Loading state for the functions are left. Need to add loader or skeleton
  • Fix import orders
  • Remove consoles
  • Write Func for Approve PUSH in Reactivate Channel Page.
  • Remove the repetitive functions and make common components for the components which are common in create Channel Flow and channel dashboard component

@abhishek-01k abhishek-01k added the DO NOT MERGE If the PR/task is dependent on some other task add this label to the PR. label Jul 18, 2024
@abhishek-01k abhishek-01k self-assigned this Jul 18, 2024
@rohitmalhotra1420 rohitmalhotra1420 linked an issue Jul 22, 2024 that may be closed by this pull request
@rohitmalhotra1420
Copy link
Collaborator

  • Fix the validation message of Add Delegate.
  • Fix the validation messages in add subgraph details.
  • If I already have a channel and then i change my address in metamask, then the channel logo in the left sidebar is not removed.
  • Fix the link in the footer.
  • We don't reload the page on channel creation. We simply wait for the response of channel details after multiple retries and then redirect the user to the channel details url

@rohitmalhotra1420
Copy link
Collaborator

rohitmalhotra1420 commented Jul 25, 2024

  • Check why multiple network calls are being done when i land on create channel page. It should be one.
  • Disable the create channel button when the push toke are being added from the testnet faucet.
  • Remove Clothing.png file.

src/blocks/icons/components/BellSimpleSlash.tsx Outdated Show resolved Hide resolved
src/blocks/icons/components/CrownSimple.tsx Outdated Show resolved Hide resolved
src/blocks/icons/components/Cube.tsx Outdated Show resolved Hide resolved
src/blocks/textarea/TextArea.tsx Outdated Show resolved Hide resolved
src/common/Common.types.ts Outdated Show resolved Hide resolved
src/modules/editChannel/EditChannel.forms.tsx Outdated Show resolved Hide resolved
src/modules/editChannel/components/EditChannelForm.tsx Outdated Show resolved Hide resolved
src/structure/MasterInterfacePage.tsx Outdated Show resolved Hide resolved
src/structure/MasterInterfacePage.tsx Show resolved Hide resolved

export type ChannelDropdownTypes = {
title: string;
logo: FC<IconProps>;
onClick: () => void;
color: 'text-primary' | 'text-state-danger-bold' | 'text-state-success-bold';
// color: 'text-primary' | 'text-state-danger-bold' | 'text-state-success-bold';
color: '#17181B' | '#D43B3B' | '#00A47F';
Copy link
Collaborator

Choose a reason for hiding this comment

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

@abhishek-01k what's this? not the correct approach.

title: 'Add Subgraph Details',
logo: Cube,
onClick: () => setActiveState('addSubgraph'),
color: '#17181B', //color is used like this because MenuItem has no color prop to pass and it is used as css={css};
Copy link
Collaborator

Choose a reason for hiding this comment

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

@abhishek-01k not the correct approach

Comment on lines 100 to 102
color: ${Item.color};
span {
color: ${Item.color};
Copy link
Collaborator

Choose a reason for hiding this comment

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

@abhishek-01k this needs to be fixed.

Comment on lines 101 to 103
span {
color: ${Item.color};
}
Copy link
Collaborator

Choose a reason for hiding this comment

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

Incorrect approach

@rohitmalhotra1420 rohitmalhotra1420 merged commit 88e0ef5 into Feat-New-Channel-Creation-Flow Jul 27, 2024
1 check failed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
DO NOT MERGE If the PR/task is dependent on some other task add this label to the PR.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

🚀 [New Feature] - New Channel Dashboard UI
3 participants