-
Notifications
You must be signed in to change notification settings - Fork 46
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Create Channel + Channel Dashboard + Chain Alias + Send notification …
…feature (#1782) * Dapp 1752 send notif (#1775) * New Channel Creation flow UI * added common stepper * fixed stepper * fixed stepper * fixed stepper * Changed the Stepper flow * added layout * send notif * Add new chain to a channel (#1723) * added basic layout * finished ui * added fixes * addes stepper * added layout of select * fixed width of the popover * fixed alignment * added review comments * fixed form code * removed Box from select * added form context wrapper * moved validation outside * Update index.ts * added formik * New Channel Creation Flow (#1710) * New Channel Creation Flow based on new UI * Function implementation of the create Channel * Added New Page when chain is diff * Fixed the navigation for channel creation flow * Pulled the main to change the theme way * Removed the new createChannel route * Removed faucet duplication * Fixed issue with the text and text color * Fixed the imports and other issues * Resolved the stepper issue * Fixed the input validation and also added validaiton msg * fxed error validations * import fixes * refactoring done * Fixed the stepper steps prop * File upload moved to blocks and form is also corrected for ChannelInfo * Created Alert Block just for error * Removed hidden prop fro file upload and also fixed the stake fees error comment --------- Co-authored-by: rohitmalhotra1420 <[email protected]> * fixed mobile view * fixed mobile view * fixed enter key * added missing things in select * channel dashboard fix * fixed the navigation issue * fixed the navigation issue * fixed review issues --------- Co-authored-by: abhishek-01k <[email protected]> Co-authored-by: Abhishek <[email protected]> Co-authored-by: rohitmalhotra1420 <[email protected]> * Dapp 1703 channel creation flow UI (#1776) * New Channel Creation flow UI * added common stepper * fixed stepper * fixed stepper * New Channel Creation Flow based on new UI * fixed stepper * Function implementation of the create Channel * Changed the Stepper flow * Added New Page when chain is diff * Fixed the navigation for channel creation flow * Pulled the main to change the theme way * Removed the new createChannel route * Removed faucet duplication * Fixed issue with the text and text color * Fixed the imports and other issues * Resolved the stepper issue * Fixed the input validation and also added validaiton msg * fxed error validations * import fixes * refactoring done * Add new chain to a channel (#1723) * added basic layout * finished ui * added fixes * addes stepper * added layout of select * fixed width of the popover * fixed alignment * added review comments * fixed form code * removed Box from select * added form context wrapper * moved validation outside * Update index.ts * Fixed the stepper steps prop * File upload moved to blocks and form is also corrected for ChannelInfo * Created Alert Block just for error * Removed hidden prop fro file upload and also fixed the stake fees error comment --------- Co-authored-by: Monalisha Mishra <[email protected]> Co-authored-by: rohitmalhotra1420 <[email protected]> Co-authored-by: Monalisha Mishra <[email protected]> * Dapp 1704 alias verification (#1777) * New Channel Creation flow UI * added common stepper * added basic layout * finished ui * added fixes * fixed stepper * addes stepper * fixed stepper * fixed stepper * Changed the Stepper flow * added layout of select * fixed width of the popover * fixed alignment * added review comments * fixed form code * removed Box from select * added form context wrapper * moved validation outside * Update index.ts --------- Co-authored-by: abhishek-01k <[email protected]> Co-authored-by: rohitmalhotra1420 <[email protected]> * Created different routes for Create Channel and Channel Dashboard * Created Channel Dashboard Header and App Footer, also added listSemantics and modified MenuItem.ts file * Added Notification Settings in the dashboard body * Channel Delegates and Get Delegates functionality * Add Delegate and Remove Delegate Functionality added * Deactivate Channel Func added * Added Subgraph component and also used Uint8Array as type * Added token faucet and Reactivate channel function * Added Alert block and also added inline error in the components * Edit Channel Component and Function added * Fixed the build error * Revert "Fixed the build error" This reverts commit 464ce63. * Revert "Edit Channel Component and Function added" This reverts commit c8a440e. * Created New file for edit channel just UI * Edit Channel Functionality added * Changed the route for CreateChannel on Navigation * Check For Changes are implemented in EditChannel * Added tooltip and attached dashboard to notification setting page * Fixed the schematic issue in create channel * Fixed the Send Notification issue and updated Navigation file * Added space between balance and number * Changed the tooltip from description to title * fixed review comments * Fixed the issues on the Channel flow 1 * Fixed the connect modal on create channel and also fixed the overlay for blocknative modal * added frontend fixes * added frontend fixes * added frontend fixes * Added support for differnet chains on dashboard * added select close on scroll * added event removal * alais fixes * added event removal * Fixed the alias featured on the dashboard * added event removal * Fixed the displaying of channel details on dashboard for alias addresses * added validations * fixed review comments * Fixed poling of channel details for the alias condition * fixed ui * fixed closing of unlock in send notif * added fixes * fixed alias issues * Fixed the tag color and the sidebar send notification disappearing issur * Added verified alias logo to the dashboard header --------- Co-authored-by: Monalisha Mishra <[email protected]> Co-authored-by: rohitmalhotra1420 <[email protected]> Co-authored-by: Monalisha Mishra <[email protected]>
- Loading branch information
4 people
authored
Aug 20, 2024
1 parent
ca79638
commit 5add89b
Showing
159 changed files
with
7,419 additions
and
413 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,48 @@ | ||
| import { DragEventHandler, FC, forwardRef, ReactNode } from 'react'; | ||
| import styled, { FlattenSimpleInterpolation, css } from 'styled-components'; | ||
|
|
||
| export type FileUploadProps = { | ||
| children?: ReactNode; | ||
| css?: FlattenSimpleInterpolation; | ||
| disabled?: boolean; | ||
| onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void; | ||
| onDrop?: DragEventHandler; | ||
| id: string; | ||
| }; | ||
|
|
||
| const Container = styled.div<{ css?: FlattenSimpleInterpolation }>` | ||
| align-items: center; | ||
| display: flex; | ||
| flex-direction: column; | ||
| flex: 1 0 0; | ||
| gap: var(--spacing-xxs, 8px); | ||
| /* Custom CSS applied via styled component css prop */ | ||
| ${(props) => props.css || ''}; | ||
| `; | ||
|
|
||
|
|
||
| export const FileUpload = forwardRef<HTMLInputElement, FileUploadProps>( | ||
| ({ disabled, children, onChange, onDrop, id }, ref) => { | ||
|
|
||
| const handleDragOver: DragEventHandler<HTMLDivElement> = (e) => { | ||
| e.preventDefault(); | ||
| }; | ||
|
|
||
|
|
||
| return ( | ||
| <Container ref={ref} onDrop={onDrop} onDragOver={handleDragOver}> | ||
| {children} | ||
| <input | ||
| id={id} | ||
| type="file" | ||
| accept="image/*" | ||
| hidden={true} | ||
| disabled={!!disabled} | ||
| {...(disabled ? { 'aria-disabled': true } : {})} | ||
| onChange={onChange} | ||
| /> | ||
| </Container> | ||
| ); | ||
| } | ||
| ); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1 @@ | ||
| export * from './FileUpload'; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,47 @@ | ||
| import { FC } from 'react'; | ||
| import { IconWrapper } from '../IconWrapper'; | ||
| import { IconProps } from '../Icons.types'; | ||
|
|
||
| const BellSimpleSlash: FC<IconProps> = (allProps) => { | ||
| const { svgProps: props, ...restProps } = allProps; | ||
| return ( | ||
| <IconWrapper | ||
| componentName="BellSimpleSlash" | ||
| icon={ | ||
| <svg | ||
| width="inherit" | ||
| height="inherit" | ||
| viewBox="0 0 24 24" | ||
| fill="none" | ||
| xmlns="http://www.w3.org/2000/svg" | ||
| {...props} | ||
| > | ||
| <path | ||
| d="M5.52783 4.4353L19.3386 19.6" | ||
| stroke="currentColor" | ||
| stroke-width="1.5" | ||
| stroke-linecap="round" | ||
| stroke-linejoin="round" | ||
| /> | ||
| <path | ||
| d="M7.42357 6.49341C7.04446 6.90863 6.28622 8.18319 6.28622 9.95964C6.28622 12.1802 5.85294 15.8631 4.39062 17.4337H17.2265" | ||
| stroke="currentColor" | ||
| stroke-width="1.5" | ||
| stroke-linecap="round" | ||
| stroke-linejoin="round" | ||
| /> | ||
| <path | ||
| d="M9.59013 20.25H15.3852M9.31934 4.70613C10.6192 3.80347 13.9554 2.73472 16.9017 5.68101C17.2912 6.07049 18.4295 7.23159 18.5807 10.9345C18.6168 11.8191 18.8731 14.0541 19.6097 15.9172" | ||
| stroke="currentColor" | ||
| stroke-width="1.5" | ||
| stroke-linecap="round" | ||
| stroke-linejoin="round" | ||
| /> | ||
| </svg> | ||
| } | ||
| {...restProps} | ||
| /> | ||
| ); | ||
| }; | ||
|
|
||
| export default BellSimpleSlash; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,27 @@ | ||
| import { FC } from 'react'; | ||
| import { IconWrapper } from '../IconWrapper'; | ||
| import { IconProps } from '../Icons.types'; | ||
|
|
||
| const CircleFilled: FC<IconProps> = (allProps) => { | ||
| const { svgProps: props, ...restProps } = allProps; | ||
| return ( | ||
| <IconWrapper | ||
| componentName="CircleFilled" | ||
| icon={ | ||
| <svg | ||
| xmlns="http://www.w3.org/2000/svg" | ||
| width="inherit" | ||
| height="inherit" | ||
| viewBox="0 0 8 8" | ||
| fill="none" | ||
| {...props} | ||
| > | ||
| <circle cx="4" cy="4" r="4" fill="currentColor" /> | ||
| </svg> | ||
| } | ||
| {...restProps} | ||
| /> | ||
| ); | ||
| }; | ||
|
|
||
| export default CircleFilled; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,47 @@ | ||
| import { FC } from 'react'; | ||
| import { IconWrapper } from '../IconWrapper'; | ||
| import { IconProps } from '../Icons.types'; | ||
|
|
||
| const CloudUpload: FC<IconProps> = (allProps) => { | ||
| const { svgProps: props, ...restProps } = allProps; | ||
| return ( | ||
| <IconWrapper | ||
| componentName="CloudUpload" | ||
| icon={ | ||
| <svg | ||
| xmlns="http://www.w3.org/2000/svg" | ||
| width="inherit" | ||
| height="inherit" | ||
| viewBox="0 0 53 52" | ||
| fill="none" | ||
| {...props} | ||
| > | ||
| <path | ||
| d="M16.1888 26.3978L26.7966 15.7901L37.4043 26.3978" | ||
| stroke="#C4CBD5" | ||
| stroke-width="2.5" | ||
| stroke-linecap="round" | ||
| stroke-linejoin="round" | ||
| /> | ||
| <path | ||
| d="M27.0618 50.0001V16.8509" | ||
| stroke="#C4CBD5" | ||
| stroke-width="2.5" | ||
| stroke-linecap="round" | ||
| stroke-linejoin="round" | ||
| /> | ||
| <path | ||
| d="M21.4927 35.4144H11.1502C8.05625 35.0608 1.86841 32.4972 1.86841 25.0718C1.86841 17.6464 8.05625 14.9061 11.1502 14.4641C11.769 10.3094 15.6585 2 26.2662 2C39.2607 2 41.0286 10.8398 41.9126 16.0553C45.0065 15.9669 51.4596 19.2906 51.4596 26.9282C51.2828 29.7569 49.6032 35.4144 44.2993 35.4144C38.9955 35.4144 34.1336 35.4144 32.3656 35.4144" | ||
| stroke="#C4CBD5" | ||
| stroke-width="2.5" | ||
| stroke-linecap="round" | ||
| stroke-linejoin="round" | ||
| /> | ||
| </svg> | ||
| } | ||
| {...restProps} | ||
| /> | ||
| ); | ||
| }; | ||
|
|
||
| export default CloudUpload; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,40 @@ | ||
| import { FC } from 'react'; | ||
| import { IconWrapper } from '../IconWrapper'; | ||
| import { IconProps } from '../Icons.types'; | ||
|
|
||
| const CrownSimple: FC<IconProps> = (allProps) => { | ||
| const { svgProps: props, ...restProps } = allProps; | ||
| return ( | ||
| <IconWrapper | ||
| componentName="CrownSimple" | ||
| icon={ | ||
| <svg | ||
| xmlns="http://www.w3.org/2000/svg" | ||
| width="inherit" | ||
| height="inherit" | ||
| viewBox="0 0 32 33" | ||
| fill="none" | ||
| {...props} | ||
| > | ||
| <g clip-path="url(#clip0_5441_8171)"> | ||
| <path | ||
| d="M5.84358 26.76H26.1623C26.4231 26.7601 26.6755 26.6792 26.8752 26.5315C27.075 26.3838 27.2093 26.1789 27.2546 25.9526L30.4013 13.2489C30.4408 13.0399 30.4021 12.8252 30.2911 12.6372C30.18 12.4492 30.0027 12.2981 29.7857 12.2067C29.5687 12.1153 29.3239 12.0885 29.0881 12.1305C28.8523 12.1724 28.6384 12.2807 28.4786 12.4391L22.6567 17.9652L17.0093 6.80669C16.9204 6.63745 16.7784 6.49416 16.6001 6.39374C16.4218 6.29332 16.2146 6.23996 16.003 6.23996C15.7913 6.23996 15.5841 6.29332 15.4058 6.39374C15.2275 6.49416 15.0855 6.63745 14.9966 6.80669L9.34925 17.9652L3.52726 12.4391C3.36781 12.2784 3.15302 12.1681 2.91574 12.1251C2.67846 12.0821 2.43173 12.1088 2.21327 12.201C1.99481 12.2933 1.81663 12.446 1.70597 12.6359C1.59531 12.8258 1.55825 13.0424 1.60046 13.2526L4.74711 25.9563C4.79341 26.1825 4.92872 26.3871 5.12926 26.5341C5.3298 26.6811 5.58273 26.7611 5.84358 26.76Z" | ||
| stroke="currentColor" | ||
| stroke-width="2" | ||
| stroke-linecap="round" | ||
| stroke-linejoin="round" | ||
| /> | ||
| </g> | ||
| <defs> | ||
| <clipPath id="clip0_5441_8171"> | ||
| <rect width="32" height="32" fill="white" transform="translate(0 0.5)" /> | ||
| </clipPath> | ||
| </defs> | ||
| </svg> | ||
| } | ||
| {...restProps} | ||
| /> | ||
| ); | ||
| }; | ||
|
|
||
| export default CrownSimple; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,39 @@ | ||
| import { FC } from 'react'; | ||
| import { IconWrapper } from '../IconWrapper'; | ||
| import { IconProps } from '../Icons.types'; | ||
|
|
||
| const Cube: FC<IconProps> = (allProps) => { | ||
| const { svgProps: props, ...restProps } = allProps; | ||
| return ( | ||
| <IconWrapper | ||
| componentName="Cube" | ||
| icon={ | ||
| <svg | ||
| width="inherit" | ||
| height="inherit" | ||
| viewBox="0 0 24 24" | ||
| fill="none" | ||
| xmlns="http://www.w3.org/2000/svg" | ||
| {...props} | ||
| > | ||
| <path | ||
| d="M11.8471 12.1528L4.6665 7.95139L11.8471 3.75L19.3332 7.95139L11.8471 12.1528Z" | ||
| stroke="currentColor" | ||
| stroke-width="1.5" | ||
| stroke-linejoin="round" | ||
| /> | ||
| <path | ||
| d="M4.6665 8.02783V16.457L11.8471 20.2501L19.3332 16.457V8.02783" | ||
| stroke="currentColor" | ||
| stroke-width="1.5" | ||
| stroke-linejoin="round" | ||
| /> | ||
| <path d="M11.8472 20.2501V12.1528" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round" /> | ||
| </svg> | ||
| } | ||
| {...restProps} | ||
| /> | ||
| ); | ||
| }; | ||
|
|
||
| export default Cube; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.