WIP

trezor · Nov 7, 2024 · fb7a053 · fb7a053
1 parent 40143d6
commit fb7a053
Show file tree

Hide file tree

Showing 5 changed files with 33 additions and 14 deletions.
diff --git a/eslint-local-rules/rules.ts b/eslint-local-rules/rules.ts
@@ -1,4 +1,5 @@
 import type { Rule } from 'eslint';
+import { Button } from '@trezor/components/libDev/src';
 
 export default {
     'no-override-ds-component': {
@@ -56,14 +57,32 @@ export default {
                 TaggedTemplateExpression(node) {
                     if (
                         node.tag.type === 'CallExpression' &&
-                        node.tag.callee.name === 'styled' &&
-                        node.tag.arguments[0].type === 'Identifier'
+                        node.tag.callee.name === 'styled' // &&
+                        // node.tag.arguments[0].type === 'Identifier'
                     ) {
                         const componentName = node.tag.arguments[0].name;
 
+                        // if (componentName === 'Button') {
+                        //     console.log('componentName', componentName);
+                        //     console.log('importedComponents', importedComponents);
+                        // }
+
+                        // if (componentName === 'Button') {
+                        // throw new Error('test');
+                        // }
+
                         // Check if component name matches any imported component from the specified packages
                         for (const [pkgName, components] of importedComponents) {
+                            console.log(
+                                components,
+                                'has',
+                                componentName,
+                                components.has(componentName),
+                            );
+
                             if (components.has(componentName)) {
+                                console.log('reporting...', pkgName, node.tag.arguments[0].name);
+
                                 context.report({
                                     node,
                                     messageId: 'avoidStyledComponent',

diff --git a/packages/protobuf/eslint.config.mjs b/packages/protobuf/eslint.config.mjs
diff --git a/packages/protobuf/package.json b/packages/protobuf/package.json
@@ -39,7 +39,6 @@
         "protobufjs": "7.4.0"
     },
     "devDependencies": {
-        "@trezor/eslint": "workspace:*",
         "protobufjs-cli": "^1.1.3",
         "tsx": "^4.16.3"
     },

diff --git a/.../suite/src/views/wallet/staking/components/EthStakingDashboard/components/StakingCard.tsx b/.../suite/src/views/wallet/staking/components/EthStakingDashboard/components/StakingCard.tsx
@@ -1,7 +1,7 @@
 import styled, { useTheme } from 'styled-components';
 
 import { BigNumber } from '@trezor/utils/src/bigNumber';
-import { Badge, Button, Card, Icon, Row, Tooltip, variables } from '@trezor/components';
+import { Badge, Button, Card, Icon, IconButton, Row, Tooltip, variables } from '@trezor/components';
 import { spacings, spacingsPx } from '@trezor/theme';
 import { selectAccountStakeTransactions } from '@suite-common/wallet-core';
 import { getAccountEverstakeStakingPool, isPending } from '@suite-common/wallet-utils';
@@ -56,8 +56,18 @@ const ButtonsWrapper = styled.div`
     flex-wrap: wrap;
 `;
 
+const x = styled(IconButton)``;
+
+const y = styled(Button);
+
+const z = styled(Card)``;
+
+console.log(x, y, z);
+
 // eslint-disable-next-line local-rules/no-override-ds-component
-const StyledButton = styled(Button).attrs(props => ({
+const StyledButtonToTriggerLint = styled(Button)``;
+
+const StyledButton = StyledButtonToTriggerLint.attrs(props => ({
     ...props,
     variant: 'tertiary',
     type: 'button',

diff --git a/yarn.lock b/yarn.lock
@@ -11652,7 +11652,6 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@trezor/protobuf@workspace:packages/protobuf"
   dependencies:
-    "@trezor/eslint": "workspace:*"
     "@trezor/schema-utils": "workspace:*"
     protobufjs: "npm:7.4.0"
     protobufjs-cli: "npm:^1.1.3"