(WIP) Migrate SharedStyle to SharedStyle V2

[hrithik73]

• Migrate the whole app to use SharedStylingV2

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
push-dapp	❌ Failed (Inspect)			Apr 4, 2024 9:15am

[github-actions]

• In the copyToClipboard function, the condition if (navigator && navigator.clipboard) should be improved by adding a check for the clipboard property as well, like if (navigator && navigator.clipboard && navigator.clipboard.writeText).
• In the SpanV2 styled component, the property font-weight should be changed to fontWeight for consistency with other CSS properties in styled-components.
• There is a typo in the fontWeight property in the SpanV2 styled component. It should be fontWeight instead of font-weight.
• The 'background' CSS property in the DropdownItemContainer styled component has an extra quotation mark wrapping the color value. It should be background: red; without the quotes.
• The width property is defined twice in the A styled component. It should be removed to avoid redundancy.

All other aspects of the code seem fine with logic and structure.

Therefore, the final assessment for the code review is:

All looks good.

[abhishek-01k]

Change this H3 to H2V2 or SpanV2 according to V2 styling.

[abhishek-01k]

Span is used. It should change to SpanV2 from V2 styling.

[abhishek-01k]

Item is still used. Change this according to V2 styling.

[github-actions]

In AliasProcessing.js:

1. Typo in the import statement - 'styled' is imported twice. Remove the second import.
2. There are syntax errors in the Tab component. The attributes should be inside curly braces.
3. In the Tab component, the 'ItemHere' is not defined. It should be wrapped in a styled component or imported.
4. In the Step component, the conditional css declaration seems to be missing a closing curly brace.
5. In the Step component, there is a typo in the css property 'border-radius: 13px;'. It should be 'border-radius: 7px;'.
6. In the Line component, 'z-index: -1;' may not have the desired effect. Review if this is intended functionality.

In AliasSetup.js:

1. In the SpanV2 component, 'margin="5px 0px 60px 0px"' is not inside JSX braces.
2. In the FadeLoader component, 'color="#cf1c84"' should be 'color="#cf1c84"'.
3. In the ViewNFTs component, the map function should check if 'NFTObjects' has length before using it.
4. In the ViewNFTs component, the key prop in the ViewNFTItem component should use a unique identifier from the NFTObject.

All looks good.

[github-actions]

In the AliasProcessing.js file:

1. The Tab components are not structured correctly. The attributes should be wrapped in a single object.
2. There are missing opening and closing braces for the Tab components.
3. In the Step component, the conditional logic for styling based on type should be fixed.

In the AliasSetup.js file:

1. There is a typo in 'Compoonents', change it to 'Components'.
2. A typo in 'marginLeft' attribute in SpanV2 component.

In the AllNFTs.js file:

1. A typo in 'import LoaderSpinner' should be 'import LoaderSpinner from'.

In the AllNFTsV2.js file:

1. A similar issue as in AllNFTs.js with 'import LoaderSpinner'.

Please address the mentioned issues in the code files.