chore: 🔧 upgrade dependencies

package.json

@@ -19,7 +19,8 @@
     "test": "jest",
     "test:watch": "jest --watch",
     "test:coverage": "jest --coverage",
-    "build:image": "docker build --no-cache -t thunderhub/test ."
+    "build:image": "docker build --no-cache -t thunderhub/test .",
+    "upgrade-latest": "yarn upgrade-interactive --latest"
   },
   "keywords": [],
   "author": "",
@@ -36,14 +37,14 @@
     "graphql-iso-date": "^3.6.1",
     "graphql-rate-limit": "^2.0.1",
     "graphql-tag": "^2.10.3",
-    "intersection-observer": "^0.8.0",
+    "intersection-observer": "^0.10.0",
     "isomorphic-unfetch": "^3.0.0",
     "ln-service": "^48.0.5",
     "lodash.debounce": "^4.0.8",
     "lodash.groupby": "^4.6.0",
     "lodash.merge": "^4.6.2",
     "micro-cors": "^0.1.1",
-    "next": "^9.3.5",
+    "next": "^9.3.6",
     "next-with-apollo": "^5.0.1",
     "numeral": "^2.0.6",
     "qrcode.react": "^1.0.0",
@@ -51,39 +52,39 @@
     "react-copy-to-clipboard": "^5.0.2",
     "react-dom": "^16.13.1",
     "react-feather": "^2.0.8",
-    "react-intersection-observer": "^8.26.1",
+    "react-intersection-observer": "^8.26.2",
     "react-qr-reader": "^2.2.1",
-    "react-spinners": "^0.8.1",
+    "react-spinners": "^0.8.3",
     "react-spring": "^8.0.27",
     "react-toastify": "^5.5.0",
-    "react-tooltip": "^4.2.3",
+    "react-tooltip": "^4.2.5",
     "styled-components": "^5.1.0",
     "styled-react-modal": "^2.0.1",
     "styled-theming": "^2.2.0",
     "underscore": "^1.10.2",
-    "uuid": "^7.0.3",
+    "uuid": "^8.0.0",
     "victory": "^34.1.3",
     "winston": "^3.2.1",
     "zxcvbn": "^4.4.2"
   },
   "devDependencies": {
-    "@babel/core": "^7.9.0",
+    "@babel/core": "^7.9.6",
     "@commitlint/cli": "^8.3.5",
     "@commitlint/config-conventional": "^8.3.4",
-    "@graphql-codegen/cli": "^1.13.2",
-    "@graphql-codegen/introspection": "1.13.2",
-    "@graphql-codegen/typescript": "1.13.2",
-    "@graphql-codegen/typescript-operations": "^1.13.2",
-    "@graphql-codegen/typescript-react-apollo": "1.13.2",
-    "@graphql-codegen/typescript-resolvers": "1.13.2",
-    "@next/bundle-analyzer": "^9.3.5",
+    "@graphql-codegen/cli": "^1.13.5",
+    "@graphql-codegen/introspection": "1.13.5",
+    "@graphql-codegen/typescript": "1.13.5",
+    "@graphql-codegen/typescript-operations": "^1.13.5",
+    "@graphql-codegen/typescript-react-apollo": "1.13.5",
+    "@graphql-codegen/typescript-resolvers": "1.13.5",
+    "@next/bundle-analyzer": "^9.3.6",
     "@storybook/addon-actions": "^5.3.18",
     "@storybook/addon-knobs": "^5.3.18",
     "@storybook/addon-viewport": "^5.3.18",
     "@storybook/react": "^5.3.18",
     "@testing-library/jest-dom": "^5.5.0",
-    "@testing-library/react": "^10.0.3",
-    "@types/node": "^13.11.1",
+    "@testing-library/react": "^10.0.4",
+    "@types/node": "^13.13.4",
     "@types/react": "^16.9.34",
     "babel-jest": "^25.5.1",
     "babel-loader": "^8.1.0",
@@ -93,11 +94,11 @@
     "cross-env": "^7.0.2",
     "devmoji": "^2.1.9",
     "husky": "^4.2.5",
-    "jest": "^25.5.1",
-    "lint-staged": "^10.1.3",
-    "prettier": "^2.0.4",
+    "jest": "^25.5.4",
+    "lint-staged": "^10.2.2",
+    "prettier": "^2.0.5",
     "standard-version": "^7.1.0",
-    "tslint": "^6.1.1",
+    "tslint": "^6.1.2",
     "tslint-config-airbnb": "^5.11.2",
     "tslint-react-hooks": "^2.2.2",
     "typescript": "^3.8.3"

src/components/generic/helpers.tsx

@@ -66,8 +66,8 @@ export const getIsDifferentDay = (current: string, next: string): boolean => {
   return difference > 0 ? true : false;
 };
 
-export const getTooltipType = (theme: string) => {
-  return theme === 'dark' ? 'light' : undefined;
+export const getTooltipType = (theme: string): string => {
+  return theme === 'dark' ? 'light' : 'dark';
 };
 
 export const getStatusDot = (status: boolean, type: string) => {

src/components/nodeInfo/NodeBar.tsx

@@ -24,7 +24,7 @@ export const NodeBar = () => {
   const slider = useRef<HTMLDivElement>(null);
 
   const { theme } = useSettings();
-  const tooltipType = getTooltipType(theme);
+  const tooltipType: any = getTooltipType(theme);
 
   const viewOnlyAccounts = accounts.filter(account => account.viewOnly !== '');
 

src/layouts/navigation/nodeInfo/NodeInfo.tsx

@@ -88,7 +88,7 @@ export const NodeInfo = ({ isOpen, isBurger }: NodeInfoProps) => {
   const priceContext = usePriceState();
   const format = getPrice(currency, priceContext);
 
-  const tooltipType = getTooltipType(theme);
+  const tooltipType: any = getTooltipType(theme);
 
   if (loading || !data || !data.getNodeInfo) {
     return (

src/views/channels/channels/ChannelCard.tsx

@@ -68,7 +68,7 @@ export const ChannelCard = ({
   const priceContext = usePriceState();
   const format = getPrice(currency, priceContext);
 
-  const tooltipType = getTooltipType(theme);
+  const tooltipType: any = getTooltipType(theme);
 
   const {
     capacity,

src/views/channels/pendingChannels/PendingCard.tsx

@@ -70,7 +70,7 @@ export const PendingCard = ({
   const priceContext = usePriceState();
   const format = getPrice(currency, priceContext);
 
-  const tooltipType = getTooltipType(theme);
+  const tooltipType: any = getTooltipType(theme);
 
   const {
     close_transaction_id,

src/views/peers/PeersCard.tsx

@@ -61,7 +61,7 @@ export const PeersCard = ({
   const priceContext = usePriceState();
 
   const format = getPrice(currency, priceContext);
-  const tooltipType = getTooltipType(theme);
+  const tooltipType: any = getTooltipType(theme);
 
   const {
     bytes_received,