add fetch data on component

Vaz-Tiago · May 15, 2022 · b5acc0e · b5acc0e
1 parent b7ff0cc
commit b5acc0e
Show file tree

Hide file tree

Showing 8 changed files with 239 additions and 20 deletions.
diff --git a/.env.example b/.env.example
@@ -0,0 +1 @@
+AV_TOKEN=
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -30,9 +30,11 @@
   },
   "devDependencies": {
     "@types/jest": "^27.0.3",
+    "@types/node": "^17.0.33",
     "jest": "^27.4.5",
     "jest-cli": "^27.4.5",
-    "puppeteer": "^10.0.0"
+    "puppeteer": "^10.0.0",
+    "rollup-plugin-dotenv": "^0.3.0"
   },
   "license": "MIT"
 }
diff --git a/src/components.d.ts b/src/components.d.ts
@@ -12,6 +12,7 @@ export namespace Components {
         "titleMenu": string;
     }
     interface VazStockPrice {
+        "stockSymbol": string;
     }
     interface VazTooltip {
         "opened": boolean;
@@ -50,6 +51,7 @@ declare namespace LocalJSX {
         "titleMenu"?: string;
     }
     interface VazStockPrice {
+        "stockSymbol"?: string;
     }
     interface VazTooltip {
         "opened"?: boolean;

diff --git a/src/components/stock-price/stock-price.css b/src/components/stock-price/stock-price.css
@@ -36,3 +36,10 @@ form button:active {
   color: var(--color-orange-hovered);
   border-color: var(--color-orange-hovered);
 }
+
+form button:disabled {
+  background: #ccc;
+  border-color: #ccc;
+  color: var(--color-blue);
+  cursor: not-allowed;
+}