From 6e5cb4e8a7577f6318ea937491e2b796ba2a419e Mon Sep 17 00:00:00 2001
From: Joey Orlando <joey.orlando@grafana.com>
Date: Mon, 24 Oct 2022 14:27:03 +0200
Subject: [PATCH] [UI] fix eslint/prettier warnings (#678)

* UI spring cleaning

- fix ~570 outstanding eslint warnings
- make eslint force user to correct warnings
- remove .css files that are not referenced
- remove dummy.tsx as it is not consumed anywhere
- remove a few functions that were "dead code" (ie. not consumed anywhere)
- remove commented out blocks of code that had no explanatory comments surrounding them

* add prettier to pre-commit configuration

* change ignoreRestSiblings to true

we have a few spots in the codebase where we destructure
an object key and then use something like ...restProps
setting this to true allows that

* upgrade from eslint 7.21.0 to 8.25.0
- add @grafana/eslint-config to dev dependencies and pre-commit eslint deps
- add @grafana/eslint-config peer dependencies to package.json

* fix remaining outstanding prettier warnings

* enable noUnusedLocals and noUnusedParameters and fix errors related to this

* make pre-commit complain about eslint warnings

* import from moment-timezone instead of moment

* fix react/display-name eslint warning

* add eslint-plugin-react-hooks to dev deps

this is a peer dependency from @grafana/eslint-config

* turn off react/prop-types

* temporarily turn off react-hooks/exhaustive-deps

add note that it will be turned back on and fixed in next PR

* fix unused import errors after rebase to dev

* fix more new prettier errors

* turn react/no-unescaped-entities eslint rule off

* address PR comment about useReducer

* remove includeTemplateGroup from src/components/AlertTemplates/AlertTemplatesForm.helper.tsx

* update arg typing for refreshPageError

* update handleSyncException typing

* fix strict equality in containers/IntegrationSettings/parts/Autoresolve.tsx

* enhance typing in components/AlertTemplates/AlertTemplatesForm.tsx

* revert small change per Maxim's comment
---
 .pre-commit-config.yaml                       |  18 +-
 grafana-plugin/.eslintrc.js                   |  39 ++-
 grafana-plugin/.stylelintrc                   |  10 +-
 grafana-plugin/package.json                   |  13 +-
 grafana-plugin/src/GrafanaPluginRootPage.tsx  |   4 +-
 grafana-plugin/src/README.md                  |   2 +
 .../AlertTemplatesForm.helper.tsx             |   4 -
 .../AlertTemplates/AlertTemplatesForm.tsx     |  34 +-
 .../src/components/Avatar/Avatar.test.tsx     |   2 +-
 .../CardButton/CardButton.module.css          |   2 +-
 .../components/CardButton/CardButton.test.tsx |   5 +-
 .../src/components/CardButton/CardButton.tsx  |   7 +-
 .../src/components/Collapse/Collapse.test.tsx |   6 +-
 .../CursorPagination.module.css               |   3 -
 .../CursorPagination/CursorPagination.tsx     |   5 -
 .../EscalationsFilters/EscalationsFilters.tsx |   2 +-
 .../src/components/GForm/GForm.module.css     |   3 -
 grafana-plugin/src/components/GForm/GForm.tsx |  32 +-
 .../src/components/GForm/GForm.types.ts       |   9 -
 grafana-plugin/src/components/GList/GList.tsx |   3 +-
 .../src/components/GTable/GTable.tsx          |   4 +-
 grafana-plugin/src/components/Modal/Modal.tsx |   3 +-
 .../MonacoJinja2Editor.module.css             |   3 -
 .../MonacoJinja2Editor/MonacoJinja2Editor.tsx |   7 +-
 .../NewScheduleSelector.tsx                   |   5 -
 .../PageErrorHandlingWrapper.tsx              |   1 -
 .../components/Policy/EscalationPolicy.tsx    |   5 +-
 .../ScheduleBorderedAvatar.tsx                |  14 +-
 .../ScheduleCounter.module.css                |  12 -
 .../ScheduleCounter/ScheduleCounter.tsx       |  14 +-
 .../ScheduleUserDetails.module.css            |   2 +-
 .../ScheduleUserDetails.tsx                   |  80 +----
 .../SchedulesFilters.helpers.ts               |   2 +-
 .../SchedulesFilters/SchedulesFilters.tsx     |  26 +-
 .../SchedulesFilters.types.ts                 |   2 -
 .../SchedulesFilters.helpers.ts               |   2 +-
 .../SchedulesFilters_NEW/SchedulesFilters.tsx |   5 +-
 .../SourceCode/SourceCode.module.scss         |   2 +-
 .../components/SourceCode/SourceCode.test.tsx |   3 +-
 .../src/components/SourceCode/SourceCode.tsx  |  10 +-
 grafana-plugin/src/components/Table/Table.tsx |  11 +-
 .../src/components/Text/Text.module.scss      |   1 -
 grafana-plugin/src/components/Text/Text.tsx   |   3 +-
 .../src/components/Timeline/Timeline.tsx      |   2 +-
 .../src/components/Timeline/TimelineItem.tsx  |  32 +-
 .../TimelineMarks/TimelineMarks.tsx           |   3 +-
 .../src/components/Tutorial/Tutorial.tsx      |   2 -
 .../UserGroups/UserGroups.helpers.ts          |   2 +-
 .../UserGroups/UserGroups.module.css          |   4 +-
 .../src/components/UserGroups/UserGroups.tsx  |   6 +-
 .../UserTimezoneSelect/UserTimezoneSelect.tsx |   1 -
 .../components/UsersFilters/UsersFilters.tsx  |   1 +
 .../VerticalTabsBar/VerticalTabsBar.tsx       |  24 +-
 .../WithConfirm/WithConfirm.module.css        |   3 -
 .../components/WithConfirm/WithConfirm.tsx    |   7 +-
 .../WorkingHours/WorkingHours.helpers.ts      |   2 +-
 .../components/WorkingHours/WorkingHours.tsx  |  25 --
 .../AlertReceiveChannelCard.tsx               |   5 +-
 .../src/containers/AlertRules/AlertRules.tsx  |  55 +---
 .../parts/connectors/SlackConnector.tsx       |   2 +-
 .../parts/connectors/TelegramConnector.tsx    |  12 +-
 .../AlertRules/parts/index.module.css         |   3 -
 .../src/containers/AlertRules/parts/index.tsx |   5 -
 .../AlertTemplatesFormContainer.tsx           |   2 -
 .../ApiTokenSettings/ApiTokenForm.tsx         |   1 -
 .../ApiTokenSettings/ApiTokenSettings.tsx     |   9 +-
 .../AttachIncidentForm/AttachIncidentForm.tsx |  25 +-
 .../CreateAlertReceiveChannelContainer.tsx    |  11 +-
 .../DefaultPageLayout.helpers.tsx             |   2 +-
 .../containers/DefaultPageLayout/helper.ts    |   2 -
 .../EscalationChainCard.tsx                   |  16 -
 .../EscalationChainForm.tsx                   |   1 -
 .../EscalationChainSteps.tsx                  |   4 -
 .../src/containers/GSelect/GSelect.tsx        |   6 +-
 .../GrafanaTeamSelect/GrafanaTeamSelect.tsx   |   6 +-
 .../HeartbeatModal/HeartbeatForm.tsx          |   2 +-
 .../IncidentFilters.helpers.ts                |   3 -
 .../IncidentsFilters/IncidentFilters.types.ts |   2 -
 .../IncidentsFilters/IncidentsFilters.tsx     |  31 +-
 .../IntegrationSettings.tsx                   |  65 +---
 .../IntegrationSettings/parts/Autoresolve.tsx |   4 +-
 .../IntegrationSettings/parts/LiveLogs.tsx    |   4 +-
 .../MaintenanceForm.config.tsx                |   2 +-
 .../MaintenanceForm.helpers.ts                |   6 -
 .../MobileAppVerification.tsx                 |  74 +----
 .../OrganizationLogFilters.tsx                |   9 +-
 .../OutgoingWebhookForm.config.ts             |   3 -
 .../PluginConfigPage/PluginConfigPage.tsx     |  79 ++---
 .../containers/PluginConfigPage/helpers.tsx   |   7 +-
 .../RemoteSelect/RemoteSelect.module.css      |   3 -
 .../containers/RemoteSelect/RemoteSelect.tsx  |   5 -
 .../src/containers/Rotation/Rotation.tsx      |  44 +--
 .../RotationForm/DateTimePicker.tsx           |  12 +-
 .../containers/RotationForm/RotationForm.tsx  |  42 +--
 .../RotationForm/ScheduleOverrideForm.tsx     |   8 +-
 .../containers/Rotations/Rotations.helpers.ts |   6 +-
 .../src/containers/Rotations/Rotations.tsx    |  12 +-
 .../containers/Rotations/ScheduleFinal.tsx    |  16 +-
 .../Rotations/ScheduleOverrides.tsx           |  15 +-
 .../ScheduleForm/ScheduleForm.config.ts       |   9 -
 .../containers/ScheduleForm/ScheduleForm.tsx  |   8 +-
 .../ScheduleIcalLink/ScheduleIcalLink.tsx     |   2 +-
 .../ScheduleSlot/ScheduleSlot.helpers.ts      |  20 --
 .../containers/ScheduleSlot/ScheduleSlot.tsx  |  21 +-
 .../SchedulesFilters.module.css               |   3 -
 .../SchedulesFilters/SchedulesFilters.tsx     |  24 --
 .../SlackIntegrationButton.tsx                |   1 -
 .../TelegramIntegrationButton.tsx             |   5 +-
 .../TemplatePreview/TemplatePreview.tsx       |   5 +-
 .../containers/UserSettings/UserSettings.tsx  |   7 +-
 .../parts/connectors/ICalConnector.tsx        |   4 +-
 .../parts/connectors/MobileAppConnector.tsx   |   3 +-
 .../parts/connectors/PhoneConnector.tsx       |   2 +-
 .../parts/connectors/SlackConnector.tsx       |   2 +-
 .../parts/connectors/TelegramConnector.tsx    |   2 +-
 .../containers/UserSettings/parts/index.tsx   |  13 +-
 .../CloudPhoneSettings.module.css             |   3 -
 .../CloudPhoneSettings/CloudPhoneSettings.tsx |  24 +-
 .../PhoneVerification/PhoneVerification.tsx   |  61 ++--
 .../parts/tabs/TelegramInfo/TelegramInfo.tsx  |   2 +-
 .../containers/UserSummary/UserSummary.tsx    |   2 +-
 .../UserTooltip/UserTooltip.module.css        |   3 -
 .../containers/UserTooltip/UserTooltip.tsx    |   5 -
 .../UsersTimezones/UsersTimezones.module.css  |   9 +-
 .../UsersTimezones/UsersTimezones.tsx         |  25 +-
 .../WithPermissionControl.tsx                 |   4 +-
 grafana-plugin/src/dummy/dummy.ts             |   1 -
 grafana-plugin/src/icons/index.tsx            |  32 +-
 .../src/jest/outgoingWebhooksStub.ts          |   2 +-
 .../alert_receive_channel.ts                  |  14 +-
 .../alert_receive_channel_filters.ts          |   2 +-
 .../src/models/alertgroup/alertgroup.types.ts |   4 -
 grafana-plugin/src/models/cloud/cloud.ts      |   7 +-
 .../src/models/current_subscription.ts        |   2 -
 .../escalation_chain/escalation_chain.ts      |   6 +-
 .../escalation_policy.types.ts                |   1 -
 .../models/global_setting/global_setting.ts   |   4 -
 .../src/models/maintenance/helpers.ts         |   2 +-
 .../models/resolution_note/resolution_note.ts |   3 +-
 .../src/models/schedule/schedule.helpers.ts   |  11 +-
 .../src/models/schedule/schedule.ts           |  37 +--
 .../src/models/slack_channel/slack_channel.ts |   2 +-
 grafana-plugin/src/models/team/team.ts        |   6 +-
 .../telegram_channel.helpers.ts               |   1 -
 .../telegram_channel/telegram_channel.ts      |   1 -
 .../src/models/timezone/timezone.types.ts     |   2 -
 .../src/models/user/user.helpers.tsx          |   4 -
 grafana-plugin/src/models/user/user.ts        |   4 -
 grafana-plugin/src/models/webinar/webinar.ts  |   2 +-
 grafana-plugin/src/pages/chat-ops/ChatOps.tsx |   2 -
 grafana-plugin/src/pages/cloud/CloudPage.tsx  |  22 +-
 .../escalation-chains/EscalationChains.tsx    |   7 +-
 .../src/pages/incident/Incident.helpers.tsx   |  36 +--
 .../src/pages/incident/Incident.tsx           |  19 +-
 .../src/pages/incidents/Incidents.tsx         |   6 +-
 .../src/pages/integrations/Integrations.tsx   |   5 -
 .../pages/livesettings/LiveSettingsPage.tsx   |  33 +-
 .../src/pages/maintenance/Maintenance.tsx     |  14 +-
 .../pages/migration-tool/MigrationTool.tsx    |  18 +-
 .../organization-logs/OrganizationLog.tsx     |   6 +-
 .../OutgoingWebhooks.test.tsx                 |   1 -
 .../outgoing_webhooks/OutgoingWebhooks.tsx    |   2 +-
 .../src/pages/schedule/Schedule.module.css    |   1 -
 .../src/pages/schedule/Schedule.tsx           |  56 +---
 .../src/pages/schedules/Schedules.tsx         |  14 +-
 .../src/pages/schedules_NEW/Schedules.tsx     |  49 +--
 .../src/pages/settings/SettingsPage.tsx       |  25 +-
 grafana-plugin/src/pages/users/Users.tsx      |   2 +-
 grafana-plugin/src/plugin.json                |  14 +-
 grafana-plugin/src/state/helpers.ts           |   2 +-
 grafana-plugin/src/state/incidents.ts         |   3 -
 grafana-plugin/src/state/plugin.ts            |   3 +-
 grafana-plugin/src/state/rootBaseStore.ts     |  28 +-
 grafana-plugin/src/state/withStore.tsx        |   6 +-
 grafana-plugin/src/style/index.css            |   4 +-
 grafana-plugin/src/types.ts                   |   2 +-
 grafana-plugin/src/utils/DOM.ts               |  20 +-
 grafana-plugin/src/utils/index.ts             |   7 +-
 grafana-plugin/src/utils/loadCss.ts           |   2 +-
 grafana-plugin/tsconfig.json                  |   5 +-
 grafana-plugin/webpack.config.js              |  11 +-
 grafana-plugin/yarn.lock                      | 291 ++++++++++++++++--
 182 files changed, 822 insertions(+), 1468 deletions(-)
 delete mode 100644 grafana-plugin/src/components/CursorPagination/CursorPagination.module.css
 delete mode 100644 grafana-plugin/src/components/GForm/GForm.module.css
 delete mode 100644 grafana-plugin/src/components/MonacoJinja2Editor/MonacoJinja2Editor.module.css
 delete mode 100644 grafana-plugin/src/components/WithConfirm/WithConfirm.module.css
 delete mode 100644 grafana-plugin/src/containers/AlertRules/parts/index.module.css
 delete mode 100644 grafana-plugin/src/containers/MaintenanceForm/MaintenanceForm.helpers.ts
 delete mode 100644 grafana-plugin/src/containers/RemoteSelect/RemoteSelect.module.css
 delete mode 100644 grafana-plugin/src/containers/SchedulesFilters/SchedulesFilters.module.css
 delete mode 100644 grafana-plugin/src/containers/SchedulesFilters/SchedulesFilters.tsx
 delete mode 100644 grafana-plugin/src/containers/UserSettings/parts/tabs/CloudPhoneSettings/CloudPhoneSettings.module.css
 delete mode 100644 grafana-plugin/src/containers/UserTooltip/UserTooltip.module.css
 delete mode 100644 grafana-plugin/src/dummy/dummy.ts
 delete mode 100644 grafana-plugin/src/models/telegram_channel/telegram_channel.helpers.ts
 delete mode 100644 grafana-plugin/src/state/incidents.ts

diff --git a/.pre-commit-config.yaml b/.pre-commit-config.yaml
index e2dbf2de..f61d3a85 100644
--- a/.pre-commit-config.yaml
+++ b/.pre-commit-config.yaml
@@ -23,16 +23,26 @@ repos:
           - flake8-tidy-imports
 
   - repo: https://github.com/pre-commit/mirrors-eslint
-    rev: v7.21.0
+    rev: v8.25.0
     hooks:
       - id: eslint
-        entry: bash -c 'cd grafana-plugin && eslint --fix ${@/grafana-plugin\//}' --
+        entry: bash -c 'cd grafana-plugin && eslint --max-warnings=0 --fix ${@/grafana-plugin\//}' --
         types: [file]
         files: ^grafana-plugin/src/.*\.(js|jsx|ts|tsx)$
         additional_dependencies:
-          - eslint@7.21.0
+          - eslint@^8.25.0
           - eslint-plugin-import@^2.25.4
           - eslint-plugin-rulesdir@^0.2.1
+          - "@grafana/eslint-config@^5.0.0"
+
+  - repo: https://github.com/pre-commit/mirrors-prettier
+    rev: "v2.7.1"
+    hooks:
+      - id: prettier
+        types_or: [css, javascript, jsx, ts, tsx, json]
+        files: ^grafana-plugin/src
+        additional_dependencies:
+          - prettier@^2.7.1
 
   - repo: https://github.com/thibaudcolas/pre-commit-stylelint
     rev: v13.13.1
@@ -43,4 +53,6 @@ repos:
         files: ^grafana-plugin/src/.*\.css$
         additional_dependencies:
           - stylelint@^13.13.1
+          - stylelint-prettier@^2.0.0
           - stylelint-config-standard@^22.0.0
+          - stylelint-config-prettier@^9.0.3
diff --git a/grafana-plugin/.eslintrc.js b/grafana-plugin/.eslintrc.js
index 87f1dd00..9bfe88c0 100644
--- a/grafana-plugin/.eslintrc.js
+++ b/grafana-plugin/.eslintrc.js
@@ -9,18 +9,7 @@ module.exports = {
       '^assets|^components|^containers|^declare|^icons|^img|^interceptors|^models|^network|^pages|^services|^state|^utils',
   },
   rules: {
-    'no-unused-vars': ['warn', { vars: 'all', args: 'after-used', ignoreRestSiblings: false }],
-    'react/prop-types': 'warn',
-    'react/display-name': 'warn',
-    'react/jsx-key': 'warn',
-    'react-hooks/exhaustive-deps': 'off',
-    'react/no-unescaped-entities': 'warn',
-    'react/jsx-no-target-blank': 'warn',
-    'react-hooks/exhaustive-deps': 'warn',
-    'no-restricted-imports': 'warn',
     eqeqeq: 'warn',
-    'no-duplicate-imports': 'error',
-    'rulesdir/no-relative-import-paths': ['error', { allowSameFolder: true }],
     'import/order': [
       'error',
       {
@@ -47,5 +36,33 @@ module.exports = {
         'newlines-between': 'always',
       },
     ],
+    'no-unused-vars': [
+      'warn',
+      {
+        vars: 'all',
+        args: 'after-used',
+        argsIgnorePattern: '^_',
+        destructuredArrayIgnorePattern: '^_',
+        ignoreRestSiblings: true,
+      },
+    ],
+    'no-duplicate-imports': 'error',
+    'no-restricted-imports': 'warn',
+    'react/display-name': 'warn',
+    /**
+     * It appears as though the react/prop-types rule has a bug in it
+     * when your props extend an interface
+     * https://github.com/jsx-eslint/eslint-plugin-react/issues/3325
+     */
+    'react/prop-types': 'off',
+    'react/jsx-key': 'warn',
+    'react/jsx-no-target-blank': 'warn',
+    'react/no-unescaped-entities': 'off',
+    /**
+     * TODO: react-hooks/exhaustive-deps is temporarily disabled
+     * this will be turned back on, and the warnings fixed, in a forthcoming PR
+     */
+    'react-hooks/exhaustive-deps': 'off',
+    'rulesdir/no-relative-import-paths': ['error', { allowSameFolder: true }],
   },
 };
diff --git a/grafana-plugin/.stylelintrc b/grafana-plugin/.stylelintrc
index 7cda5c91..c37d4c08 100644
--- a/grafana-plugin/.stylelintrc
+++ b/grafana-plugin/.stylelintrc
@@ -1,12 +1,14 @@
 {
-  "extends": "stylelint-config-standard",
-   "rules": {
-     "block-no-empty": [true,{ "severity": "warning"}],
+  "extends": ["stylelint-config-standard", "stylelint-prettier/recommended"],
+  "plugins": ["stylelint-prettier"],
+  "rules": {
+    "block-no-empty": [true, { "severity": "warning" }],
     "selector-pseudo-class-no-unknown": [
       true,
       {
         "ignorePseudoClasses": ["global"]
       }
-    ]
+    ],
+    "prettier/prettier": true
   }
 }
diff --git a/grafana-plugin/package.json b/grafana-plugin/package.json
index 021f0224..9398e5c9 100644
--- a/grafana-plugin/package.json
+++ b/grafana-plugin/package.json
@@ -3,8 +3,8 @@
   "version": "1.0.0",
   "description": "Grafana OnCall Plugin",
   "scripts": {
-    "lint": "eslint --cache --ext .js,.jsx,.ts,.tsx ./src",
-    "lint:fix": "eslint --fix --cache --ext .js,.jsx,.ts,.tsx --quiet ./src",
+    "lint": "eslint --cache --ext .js,.jsx,.ts,.tsx --max-warnings=0 ./src",
+    "lint:fix": "eslint --fix --cache --ext .js,.jsx,.ts,.tsx --max-warnings=0 --quiet ./src",
     "stylelint": "stylelint ./src/**/*.css",
     "stylelint:fix": "stylelint --fix ./src/**/*.css",
     "build": "grafana-toolkit plugin:build",
@@ -52,6 +52,7 @@
     "@babel/preset-react": "^7.18.6",
     "@babel/preset-typescript": "^7.18.6",
     "@grafana/data": "^9.1.1",
+    "@grafana/eslint-config": "^5.0.0",
     "@grafana/runtime": "^9.1.1",
     "@grafana/toolkit": "^9.1.1",
     "@grafana/ui": "^9.1.1",
@@ -67,8 +68,13 @@
     "@types/react-router-dom": "^5.3.3",
     "@types/react-test-renderer": "^17.0.2",
     "@types/throttle-debounce": "^5.0.0",
+    "@typescript-eslint/eslint-plugin": "^5.40.1",
     "copy-webpack-plugin": "^11.0.0",
     "dompurify": "^2.3.12",
+    "eslint": "^8.25.0",
+    "eslint-plugin-jsdoc": "^39.3.14",
+    "eslint-plugin-react": "^7.31.10",
+    "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-rulesdir": "^0.2.1",
     "jest": "^27.5.1",
     "jest-environment-jsdom": "^27.5.1",
@@ -78,8 +84,11 @@
     "plop": "^2.7.4",
     "postcss-loader": "^7.0.1",
     "react-test-renderer": "^17.0.2",
+    "stylelint-config-prettier": "^9.0.3",
+    "stylelint-prettier": "^2.0.0",
     "ts-jest": "^27.1.3",
     "ts-loader": "^9.3.1",
+    "typescript": "4.6.4",
     "webpack-bundle-analyzer": "^4.6.1"
   },
   "engines": {
diff --git a/grafana-plugin/src/GrafanaPluginRootPage.tsx b/grafana-plugin/src/GrafanaPluginRootPage.tsx
index 4e3f6467..ed69df65 100644
--- a/grafana-plugin/src/GrafanaPluginRootPage.tsx
+++ b/grafana-plugin/src/GrafanaPluginRootPage.tsx
@@ -1,7 +1,7 @@
 import React, { useEffect, useMemo } from 'react';
 
 import { AppRootProps } from '@grafana/data';
-import { Button, HorizontalGroup, LinkButton, VerticalGroup } from '@grafana/ui';
+import { Button, HorizontalGroup, LinkButton } from '@grafana/ui';
 import dayjs from 'dayjs';
 import isSameOrAfter from 'dayjs/plugin/isSameOrAfter';
 import isSameOrBefore from 'dayjs/plugin/isSameOrBefore';
@@ -30,8 +30,6 @@ dayjs.extend(isSameOrBefore);
 dayjs.extend(isSameOrAfter);
 dayjs.extend(isoWeek);
 
-// dayjs().weekday(0);
-
 import './style/vars.css';
 import './style/index.css';
 
diff --git a/grafana-plugin/src/README.md b/grafana-plugin/src/README.md
index 66e4b915..b3c76bb1 100644
--- a/grafana-plugin/src/README.md
+++ b/grafana-plugin/src/README.md
@@ -3,6 +3,7 @@
 Developer-Friendly
 Alert Management
 with Brilliant Slack Integration
+
 - Connect monitoring systems
 - Collect and analyze data
 - On-call rotation
@@ -10,5 +11,6 @@ with Brilliant Slack Integration
 - Never miss alerts with calls and SMS
 
 ## Documentation
+
 - [On Github](http://github.com/grafana/oncall)
 - [Grafana OnCall](https://grafana.com/docs/grafana-cloud/oncall/)
diff --git a/grafana-plugin/src/components/AlertTemplates/AlertTemplatesForm.helper.tsx b/grafana-plugin/src/components/AlertTemplates/AlertTemplatesForm.helper.tsx
index e2e01b17..d7bad53f 100644
--- a/grafana-plugin/src/components/AlertTemplates/AlertTemplatesForm.helper.tsx
+++ b/grafana-plugin/src/components/AlertTemplates/AlertTemplatesForm.helper.tsx
@@ -10,7 +10,3 @@ export function getLabelFromTemplateName(templateName: string, group: any) {
   }
   return arrayWithNeededValues.join(' ');
 }
-
-export function includeTemplateGroup(groupName: string) {
-  return true;
-}
diff --git a/grafana-plugin/src/components/AlertTemplates/AlertTemplatesForm.tsx b/grafana-plugin/src/components/AlertTemplates/AlertTemplatesForm.tsx
index eaecbbfd..782ea07a 100644
--- a/grafana-plugin/src/components/AlertTemplates/AlertTemplatesForm.tsx
+++ b/grafana-plugin/src/components/AlertTemplates/AlertTemplatesForm.tsx
@@ -8,8 +8,7 @@ import cn from 'classnames/bind';
 import { omit } from 'lodash-es';
 
 import { templatesToRender, Template } from 'components/AlertTemplates/AlertTemplatesForm.config';
-import { getLabelFromTemplateName, includeTemplateGroup } from 'components/AlertTemplates/AlertTemplatesForm.helper';
-import Collapse from 'components/Collapse/Collapse';
+import { getLabelFromTemplateName } from 'components/AlertTemplates/AlertTemplatesForm.helper';
 import Block from 'components/GBlock/Block';
 import MonacoJinja2Editor from 'components/MonacoJinja2Editor/MonacoJinja2Editor';
 import SourceCode from 'components/SourceCode/SourceCode';
@@ -41,7 +40,6 @@ const AlertTemplatesForm = (props: AlertTemplatesFormProps) => {
   const {
     onUpdateTemplates,
     templates,
-    errors,
     alertReceiveChannelId,
     alertGroupId,
     demoAlertEnabled,
@@ -53,6 +51,8 @@ const AlertTemplatesForm = (props: AlertTemplatesFormProps) => {
   const [tempValues, setTempValues] = useState<{
     [key: string]: string | null;
   }>({});
+  const [activeGroup, setActiveGroup] = useState<string>();
+  const [activeTemplate, setActiveTemplate] = useState<Template>();
 
   useEffect(() => {
     makeRequest('/preview_template_options/', {});
@@ -80,14 +80,11 @@ const AlertTemplatesForm = (props: AlertTemplatesFormProps) => {
   const handleReset = () => {
     const temValuesCopy = omit(
       tempValues,
-      groups[activeGroup].map((group: any) => group.name)
+      groups[activeGroup].map((group) => group.name)
     );
     setTempValues(temValuesCopy);
   };
 
-  const [activeGroup, setActiveGroup] = useState<string>();
-  const [activeTemplate, setActiveTemplate] = useState<any>();
-
   const filteredTemplatesToRender = useMemo(() => {
     return templates
       ? templatesToRender.filter((template) => {
@@ -97,13 +94,10 @@ const AlertTemplatesForm = (props: AlertTemplatesFormProps) => {
   }, [templates]);
 
   const groups = useMemo(() => {
-    const groups: { [key: string]: any } = {};
+    const groups: { [key: string]: Template[] } = {};
 
     filteredTemplatesToRender.forEach((templateToRender) => {
       if (!groups[templateToRender.group]) {
-        if (!includeTemplateGroup(templateToRender.group)) {
-          return;
-        }
         groups[templateToRender.group] = [];
       }
       groups[templateToRender.group].push(templateToRender);
@@ -113,11 +107,7 @@ const AlertTemplatesForm = (props: AlertTemplatesFormProps) => {
 
   const getGroupByTemplateName = (templateName: string) => {
     Object.values(groups).find((group) => {
-      const foundTemplate = group.find((obj: any) => {
-        if (obj.name == templateName) {
-          return obj;
-        }
-      });
+      const foundTemplate = group.find((obj) => obj.name === templateName);
       setActiveGroup(foundTemplate?.group);
     });
   };
@@ -210,18 +200,18 @@ const AlertTemplatesForm = (props: AlertTemplatesFormProps) => {
                 suggestions
               </p>
             </Text>
-            {groups[activeGroup].map((activeTemplate: any) => (
+            {groups[activeGroup].map((activeTemplate) => (
               <div
                 key={activeTemplate.name}
                 className={cx('template-form', {
                   'template-form-full': true,
-                  'autoresolve-condition': selectedTemplateName && activeTemplate.name == 'resolve_condition_template',
+                  'autoresolve-condition': selectedTemplateName && activeTemplate.name === 'resolve_condition_template',
                 })}
               >
-                <Label className={cx({ 'autoresolve-label': activeTemplate.name == 'resolve_condition_template' })}>
+                <Label className={cx({ 'autoresolve-label': activeTemplate.name === 'resolve_condition_template' })}>
                   {getLabelFromTemplateName(activeTemplate.name, activeGroup)}
                 </Label>
-                {activeTemplate.name == 'resolve_condition_template' && (
+                {activeTemplate.name === 'resolve_condition_template' && (
                   <Text type="secondary" size="small">
                     To activate autoresolving change integration
                     <Button fill="text" size="sm" onClick={handleGoToTemplateSettingsCllick}>
@@ -240,7 +230,7 @@ const AlertTemplatesForm = (props: AlertTemplatesFormProps) => {
                   <Text type="secondary">
                     Press <Text keyboard>Ctrl</Text>+<Text keyboard>Space</Text> to get suggestions
                   </Text>
-                  {activeGroup === 'web' && activeTemplate.name == 'web_title_template' && (
+                  {activeGroup === 'web' && activeTemplate.name === 'web_title_template' && (
                     <div className={cx('web-title-message')}>
                       <Text type="secondary" size="small">
                         Please note that after changing the web title template new alert groups will be searchable by
@@ -271,7 +261,7 @@ const AlertTemplatesForm = (props: AlertTemplatesFormProps) => {
                 <VerticalGroup>
                   <Label>{`${capitalCase(activeGroup)} Preview`}</Label>
                   <VerticalGroup style={{ width: '100%' }}>
-                    {groups[activeGroup].map((template: any) => (
+                    {groups[activeGroup].map((template) => (
                       <TemplatePreview
                         active={template.name === activeTemplate?.name}
                         key={template.name}
diff --git a/grafana-plugin/src/components/Avatar/Avatar.test.tsx b/grafana-plugin/src/components/Avatar/Avatar.test.tsx
index 9c9053da..504ab3c2 100644
--- a/grafana-plugin/src/components/Avatar/Avatar.test.tsx
+++ b/grafana-plugin/src/components/Avatar/Avatar.test.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 
 import { describe, expect, test } from '@jest/globals';
-import { render, fireEvent, screen } from '@testing-library/react';
+import { render, screen } from '@testing-library/react';
 
 import Avatar from 'components/Avatar/Avatar';
 
diff --git a/grafana-plugin/src/components/CardButton/CardButton.module.css b/grafana-plugin/src/components/CardButton/CardButton.module.css
index 44142965..fa007bfb 100644
--- a/grafana-plugin/src/components/CardButton/CardButton.module.css
+++ b/grafana-plugin/src/components/CardButton/CardButton.module.css
@@ -19,7 +19,7 @@
 
 .root_selected::before {
   display: block;
-  content: "";
+  content: '';
   position: absolute;
   left: 0;
   top: 0;
diff --git a/grafana-plugin/src/components/CardButton/CardButton.test.tsx b/grafana-plugin/src/components/CardButton/CardButton.test.tsx
index 05c29427..d24adbdc 100644
--- a/grafana-plugin/src/components/CardButton/CardButton.test.tsx
+++ b/grafana-plugin/src/components/CardButton/CardButton.test.tsx
@@ -4,7 +4,6 @@ import React from 'react';
 import { describe, expect, test } from '@jest/globals';
 import { fireEvent, render, screen } from '@testing-library/react';
 
-
 import '@testing-library/jest-dom';
 import CardButton from 'components/CardButton/CardButton';
 
@@ -23,11 +22,11 @@ describe('CardButton', () => {
     const onClickMock = jest.fn();
     render(<CardButton {...getProps(onClickMock)} />);
 
-    const rootEl = getRootBlockEl()
+    const rootEl = getRootBlockEl();
 
     fireEvent.click(rootEl);
 
-    expect(rootEl.classList).toContain("root_selected")
+    expect(rootEl.classList).toContain('root_selected');
     expect(onClickMock).toHaveBeenCalled();
   });
 
diff --git a/grafana-plugin/src/components/CardButton/CardButton.tsx b/grafana-plugin/src/components/CardButton/CardButton.tsx
index 95d3ea6d..11076195 100644
--- a/grafana-plugin/src/components/CardButton/CardButton.tsx
+++ b/grafana-plugin/src/components/CardButton/CardButton.tsx
@@ -26,7 +26,12 @@ const CardButton: FC<CardButtonProps> = (props) => {
   }, [selected]);
 
   return (
-    <Block onClick={handleClick} withBackground className={cx('root', { root_selected: selected })} data-testid='test__cardButton'>
+    <Block
+      onClick={handleClick}
+      withBackground
+      className={cx('root', { root_selected: selected })}
+      data-testid="test__cardButton"
+    >
       <div className={cx('icon')}>{icon}</div>
       <div className={cx('meta')}>
         <VerticalGroup spacing="xs">
diff --git a/grafana-plugin/src/components/Collapse/Collapse.test.tsx b/grafana-plugin/src/components/Collapse/Collapse.test.tsx
index 2468af8a..d9e94395 100644
--- a/grafana-plugin/src/components/Collapse/Collapse.test.tsx
+++ b/grafana-plugin/src/components/Collapse/Collapse.test.tsx
@@ -13,8 +13,8 @@ describe('Collapse', () => {
     return {
       label: 'Toggle',
       isOpen: isOpen,
-      onClick: onClick
-    } as CollapseProps
+      onClick: onClick,
+    } as CollapseProps;
   }
 
   test('Content becomes visible on click', () => {
@@ -34,7 +34,7 @@ describe('Collapse', () => {
 
     const content = getChildrenEl();
     expect(content).toBeNull();
-  })
+  });
 
   test('Content is not collapsed for [isOpen=true]', () => {
     render(<Collapse {...getProps(true)} />);
diff --git a/grafana-plugin/src/components/CursorPagination/CursorPagination.module.css b/grafana-plugin/src/components/CursorPagination/CursorPagination.module.css
deleted file mode 100644
index 63d08ecc..00000000
--- a/grafana-plugin/src/components/CursorPagination/CursorPagination.module.css
+++ /dev/null
@@ -1,3 +0,0 @@
-.root {
-  display: block;
-}
diff --git a/grafana-plugin/src/components/CursorPagination/CursorPagination.tsx b/grafana-plugin/src/components/CursorPagination/CursorPagination.tsx
index 33b228e1..907f6a74 100644
--- a/grafana-plugin/src/components/CursorPagination/CursorPagination.tsx
+++ b/grafana-plugin/src/components/CursorPagination/CursorPagination.tsx
@@ -2,12 +2,9 @@ import React, { FC, useCallback, useEffect, useState } from 'react';
 
 import { SelectableValue } from '@grafana/data';
 import { Button, HorizontalGroup, Icon, Select } from '@grafana/ui';
-import cn from 'classnames/bind';
 
 import Text from 'components/Text/Text';
 
-import styles from './CursorPagination.module.css';
-
 interface CursorPaginationProps {
   current: string;
   onChange: (cursor: string, direction: 'prev' | 'next') => void;
@@ -18,8 +15,6 @@ interface CursorPaginationProps {
   next: string;
 }
 
-const cx = cn.bind(styles);
-
 const CursorPagination: FC<CursorPaginationProps> = (props) => {
   const { current, onChange, prev, next, itemsPerPage, itemsPerPageOptions, onChangeItemsPerPage } = props;
 
diff --git a/grafana-plugin/src/components/EscalationsFilters/EscalationsFilters.tsx b/grafana-plugin/src/components/EscalationsFilters/EscalationsFilters.tsx
index c08d2c3d..bcbf3134 100644
--- a/grafana-plugin/src/components/EscalationsFilters/EscalationsFilters.tsx
+++ b/grafana-plugin/src/components/EscalationsFilters/EscalationsFilters.tsx
@@ -1,6 +1,6 @@
 import React, { ChangeEvent, FC, useCallback } from 'react';
 
-import { Icon, Input, Button, IconButton } from '@grafana/ui';
+import { Icon, Input, IconButton } from '@grafana/ui';
 import cn from 'classnames/bind';
 
 import styles from './EscalationsFilters.module.css';
diff --git a/grafana-plugin/src/components/GForm/GForm.module.css b/grafana-plugin/src/components/GForm/GForm.module.css
deleted file mode 100644
index 63d08ecc..00000000
--- a/grafana-plugin/src/components/GForm/GForm.module.css
+++ /dev/null
@@ -1,3 +0,0 @@
-.root {
-  display: block;
-}
diff --git a/grafana-plugin/src/components/GForm/GForm.tsx b/grafana-plugin/src/components/GForm/GForm.tsx
index 5ba31cd5..a6d65392 100644
--- a/grafana-plugin/src/components/GForm/GForm.tsx
+++ b/grafana-plugin/src/components/GForm/GForm.tsx
@@ -2,18 +2,14 @@ import React, { useCallback } from 'react';
 
 import { Field, Form, Input, InputControl, Select, Switch, TextArea } from '@grafana/ui';
 import { capitalCase } from 'change-case';
-import cn from 'classnames/bind';
 
 import { FormItem, FormItemType } from 'components/GForm/GForm.types';
 import GSelect from 'containers/GSelect/GSelect';
 import RemoteSelect from 'containers/RemoteSelect/RemoteSelect';
 
-import styles from './GForm.module.css';
-
 interface GFormProps {
   form: { name: string; fields: FormItem[] };
   data: any;
-  /* errors: { [key: string]: string }; */
   onSubmit: (data: any) => void;
 }
 
@@ -21,8 +17,6 @@ const nullNormalizer = (value: string) => {
   return value || null;
 };
 
-const cx = cn.bind(styles);
-
 function renderFormControl(formItem: FormItem, register: any, control: any) {
   switch (formItem.type) {
     case FormItemType.Input:
@@ -99,20 +93,18 @@ const GForm = (props: GFormProps) => {
   return (
     <Form maxWidth="none" id={form.name} defaultValues={data} onSubmit={handleSubmit}>
       {({ register, errors, control }) => {
-        return form.fields.map((formItem: FormItem, formIndex: number) => {
-          return (
-            <Field
-              key={formIndex}
-              disabled={formItem.getDisabled ? formItem.getDisabled(data) : false}
-              label={formItem.label || capitalCase(formItem.name)}
-              invalid={!!errors[formItem.name]}
-              error={`${capitalCase(formItem.name)} is required`}
-              description={formItem.description}
-            >
-              {renderFormControl(formItem, register, control)}
-            </Field>
-          );
-        });
+        return form.fields.map((formItem: FormItem, formIndex: number) => (
+          <Field
+            key={formIndex}
+            disabled={formItem.getDisabled ? formItem.getDisabled(data) : false}
+            label={formItem.label || capitalCase(formItem.name)}
+            invalid={!!errors[formItem.name]}
+            error={`${capitalCase(formItem.name)} is required`}
+            description={formItem.description}
+          >
+            {renderFormControl(formItem, register, control)}
+          </Field>
+        ));
       }}
     </Form>
   );
diff --git a/grafana-plugin/src/components/GForm/GForm.types.ts b/grafana-plugin/src/components/GForm/GForm.types.ts
index d24abdb5..06aa38a9 100644
--- a/grafana-plugin/src/components/GForm/GForm.types.ts
+++ b/grafana-plugin/src/components/GForm/GForm.types.ts
@@ -1,5 +1,3 @@
-import { Moment } from 'moment';
-
 export enum FormItemType {
   'Input' = 'input',
   'TextArea' = 'textarea',
@@ -7,13 +5,6 @@ export enum FormItemType {
   'GSelect' = 'gselect',
   'Switch' = 'switch',
   'RemoteSelect' = 'remoteselect',
-
-  /* 'InputNumber' = 'input-number',
-  'Select' = 'select',
-  'Switch' = 'switch',
-  'ASelect' = 'aselect',
-  'JustSelect' = 'just-select',
-  'DatePicker' = 'datepicker', */
 }
 
 export interface FormItem {
diff --git a/grafana-plugin/src/components/GList/GList.tsx b/grafana-plugin/src/components/GList/GList.tsx
index bb22f8eb..d77817a0 100644
--- a/grafana-plugin/src/components/GList/GList.tsx
+++ b/grafana-plugin/src/components/GList/GList.tsx
@@ -1,4 +1,4 @@
-import React, { FC, useState, useCallback, useRef, useEffect } from 'react';
+import React, { useCallback, useRef, useEffect } from 'react';
 
 import { LoadingPlaceholder } from '@grafana/ui';
 import cn from 'classnames/bind';
@@ -37,7 +37,6 @@ const GList = <T extends WithId>(props: GListProps<T>) => {
       const divToScroll = selectedElement.parentElement.parentElement;
 
       const maxScroll = Math.max(0, selectedElement.parentElement.offsetHeight - divToScroll.offsetHeight);
-      const minScroll = 0;
 
       const scrollTop =
         selectedElement.offsetTop -
diff --git a/grafana-plugin/src/components/GTable/GTable.tsx b/grafana-plugin/src/components/GTable/GTable.tsx
index 0706ff6f..26ec3c6a 100644
--- a/grafana-plugin/src/components/GTable/GTable.tsx
+++ b/grafana-plugin/src/components/GTable/GTable.tsx
@@ -1,4 +1,4 @@
-import React, { FC, useState, useCallback, useMemo, ChangeEvent } from 'react';
+import React, { FC, useCallback, useMemo, ChangeEvent } from 'react';
 
 import { Pagination, Checkbox, Icon } from '@grafana/ui';
 import cn from 'classnames/bind';
@@ -96,7 +96,7 @@ const GTable: FC<Props> = (props) => {
 
   const handleMasterCheckboxChange = useCallback(
     (event: ChangeEvent<HTMLInputElement>) => {
-      const { selectedRowKeys, onChange } = rowSelection;
+      const { onChange } = rowSelection;
       if (event.target.checked) {
         const newRowSelection = data.map((item: any) => item[rowKey as string]);
         onChange(newRowSelection);
diff --git a/grafana-plugin/src/components/Modal/Modal.tsx b/grafana-plugin/src/components/Modal/Modal.tsx
index e5c08d9f..d5cf1e55 100644
--- a/grafana-plugin/src/components/Modal/Modal.tsx
+++ b/grafana-plugin/src/components/Modal/Modal.tsx
@@ -39,8 +39,7 @@ const Modal: FC<PropsWithChildren<ModalProps>> = (props) => {
       contentLabel={title}
       className={cx('root')}
       overlayClassName={cx('overlay')}
-      overlayElement={(props, contentElement) => contentElement} // render without overlay to allow body scroll
-      /* bodyOpenClassName={cx('body-open')} */
+      overlayElement={(_props, contentElement) => contentElement} // render without overlay to allow body scroll
       contentElement={contentElement}
     >
       {children}
diff --git a/grafana-plugin/src/components/MonacoJinja2Editor/MonacoJinja2Editor.module.css b/grafana-plugin/src/components/MonacoJinja2Editor/MonacoJinja2Editor.module.css
deleted file mode 100644
index 63d08ecc..00000000
--- a/grafana-plugin/src/components/MonacoJinja2Editor/MonacoJinja2Editor.module.css
+++ /dev/null
@@ -1,3 +0,0 @@
-.root {
-  display: block;
-}
diff --git a/grafana-plugin/src/components/MonacoJinja2Editor/MonacoJinja2Editor.tsx b/grafana-plugin/src/components/MonacoJinja2Editor/MonacoJinja2Editor.tsx
index d9198448..24fb3f2b 100644
--- a/grafana-plugin/src/components/MonacoJinja2Editor/MonacoJinja2Editor.tsx
+++ b/grafana-plugin/src/components/MonacoJinja2Editor/MonacoJinja2Editor.tsx
@@ -1,14 +1,11 @@
-import React, { FC, useCallback, useMemo, useRef, useEffect } from 'react';
+import React, { FC, useCallback } from 'react';
 
 import { CodeEditor, CodeEditorSuggestionItemKind, LoadingPlaceholder } from '@grafana/ui';
-import cn from 'classnames/bind';
 
 import { getPaths } from 'utils';
 
 import { conf, language } from './jinja2';
 
-import styles from './MonacoJinja2Editor.module.css';
-
 declare const monaco: any;
 
 interface MonacoJinja2EditorProps {
@@ -19,8 +16,6 @@ interface MonacoJinja2EditorProps {
   loading: boolean;
 }
 
-const cx = cn.bind(styles);
-
 const PREDEFINED_TERMS = [
   'grafana_oncall_link',
   'integration_name',
diff --git a/grafana-plugin/src/components/NewScheduleSelector/NewScheduleSelector.tsx b/grafana-plugin/src/components/NewScheduleSelector/NewScheduleSelector.tsx
index f70df5b5..a9786716 100644
--- a/grafana-plugin/src/components/NewScheduleSelector/NewScheduleSelector.tsx
+++ b/grafana-plugin/src/components/NewScheduleSelector/NewScheduleSelector.tsx
@@ -1,6 +1,5 @@
 import React, { FC, useCallback, useState } from 'react';
 
-import { getLocationSrv } from '@grafana/runtime';
 import { Button, Drawer, HorizontalGroup, Icon, VerticalGroup } from '@grafana/ui';
 import cn from 'classnames/bind';
 
@@ -39,10 +38,6 @@ const NewScheduleSelector: FC<NewScheduleSelectorProps> = (props) => {
       <Drawer scrollableContent title="Create new schedule" onClose={onHide} closeOnMaskClick>
         <div className={cx('content')}>
           <VerticalGroup spacing="lg">
-            {/*<Text type="secondary">
-            Manage on-call schedules using your favourite calendar app, such as Google Calendar or Microsoft Outlook. To
-            schedule on-call shifts create a new calendar and use events with the teammates usernames
-          </Text>*/}
             <Block bordered withBackground className={cx('block')}>
               <HorizontalGroup justify="space-between">
                 <HorizontalGroup spacing="md">
diff --git a/grafana-plugin/src/components/PageErrorHandlingWrapper/PageErrorHandlingWrapper.tsx b/grafana-plugin/src/components/PageErrorHandlingWrapper/PageErrorHandlingWrapper.tsx
index c7fa569d..6ca5b9c3 100644
--- a/grafana-plugin/src/components/PageErrorHandlingWrapper/PageErrorHandlingWrapper.tsx
+++ b/grafana-plugin/src/components/PageErrorHandlingWrapper/PageErrorHandlingWrapper.tsx
@@ -2,7 +2,6 @@ import React, { useEffect } from 'react';
 
 import { Button, VerticalGroup } from '@grafana/ui';
 import cn from 'classnames/bind';
-import { PropTypes } from 'mobx-react';
 
 import PluginLink from 'components/PluginLink/PluginLink';
 import Text from 'components/Text/Text';
diff --git a/grafana-plugin/src/components/Policy/EscalationPolicy.tsx b/grafana-plugin/src/components/Policy/EscalationPolicy.tsx
index 0a8d609b..52c47cd1 100644
--- a/grafana-plugin/src/components/Policy/EscalationPolicy.tsx
+++ b/grafana-plugin/src/components/Policy/EscalationPolicy.tsx
@@ -1,7 +1,7 @@
 import React, { ChangeEvent } from 'react';
 
 import { SelectableValue } from '@grafana/data';
-import { Button, Input, Select, Tooltip, IconButton } from '@grafana/ui';
+import { Button, Input, Select, IconButton } from '@grafana/ui';
 import cn from 'classnames/bind';
 import moment from 'moment-timezone';
 import { SortableElement } from 'react-sortable-hoc';
@@ -11,7 +11,6 @@ import PluginLink from 'components/PluginLink/PluginLink';
 import TimeRange from 'components/TimeRange/TimeRange';
 import Timeline from 'components/Timeline/Timeline';
 import GSelect from 'containers/GSelect/GSelect';
-import RemoteSelect from 'containers/RemoteSelect/RemoteSelect';
 import UserTooltip from 'containers/UserTooltip/UserTooltip';
 import { WithPermissionControl } from 'containers/WithPermissionControl/WithPermissionControl';
 import { prepareEscalationPolicy } from 'models/escalation_policy/escalation_policy.helpers';
@@ -147,7 +146,7 @@ export class EscalationPolicy extends React.Component<EscalationPolicyProps, any
           className={cx('select', 'control', 'multiSelect')}
           value={notify_to_users_queue}
           onChange={this._getOnChangeHandler('notify_to_users_queue')}
-          getOptionLabel={({ label, value }: SelectableValue) => <UserTooltip id={value} />}
+          getOptionLabel={({ value }: SelectableValue) => <UserTooltip id={value} />}
         />
       </WithPermissionControl>
     );
diff --git a/grafana-plugin/src/components/ScheduleBorderedAvatar/ScheduleBorderedAvatar.tsx b/grafana-plugin/src/components/ScheduleBorderedAvatar/ScheduleBorderedAvatar.tsx
index e6c287e0..396ef49d 100644
--- a/grafana-plugin/src/components/ScheduleBorderedAvatar/ScheduleBorderedAvatar.tsx
+++ b/grafana-plugin/src/components/ScheduleBorderedAvatar/ScheduleBorderedAvatar.tsx
@@ -1,15 +1,9 @@
-import React, { useState, useEffect } from 'react';
+import React from 'react';
 
-import { FadeTransition } from '@grafana/ui';
 import cn from 'classnames/bind';
-import dayjs from 'dayjs';
-import { CSSTransition } from 'react-transition-group';
 
 import styles from './ScheduleBorderedAvatar.module.scss';
 
-import animationStyles from 'containers/Rotations/Rotations.module.css';
-
-
 const cx = cn.bind(styles);
 
 interface ScheduleBorderedAvatarProps {
@@ -52,7 +46,9 @@ export default function ScheduleBorderedAvatar({
   }
 
   function renderColorPaths(colors: string[]) {
-    if (!colors?.length) {return null;}
+    if (!colors?.length) {
+      return null;
+    }
 
     const colorSchemeList = colors;
     if (colors.length === 1) {
@@ -75,7 +71,7 @@ export default function ScheduleBorderedAvatar({
       lastX = x;
       lastY = y;
 
-      return <path d={d} stroke={colors[colorIndex]} />;
+      return <path key={colorIndex} d={d} stroke={colors[colorIndex]} />;
     });
   }
 }
diff --git a/grafana-plugin/src/components/ScheduleCounter/ScheduleCounter.module.css b/grafana-plugin/src/components/ScheduleCounter/ScheduleCounter.module.css
index f0f2dc1f..b0eea531 100644
--- a/grafana-plugin/src/components/ScheduleCounter/ScheduleCounter.module.css
+++ b/grafana-plugin/src/components/ScheduleCounter/ScheduleCounter.module.css
@@ -28,15 +28,3 @@
 .tooltip {
   width: auto;
 }
-
-/*
-.tooltip__type_link {
-   border: 1px solid #6CCF8E;
-    background: #132322;
-}
-
-.tooltip__type_warning {
-    border: 1px solid #F8D06B;
-    background: #3A301E;
-}
-*/
diff --git a/grafana-plugin/src/components/ScheduleCounter/ScheduleCounter.tsx b/grafana-plugin/src/components/ScheduleCounter/ScheduleCounter.tsx
index 9f7293c1..45c17f99 100644
--- a/grafana-plugin/src/components/ScheduleCounter/ScheduleCounter.tsx
+++ b/grafana-plugin/src/components/ScheduleCounter/ScheduleCounter.tsx
@@ -1,6 +1,6 @@
-import React, { FC, useCallback } from 'react';
+import React, { FC } from 'react';
 
-import { HorizontalGroup, VerticalGroup, Icon, IconButton, Tooltip, IconName } from '@grafana/ui';
+import { HorizontalGroup, VerticalGroup, Icon, Tooltip, IconName } from '@grafana/ui';
 import cn from 'classnames/bind';
 
 import Text, { TextType } from 'components/Text/Text';
@@ -25,16 +25,6 @@ const typeToColor = {
   warning: 'warning',
 };
 
-const typeToBorderColor = {
-  link: '#6CCF8E',
-  warning: '#F8D06B',
-};
-
-const typeToBackgroundColor = {
-  link: '#132322',
-  warning: '#3A301E',
-};
-
 const cx = cn.bind(styles);
 
 const ScheduleCounter: FC<ScheduleCounterProps> = (props) => {
diff --git a/grafana-plugin/src/components/ScheduleUserDetails/ScheduleUserDetails.module.css b/grafana-plugin/src/components/ScheduleUserDetails/ScheduleUserDetails.module.css
index 84906035..d07b93c4 100644
--- a/grafana-plugin/src/components/ScheduleUserDetails/ScheduleUserDetails.module.css
+++ b/grafana-plugin/src/components/ScheduleUserDetails/ScheduleUserDetails.module.css
@@ -25,7 +25,7 @@
 
 .hr {
   width: 100%;
-  margin: 0  -11px;
+  margin: 0 -11px;
 }
 
 .times {
diff --git a/grafana-plugin/src/components/ScheduleUserDetails/ScheduleUserDetails.tsx b/grafana-plugin/src/components/ScheduleUserDetails/ScheduleUserDetails.tsx
index 423fb074..0a31abff 100644
--- a/grafana-plugin/src/components/ScheduleUserDetails/ScheduleUserDetails.tsx
+++ b/grafana-plugin/src/components/ScheduleUserDetails/ScheduleUserDetails.tsx
@@ -1,6 +1,6 @@
 import React, { FC } from 'react';
 
-import { Icon, Button, HorizontalGroup, VerticalGroup } from '@grafana/ui';
+import { HorizontalGroup, VerticalGroup } from '@grafana/ui';
 import cn from 'classnames/bind';
 import dayjs from 'dayjs';
 
@@ -9,8 +9,6 @@ import Text from 'components/Text/Text';
 import { getTzOffsetString } from 'models/timezone/timezone.helpers';
 import { User } from 'models/user/user.types';
 
-import Line from './img/line.svg';
-
 import styles from './ScheduleUserDetails.module.css';
 
 interface ScheduleUserDetailsProps {
@@ -20,30 +18,9 @@ interface ScheduleUserDetailsProps {
 
 const cx = cn.bind(styles);
 
-enum UserOncallStatus {
-  Now = 'now',
-  Outside = 'outside',
-  Inside = 'inside',
-}
-
-const userOncallStatusToText = {
-  [UserOncallStatus.Now]: 'Oncall now',
-  [UserOncallStatus.Inside]: 'Inside working hours',
-  [UserOncallStatus.Outside]: 'Outside working hours',
-};
-
 const ScheduleUserDetails: FC<ScheduleUserDetailsProps> = (props) => {
   const { user, currentMoment } = props;
-
-  const userStatus =
-    Math.random() > 0.66
-      ? UserOncallStatus.Now
-      : Math.random() > 0.33
-      ? UserOncallStatus.Inside
-      : UserOncallStatus.Outside;
-
   const userMoment = currentMoment.tz(user.timezone);
-
   const userOffsetHoursStr = getTzOffsetString(userMoment);
 
   return (
@@ -51,67 +28,12 @@ const ScheduleUserDetails: FC<ScheduleUserDetailsProps> = (props) => {
       <VerticalGroup spacing="sm">
         <HorizontalGroup justify="space-between">
           <Avatar src={user.avatar} size="large" />
-          {/*<Button variant="secondary">
-            <HorizontalGroup spacing="sm">
-              <Icon name="bell" />
-              Push
-            </HorizontalGroup>
-          </Button>*/}
         </HorizontalGroup>
         <VerticalGroup spacing="sm">
           <Text type="primary">{user.username}</Text>
           <Text type="secondary">
             {`${userMoment.tz(user.timezone).format('DD MMM, HH:mm')}`} {userOffsetHoursStr}
           </Text>
-          {/* <div
-            className={cx('oncall-badge', {
-              [`oncall-badge__type_${userStatus}`]: true,
-            })}
-          >
-            {userOncallStatusToText[userStatus]}
-          </div>
-          <HorizontalGroup>
-            <VerticalGroup spacing="sm">
-              <Text type="primary">Next shift</Text>
-              <div className={cx('times')}>
-                <HorizontalGroup>
-                  <img src={Line} />
-                  <VerticalGroup spacing="none">
-                    <Text type="secondary">30 apr, 00:00</Text>
-                    <Text type="secondary">30 apr, 23:59</Text>
-                  </VerticalGroup>
-                </HorizontalGroup>
-              </div>
-            </VerticalGroup>
-            <VerticalGroup spacing="sm">
-              <Text type="primary">Last shift</Text>
-              <div className={cx('times')}>
-                <HorizontalGroup>
-                  <img src={Line} />
-                  <VerticalGroup spacing="none">
-                    <Text type="secondary">30 apr, 00:00</Text>
-                    <Text type="secondary">30 apr, 23:59</Text>
-                  </VerticalGroup>
-                </HorizontalGroup>
-              </div>
-            </VerticalGroup>
-          </HorizontalGroup>
-        </VerticalGroup>
-        <hr style={{ width: '100%' }} />
-        <VerticalGroup spacing="sm">
-          <Text type="primary">Contacts</Text>
-          <HorizontalGroup spacing="sm">
-            <Icon className={cx('icon')} name="message" />
-            <Text type="link">mail@grafana.com</Text>
-          </HorizontalGroup>
-          <HorizontalGroup spacing="sm">
-            <Icon className={cx('icon')} name="slack" />
-            <Text type="link">@slackid</Text>
-          </HorizontalGroup>
-          <HorizontalGroup spacing="sm">
-            <Icon className={cx('icon')} name="phone" />
-            <Text type="secondary">+39 555 449 00 00</Text>
-          </HorizontalGroup>*/}
         </VerticalGroup>
       </VerticalGroup>
     </div>
diff --git a/grafana-plugin/src/components/SchedulesFilters/SchedulesFilters.helpers.ts b/grafana-plugin/src/components/SchedulesFilters/SchedulesFilters.helpers.ts
index 3cfbe028..1b35ebb3 100644
--- a/grafana-plugin/src/components/SchedulesFilters/SchedulesFilters.helpers.ts
+++ b/grafana-plugin/src/components/SchedulesFilters/SchedulesFilters.helpers.ts
@@ -1,4 +1,4 @@
-import moment from 'moment';
+import moment from 'moment-timezone';
 
 export function optionToDateString(option: string) {
   switch (option) {
diff --git a/grafana-plugin/src/components/SchedulesFilters/SchedulesFilters.tsx b/grafana-plugin/src/components/SchedulesFilters/SchedulesFilters.tsx
index 68fdc946..ce99674f 100644
--- a/grafana-plugin/src/components/SchedulesFilters/SchedulesFilters.tsx
+++ b/grafana-plugin/src/components/SchedulesFilters/SchedulesFilters.tsx
@@ -1,8 +1,8 @@
-import React, { ChangeEvent, useCallback, useMemo, useState } from 'react';
+import React, { useCallback, useMemo } from 'react';
 
 import { DatePickerWithInput, Field, HorizontalGroup, RadioButtonGroup } from '@grafana/ui';
 import cn from 'classnames/bind';
-import moment from 'moment';
+import moment from 'moment-timezone';
 
 import { dateStringToOption, optionToDateString } from './SchedulesFilters.helpers';
 import { SchedulesFiltersType } from './SchedulesFilters.types';
@@ -17,18 +17,22 @@ interface SchedulesFiltersProps {
   className?: string;
 }
 
-const SchedulesFilters = (props: SchedulesFiltersProps) => {
-  const { value, onChange, className } = props;
-
-  const handleDateChange = useCallback((date: Date) => {
-    onChange({ selectedDate: moment(date).format('YYYY-MM-DD') });
-  }, []);
+const SchedulesFilters = ({ value, onChange, className }: SchedulesFiltersProps) => {
+  const handleDateChange = useCallback(
+    (date: Date) => {
+      onChange({ selectedDate: moment(date).format('YYYY-MM-DD') });
+    },
+    [onChange]
+  );
 
   const option = useMemo(() => dateStringToOption(value.selectedDate), [value]);
 
-  const handleOptionChange = useCallback((option: string) => {
-    onChange({ ...value, selectedDate: optionToDateString(option) });
-  }, []);
+  const handleOptionChange = useCallback(
+    (option: string) => {
+      onChange({ ...value, selectedDate: optionToDateString(option) });
+    },
+    [onChange, value]
+  );
 
   const datePickerValue = useMemo(() => moment(value.selectedDate).toDate(), [value]);
 
diff --git a/grafana-plugin/src/components/SchedulesFilters/SchedulesFilters.types.ts b/grafana-plugin/src/components/SchedulesFilters/SchedulesFilters.types.ts
index cb43e74c..4ec857f9 100644
--- a/grafana-plugin/src/components/SchedulesFilters/SchedulesFilters.types.ts
+++ b/grafana-plugin/src/components/SchedulesFilters/SchedulesFilters.types.ts
@@ -1,5 +1,3 @@
-import { Moment } from 'moment';
-
 export interface SchedulesFiltersType {
   selectedDate: string;
 }
diff --git a/grafana-plugin/src/components/SchedulesFilters_NEW/SchedulesFilters.helpers.ts b/grafana-plugin/src/components/SchedulesFilters_NEW/SchedulesFilters.helpers.ts
index 3cfbe028..1b35ebb3 100644
--- a/grafana-plugin/src/components/SchedulesFilters_NEW/SchedulesFilters.helpers.ts
+++ b/grafana-plugin/src/components/SchedulesFilters_NEW/SchedulesFilters.helpers.ts
@@ -1,4 +1,4 @@
-import moment from 'moment';
+import moment from 'moment-timezone';
 
 export function optionToDateString(option: string) {
   switch (option) {
diff --git a/grafana-plugin/src/components/SchedulesFilters_NEW/SchedulesFilters.tsx b/grafana-plugin/src/components/SchedulesFilters_NEW/SchedulesFilters.tsx
index dbcbd942..dcb30d78 100644
--- a/grafana-plugin/src/components/SchedulesFilters_NEW/SchedulesFilters.tsx
+++ b/grafana-plugin/src/components/SchedulesFilters_NEW/SchedulesFilters.tsx
@@ -1,11 +1,10 @@
-import React, { ChangeEvent, useCallback, useMemo, useState } from 'react';
+import React, { ChangeEvent, useCallback } from 'react';
 
-import { DatePickerWithInput, Field, HorizontalGroup, Icon, Input, RadioButtonGroup } from '@grafana/ui';
+import { Field, HorizontalGroup, Icon, Input, RadioButtonGroup } from '@grafana/ui';
 import cn from 'classnames/bind';
 
 import { ScheduleType } from 'models/schedule/schedule.types';
 
-import { dateStringToOption, optionToDateString } from './SchedulesFilters.helpers';
 import { SchedulesFiltersType } from './SchedulesFilters.types';
 
 import styles from './SchedulesFilters.module.css';
diff --git a/grafana-plugin/src/components/SourceCode/SourceCode.module.scss b/grafana-plugin/src/components/SourceCode/SourceCode.module.scss
index 0b281c05..ec139080 100644
--- a/grafana-plugin/src/components/SourceCode/SourceCode.module.scss
+++ b/grafana-plugin/src/components/SourceCode/SourceCode.module.scss
@@ -26,4 +26,4 @@
 }
 .copyButton {
   opacity: 0;
-}
\ No newline at end of file
+}
diff --git a/grafana-plugin/src/components/SourceCode/SourceCode.test.tsx b/grafana-plugin/src/components/SourceCode/SourceCode.test.tsx
index ee8de0e2..592e65e8 100644
--- a/grafana-plugin/src/components/SourceCode/SourceCode.test.tsx
+++ b/grafana-plugin/src/components/SourceCode/SourceCode.test.tsx
@@ -2,8 +2,7 @@ import 'jest/matchMedia.ts';
 import React from 'react';
 
 import { describe, expect, test } from '@jest/globals';
-import { render, fireEvent, screen } from '@testing-library/react';
-
+import { render, screen } from '@testing-library/react';
 
 import '@testing-library/jest-dom';
 import SourceCode from './SourceCode';
diff --git a/grafana-plugin/src/components/SourceCode/SourceCode.tsx b/grafana-plugin/src/components/SourceCode/SourceCode.tsx
index dc1c3f89..7e9ff5da 100644
--- a/grafana-plugin/src/components/SourceCode/SourceCode.tsx
+++ b/grafana-plugin/src/components/SourceCode/SourceCode.tsx
@@ -1,6 +1,6 @@
 import React, { FC } from 'react';
 
-import { Button, Icon, IconButton } from '@grafana/ui';
+import { Button, IconButton } from '@grafana/ui';
 import cn from 'classnames/bind';
 import CopyToClipboard from 'react-copy-to-clipboard';
 
@@ -33,7 +33,13 @@ const SourceCode: FC<SourceCodeProps> = (props) => {
           {showClipboardIconOnly ? (
             <IconButton className={cx('copyIcon')} size={'lg'} name="copy" data-testid="test__copyIcon" />
           ) : (
-            <Button className={cx('copyButton')} variant="primary" size="xs" icon="copy" data-testid="test__copyIconWithText">
+            <Button
+              className={cx('copyButton')}
+              variant="primary"
+              size="xs"
+              icon="copy"
+              data-testid="test__copyIconWithText"
+            >
               Copy
             </Button>
           )}
diff --git a/grafana-plugin/src/components/Table/Table.tsx b/grafana-plugin/src/components/Table/Table.tsx
index 8c656de5..026b18af 100644
--- a/grafana-plugin/src/components/Table/Table.tsx
+++ b/grafana-plugin/src/components/Table/Table.tsx
@@ -1,6 +1,6 @@
-import React, { FC, useState, useCallback, useMemo, ChangeEvent } from 'react';
+import React, { FC, useMemo } from 'react';
 
-import { Pagination, Checkbox, Icon, VerticalGroup } from '@grafana/ui';
+import { Pagination, VerticalGroup } from '@grafana/ui';
 import cn from 'classnames/bind';
 import Table from 'rc-table';
 import { TableProps } from 'rc-table/lib/Table';
@@ -34,21 +34,20 @@ export interface Props<RecordType = unknown> extends TableProps<RecordType> {
 
 const GTable: FC<Props> = (props) => {
   const { columns, data, className, pagination, loading, rowKey, expandable, ...restProps } = props;
-
   const { page, total: numberOfPages, onChange: onNavigate } = pagination || {};
 
   const expandableFn = useMemo(() => {
     return expandable
       ? {
           ...expandable,
-          expandIcon: ({ expanded, record }) => {
+          expandIcon: ({ expanded }) => {
             return (
               <div className={cx('expand-icon', { [`expand-icon__expanded`]: expanded })}>
                 <ExpandIcon />
               </div>
             );
           },
-          expandedRowClassName: (record, index) => (index % 2 === 0 ? cx('row-even') : cx('row-odd')),
+          expandedRowClassName: (_record, index) => (index % 2 === 0 ? cx('row-even') : cx('row-odd')),
         }
       : null;
   }, [expandable]);
@@ -61,7 +60,7 @@ const GTable: FC<Props> = (props) => {
         columns={columns}
         data={data}
         expandable={expandableFn}
-        rowClassName={(record, index) => (index % 2 === 0 ? cx('row-even') : cx('row-odd'))}
+        rowClassName={(_record, index) => (index % 2 === 0 ? cx('row-even') : cx('row-odd'))}
         {...restProps}
       />
       {pagination && (
diff --git a/grafana-plugin/src/components/Text/Text.module.scss b/grafana-plugin/src/components/Text/Text.module.scss
index 411ffd33..febd6c75 100644
--- a/grafana-plugin/src/components/Text/Text.module.scss
+++ b/grafana-plugin/src/components/Text/Text.module.scss
@@ -40,7 +40,6 @@
   white-space: nowrap;
 }
 
-
 .keyboard {
   margin: 0 0.2em;
   padding: 0.15em 0.4em 0.1em;
diff --git a/grafana-plugin/src/components/Text/Text.tsx b/grafana-plugin/src/components/Text/Text.tsx
index ca9e4ff2..1570635f 100644
--- a/grafana-plugin/src/components/Text/Text.tsx
+++ b/grafana-plugin/src/components/Text/Text.tsx
@@ -69,9 +69,8 @@ const Text: TextInterface = (props) => {
 
   const handleConfirmEdit = useCallback(() => {
     setIsEditMode(false);
-
     onTextChange(value);
-  }, [value]);
+  }, [value, onTextChange]);
 
   const handleInputChange = useCallback((e: ChangeEvent<HTMLInputElement>) => {
     setValue(e.target.value);
diff --git a/grafana-plugin/src/components/Timeline/Timeline.tsx b/grafana-plugin/src/components/Timeline/Timeline.tsx
index ab0ff47d..2599f56a 100644
--- a/grafana-plugin/src/components/Timeline/Timeline.tsx
+++ b/grafana-plugin/src/components/Timeline/Timeline.tsx
@@ -1,4 +1,4 @@
-import React, { FC } from 'react';
+import React from 'react';
 
 import cn from 'classnames/bind';
 
diff --git a/grafana-plugin/src/components/Timeline/TimelineItem.tsx b/grafana-plugin/src/components/Timeline/TimelineItem.tsx
index dec3f52d..59000cfb 100644
--- a/grafana-plugin/src/components/Timeline/TimelineItem.tsx
+++ b/grafana-plugin/src/components/Timeline/TimelineItem.tsx
@@ -1,4 +1,4 @@
-import React, { FC } from 'react';
+import React from 'react';
 
 import cn from 'classnames/bind';
 
@@ -15,21 +15,19 @@ export interface TimelineItemProps {
   children?: any;
 }
 
-const TimelineItem: React.FC<TimelineItemProps> = (props) => {
-  const { className, contentClassName, children, color = '#3274D9', number } = props;
-
-  const style = { backgroundColor: color };
-
-  return (
-    <li className={cx('item', className)}>
-      {/*<Badge count={badge} style={style} showZero={false}>*/}
-      <div className={cx('dot')} style={{ backgroundColor: color }}>
-        {number}
-      </div>
-      {/*</Badge>*/}
-      <div className={cx('content', contentClassName)}>{children}</div>
-    </li>
-  );
-};
+const TimelineItem: React.FC<TimelineItemProps> = ({
+  className,
+  contentClassName,
+  children,
+  color = '#3274D9',
+  number,
+}) => (
+  <li className={cx('item', className)}>
+    <div className={cx('dot')} style={{ backgroundColor: color }}>
+      {number}
+    </div>
+    <div className={cx('content', contentClassName)}>{children}</div>
+  </li>
+);
 
 export default TimelineItem;
diff --git a/grafana-plugin/src/components/TimelineMarks/TimelineMarks.tsx b/grafana-plugin/src/components/TimelineMarks/TimelineMarks.tsx
index 82244568..63022c80 100644
--- a/grafana-plugin/src/components/TimelineMarks/TimelineMarks.tsx
+++ b/grafana-plugin/src/components/TimelineMarks/TimelineMarks.tsx
@@ -49,8 +49,9 @@ const TimelineMarks: FC<TimelineMarksProps> = (props) => {
     <div className={cx('root')}>
       {debug && (
         <svg version="1.1" width="100%" height="6px" xmlns="http://www.w3.org/2000/svg" className={cx('debug-scale')}>
-          {cuts.map((cut, index) => (
+          {cuts.map((_cut, index) => (
             <line
+              key={index}
               x1={`${(index * 100) / (24 * 7)}%`}
               strokeWidth={1}
               y1="0"
diff --git a/grafana-plugin/src/components/Tutorial/Tutorial.tsx b/grafana-plugin/src/components/Tutorial/Tutorial.tsx
index 64d76d1f..51a05bee 100644
--- a/grafana-plugin/src/components/Tutorial/Tutorial.tsx
+++ b/grafana-plugin/src/components/Tutorial/Tutorial.tsx
@@ -1,6 +1,5 @@
 import React, { FC } from 'react';
 
-import { Button, VerticalGroup } from '@grafana/ui';
 import cn from 'classnames/bind';
 
 import Block from 'components/GBlock/Block';
@@ -13,7 +12,6 @@ import scheduleIcon from './icons/calendar-icon.svg';
 import chatIcon from './icons/chat-icon.svg';
 import escalationIcon from './icons/escalation-icon.svg';
 import integrationsIcon from './icons/integration-icon.svg';
-import arrowIcon from './icons/long-arrow.svg';
 
 import styles from './Tutorial.module.css';
 
diff --git a/grafana-plugin/src/components/UserGroups/UserGroups.helpers.ts b/grafana-plugin/src/components/UserGroups/UserGroups.helpers.ts
index dcbfb7bf..059b3c62 100644
--- a/grafana-plugin/src/components/UserGroups/UserGroups.helpers.ts
+++ b/grafana-plugin/src/components/UserGroups/UserGroups.helpers.ts
@@ -2,7 +2,7 @@ import { Item } from './UserGroups.types';
 
 export const toPlainArray = (groups: string[][]) => {
   const items: Item[] = [];
-  groups.forEach((group: string[], groupIndex: number) => {
+  groups.forEach((_group: string[], groupIndex: number) => {
     items.push({
       key: `group-${groupIndex}`,
       type: 'group',
diff --git a/grafana-plugin/src/components/UserGroups/UserGroups.module.css b/grafana-plugin/src/components/UserGroups/UserGroups.module.css
index d48834b8..df6ec4f8 100644
--- a/grafana-plugin/src/components/UserGroups/UserGroups.module.css
+++ b/grafana-plugin/src/components/UserGroups/UserGroups.module.css
@@ -24,7 +24,7 @@
 
 .separator::before {
   display: block;
-  content: "";
+  content: '';
   flex-grow: 1;
   border-bottom: var(--border-medium);
   height: 0;
@@ -33,7 +33,7 @@
 
 .separator::after {
   display: block;
-  content: "";
+  content: '';
   flex-grow: 1;
   border-bottom: var(--border-medium);
   height: 0;
diff --git a/grafana-plugin/src/components/UserGroups/UserGroups.tsx b/grafana-plugin/src/components/UserGroups/UserGroups.tsx
index e7953645..af1fb44f 100644
--- a/grafana-plugin/src/components/UserGroups/UserGroups.tsx
+++ b/grafana-plugin/src/components/UserGroups/UserGroups.tsx
@@ -1,6 +1,6 @@
-import React, { useCallback, useEffect, useMemo } from 'react';
+import React, { useCallback, useMemo } from 'react';
 
-import { VerticalGroup, HorizontalGroup, IconButton, Field, Input } from '@grafana/ui';
+import { VerticalGroup, HorizontalGroup, IconButton } from '@grafana/ui';
 import { arrayMoveImmutable } from 'array-move';
 import cn from 'classnames/bind';
 import { SortableContainer, SortableElement, SortableHandle } from 'react-sortable-hoc';
@@ -45,7 +45,7 @@ const UserGroups = (props: UserGroupsProps) => {
         k++;
 
         if (k === index) {
-          newGroups[i] = newGroups[i].filter((item, itemIndex) => itemIndex !== j);
+          newGroups[i] = newGroups[i].filter((_item, itemIndex) => itemIndex !== j);
           onChange(newGroups.filter((group) => group.length));
           return;
         }
diff --git a/grafana-plugin/src/components/UserTimezoneSelect/UserTimezoneSelect.tsx b/grafana-plugin/src/components/UserTimezoneSelect/UserTimezoneSelect.tsx
index 83a4882f..df0e3226 100644
--- a/grafana-plugin/src/components/UserTimezoneSelect/UserTimezoneSelect.tsx
+++ b/grafana-plugin/src/components/UserTimezoneSelect/UserTimezoneSelect.tsx
@@ -3,7 +3,6 @@ import React, { FC, useCallback, useMemo } from 'react';
 import { Select } from '@grafana/ui';
 import cn from 'classnames/bind';
 import dayjs from 'dayjs';
-import { get } from 'lodash-es';
 
 import { getTzOffsetString } from 'models/timezone/timezone.helpers';
 import { Timezone } from 'models/timezone/timezone.types';
diff --git a/grafana-plugin/src/components/UsersFilters/UsersFilters.tsx b/grafana-plugin/src/components/UsersFilters/UsersFilters.tsx
index 342ee934..ba2c6567 100644
--- a/grafana-plugin/src/components/UsersFilters/UsersFilters.tsx
+++ b/grafana-plugin/src/components/UsersFilters/UsersFilters.tsx
@@ -70,6 +70,7 @@ const UsersFilters = (props: UsersFiltersProps) => {
       <HorizontalGroup>
         {roleOptions.map((option) => (
           <Checkbox
+            key={option.value}
             value={value.roles.includes(option.value)}
             label={option.label}
             onChange={onChangeRolesCallback(option.value)}
diff --git a/grafana-plugin/src/components/VerticalTabsBar/VerticalTabsBar.tsx b/grafana-plugin/src/components/VerticalTabsBar/VerticalTabsBar.tsx
index ae6ec9c3..c18001bf 100644
--- a/grafana-plugin/src/components/VerticalTabsBar/VerticalTabsBar.tsx
+++ b/grafana-plugin/src/components/VerticalTabsBar/VerticalTabsBar.tsx
@@ -4,14 +4,22 @@ import cn from 'classnames/bind';
 
 import styles from './VerticalTabsBar.module.css';
 
+const cx = cn.bind(styles);
+interface TabProps {
+  id: string;
+  children?: any;
+}
+
+export const VerticalTab: FC<TabProps> = ({ children }) => {
+  return <>{children}</>;
+};
+
 interface VerticalTabsBarProps {
   children: Array<React.ReactElement<TabProps>> | React.ReactElement<TabProps>;
   activeTab: string;
   onChange: (id: string) => void;
 }
 
-const cx = cn.bind(styles);
-
 const VerticalTabsBar = (props: VerticalTabsBarProps) => {
   const { children, activeTab, onChange } = props;
 
@@ -25,8 +33,9 @@ const VerticalTabsBar = (props: VerticalTabsBarProps) => {
     <div className={cx('root')}>
       {React.Children.toArray(children)
         .filter(Boolean)
-        .map((child: React.ReactElement) => (
+        .map((child: React.ReactElement, idx) => (
           <div
+            key={idx}
             onClick={getClickHandler(child.props.id)}
             className={cx('tab', { tab_active: activeTab === child.props.id })}
           >
@@ -38,12 +47,3 @@ const VerticalTabsBar = (props: VerticalTabsBarProps) => {
 };
 
 export default VerticalTabsBar;
-
-interface TabProps {
-  id: string;
-  children?: any;
-}
-
-export const VerticalTab: FC<TabProps> = ({ children }) => {
-  return <>{children}</>;
-};
diff --git a/grafana-plugin/src/components/WithConfirm/WithConfirm.module.css b/grafana-plugin/src/components/WithConfirm/WithConfirm.module.css
deleted file mode 100644
index 63d08ecc..00000000
--- a/grafana-plugin/src/components/WithConfirm/WithConfirm.module.css
+++ /dev/null
@@ -1,3 +0,0 @@
-.root {
-  display: block;
-}
diff --git a/grafana-plugin/src/components/WithConfirm/WithConfirm.tsx b/grafana-plugin/src/components/WithConfirm/WithConfirm.tsx
index 67a53cd7..e16e288b 100644
--- a/grafana-plugin/src/components/WithConfirm/WithConfirm.tsx
+++ b/grafana-plugin/src/components/WithConfirm/WithConfirm.tsx
@@ -1,9 +1,6 @@
-import React, { FC, ReactElement, useCallback, useState } from 'react';
+import React, { ReactElement, useCallback, useState } from 'react';
 
 import { ConfirmModal } from '@grafana/ui';
-import cn from 'classnames/bind';
-
-import styles from './WithConfirm.module.css';
 
 interface WithConfirmProps {
   children: ReactElement;
@@ -13,8 +10,6 @@ interface WithConfirmProps {
   disabled?: boolean;
 }
 
-const cx = cn.bind(styles);
-
 const WithConfirm = (props: WithConfirmProps) => {
   const { children, title = 'Are you sure to delete?', body, confirmText = 'Delete', disabled } = props;
 
diff --git a/grafana-plugin/src/components/WorkingHours/WorkingHours.helpers.ts b/grafana-plugin/src/components/WorkingHours/WorkingHours.helpers.ts
index 52c7579f..d468870f 100644
--- a/grafana-plugin/src/components/WorkingHours/WorkingHours.helpers.ts
+++ b/grafana-plugin/src/components/WorkingHours/WorkingHours.helpers.ts
@@ -71,7 +71,7 @@ export const getNonWorkingMoments = (startMoment, endMoment, workingHours) => {
   const nonWorkingMoments = [{ start: startMoment, end: endMoment }];
 
   let lastNonWorkingRange = nonWorkingMoments[0];
-  for (const [i, range] of workingHours.entries()) {
+  for (const [_i, range] of workingHours.entries()) {
     lastNonWorkingRange.end = range.start;
 
     lastNonWorkingRange = { start: range.end, end: undefined };
diff --git a/grafana-plugin/src/components/WorkingHours/WorkingHours.tsx b/grafana-plugin/src/components/WorkingHours/WorkingHours.tsx
index 39b925f1..13ef9bc3 100644
--- a/grafana-plugin/src/components/WorkingHours/WorkingHours.tsx
+++ b/grafana-plugin/src/components/WorkingHours/WorkingHours.tsx
@@ -2,7 +2,6 @@ import React, { FC, useMemo } from 'react';
 
 import cn from 'classnames/bind';
 import dayjs from 'dayjs';
-import localeData from 'dayjs/plugin/localeData';
 
 import { Timezone } from 'models/timezone/timezone.types';
 
@@ -11,8 +10,6 @@ import { getNonWorkingMoments, getWorkingMoments } from './WorkingHours.helpers'
 
 import styles from './WorkingHours.module.css';
 
-import { start } from 'repl';
-
 interface WorkingHoursProps {
   timezone: Timezone;
   workingHours: any;
@@ -34,33 +31,11 @@ const WorkingHours: FC<WorkingHoursProps> = (props) => {
     [startMoment, endMoment, workingHours, timezone]
   );
 
-  /*console.log(
-    workingMoments.map(({ start, end }) => `${start.diff(startMoment, 'hours')} - ${end.diff(startMoment, 'hours')}`)
-  );*/
-
   const nonWorkingMoments = useMemo(
     () => getNonWorkingMoments(startMoment, endMoment, workingMoments),
     [startMoment, endMoment, workingMoments]
   );
 
-  // console.log(startMoment, startMoment.toString());
-
-  /* console.log(
-    workingMoments.map(
-      (range) =>
-        `${range.start.tz(timezone).format('D MMM ddd HH:ss')} - ${range.end.tz(timezone).format('D MMM ddd HH:ss')}`
-    )
-  ); */
-
-  // console.log(workingHours);
-
-  /*console.log(
-    nonWorkingMoments.map(
-      (range) =>
-        `${range.start.tz(timezone).format('D MMM ddd HH:ss')} - ${range.end.tz(timezone).format('D MMM ddd HH:ss')}`
-    )
-  );*/
-
   return (
     <svg
       version="1.1"
diff --git a/grafana-plugin/src/containers/AlertReceiveChannelCard/AlertReceiveChannelCard.tsx b/grafana-plugin/src/containers/AlertReceiveChannelCard/AlertReceiveChannelCard.tsx
index de06b7ba..0a961b6d 100644
--- a/grafana-plugin/src/containers/AlertReceiveChannelCard/AlertReceiveChannelCard.tsx
+++ b/grafana-plugin/src/containers/AlertReceiveChannelCard/AlertReceiveChannelCard.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { Icon, Tooltip, HorizontalGroup, VerticalGroup } from '@grafana/ui';
+import { Tooltip, HorizontalGroup, VerticalGroup } from '@grafana/ui';
 import cn from 'classnames/bind';
 import { observer } from 'mobx-react';
 import Emoji from 'react-emoji-render';
@@ -8,9 +8,8 @@ import Emoji from 'react-emoji-render';
 import IntegrationLogo from 'components/IntegrationLogo/IntegrationLogo';
 import PluginLink from 'components/PluginLink/PluginLink';
 import Text from 'components/Text/Text';
-import { GrafanaIcon, HeartGreenIcon, HeartRedIcon } from 'icons';
+import { HeartGreenIcon, HeartRedIcon } from 'icons';
 import { AlertReceiveChannel } from 'models/alert_receive_channel/alert_receive_channel.types';
-import { SelectOption } from 'state/types';
 import { useStore } from 'state/useStore';
 
 import styles from './AlertReceiveChannelCard.module.css';
diff --git a/grafana-plugin/src/containers/AlertRules/AlertRules.tsx b/grafana-plugin/src/containers/AlertRules/AlertRules.tsx
index 10f48d9d..20722441 100644
--- a/grafana-plugin/src/containers/AlertRules/AlertRules.tsx
+++ b/grafana-plugin/src/containers/AlertRules/AlertRules.tsx
@@ -34,7 +34,6 @@ import { ChannelFilter } from 'models/channel_filter/channel_filter.types';
 import { EscalationChain } from 'models/escalation_chain/escalation_chain.types';
 import { EscalationPolicyOption } from 'models/escalation_policy/escalation_policy.types';
 import { MaintenanceType } from 'models/maintenance/maintenance.types';
-import { getSlackChannelName } from 'models/slack_channel/slack_channel.helpers';
 import { WithStoreProps } from 'state/types';
 import { UserAction } from 'state/userAction';
 import { withMobXProviderContext } from 'state/withStore';
@@ -63,6 +62,14 @@ interface AlertRulesState {
   editIntegrationName?: string;
 }
 
+const Notification: React.FC = () => (
+  <div>
+    Demo alert was generated. Find it on the
+    <PluginLink query={{ page: 'incidents' }}> "Alert Groups" </PluginLink>
+    page and make sure it didn't freak out your colleagues 😉
+  </div>
+);
+
 @observer
 class AlertRules extends React.Component<AlertRulesProps, AlertRulesState> {
   state: AlertRulesState = {
@@ -77,9 +84,7 @@ class AlertRules extends React.Component<AlertRulesProps, AlertRulesState> {
     }
   }
 
-  componentDidUpdate(prevProps: Readonly<AlertRulesProps>, prevState: Readonly<AlertRulesState>, snapshot?: any) {
-    const { store } = this.props;
-
+  componentDidUpdate(prevProps: Readonly<AlertRulesProps>, _prevState: Readonly<AlertRulesState>, _snapshot?: any) {
     if (this.props.alertReceiveChannelId && prevProps.alertReceiveChannelId !== this.props.alertReceiveChannelId) {
       if (prevProps.alertReceiveChannelId) {
         this.setState({
@@ -130,14 +135,12 @@ class AlertRules extends React.Component<AlertRulesProps, AlertRulesState> {
   render() {
     const {
       alertReceiveChannelIdToCreateChannelFilter,
-      channelFilterToEdit,
-      settingsVisible,
       routeToDelete,
       escalationChainIdToCopy,
       channelFilterIdToCopyEscalationChain,
       editIntegrationName,
     } = this.state;
-    const { store, alertReceiveChannelId, onEditAlertReceiveChannelTemplates, onShowSettings } = this.props;
+    const { store, alertReceiveChannelId, onShowSettings } = this.props;
     const { alertReceiveChannelStore } = store;
 
     const alertReceiveChannel = alertReceiveChannelStore.items[alertReceiveChannelId];
@@ -153,7 +156,6 @@ class AlertRules extends React.Component<AlertRulesProps, AlertRulesState> {
         <div className={cx('root')}>
           <Block className={cx('headerBlock')}>
             <div className={cx('header')}>
-              {/* <HorizontalGroup> */}
               <Text.Title level={4}>
                 <HorizontalGroup>
                   Escalate
@@ -197,7 +199,6 @@ class AlertRules extends React.Component<AlertRulesProps, AlertRulesState> {
                   </div>
                 </Modal>
               )}
-              {/* </HorizontalGroup> */}
               <div className={cx('buttons')}>
                 <Button
                   variant="secondary"
@@ -377,7 +378,7 @@ class AlertRules extends React.Component<AlertRulesProps, AlertRulesState> {
   handleEscalationChainCreate = async (id: EscalationChain['id']) => {
     const { store } = this.props;
     const { alertReceiveChannelStore } = store;
-    const { escalationChainIdToCopy, channelFilterIdToCopyEscalationChain } = this.state;
+    const { channelFilterIdToCopyEscalationChain } = this.state;
 
     await alertReceiveChannelStore
       .saveChannelFilter(channelFilterIdToCopyEscalationChain, { escalation_chain: id })
@@ -389,8 +390,7 @@ class AlertRules extends React.Component<AlertRulesProps, AlertRulesState> {
   };
 
   handleDeleteAlertReceiveChannel = () => {
-    const { store, alertReceiveChannelId, onDelete } = this.props;
-
+    const { alertReceiveChannelId, onDelete } = this.props;
     onDelete(alertReceiveChannelId);
   };
 
@@ -460,12 +460,13 @@ class AlertRules extends React.Component<AlertRulesProps, AlertRulesState> {
 
     return (
       <div>
-        {channelFilterIds.map((channelFilterId: ChannelFilter['id'], index: number) => {
+        {channelFilterIds.map((channelFilterId: ChannelFilter['id']) => {
           const channelFilter = store.alertReceiveChannelStore.channelFilters[channelFilterId];
 
           if (channelFilterId === channelFilterToEdit?.id) {
             return (
               <ChannelFilterForm
+                key={channelFilterId}
                 className={cx('route')}
                 id={channelFilterToEdit.id}
                 alertReceiveChannelId={channelFilterToEdit.alert_receive_channel}
@@ -590,8 +591,6 @@ class AlertRules extends React.Component<AlertRulesProps, AlertRulesState> {
   };
 
   getChannelFilterToggleHandler = (channelFilterId: ChannelFilter['id']) => {
-    const { store } = this.props;
-
     return (isOpen: boolean) => {
       const { expandedRoutes } = this.state;
 
@@ -685,17 +684,9 @@ class AlertRules extends React.Component<AlertRulesProps, AlertRulesState> {
     channelFilterId: ChannelFilter['id']
   ) => {
     const { store } = this.props;
-
-    const { telegramChannelStore, teamStore } = store;
     const channelFilterIds = store.alertReceiveChannelStore.channelFilterIds[alertReceiveChannelId];
-
     const channelFilter = store.alertReceiveChannelStore.channelFilters[channelFilterId];
 
-    const telegramChannel =
-      channelFilter.telegram_channel && telegramChannelStore.items[channelFilter.telegram_channel];
-
-    const slackChannelName = getSlackChannelName(channelFilter.slack_channel || teamStore.currentTeam?.slack_channel);
-
     const index = channelFilterIds.indexOf(channelFilterId);
     return (
       <div className={cx('channel-filter-header')}>
@@ -760,9 +751,7 @@ class AlertRules extends React.Component<AlertRulesProps, AlertRulesState> {
 
   _renderEscalationPolicies = (channelFilterId: ChannelFilter['id']) => {
     const { store } = this.props;
-
     const channelFilter = store.alertReceiveChannelStore.channelFilters[channelFilterId];
-
     const escalationChainId = channelFilter.escalation_chain;
 
     return (
@@ -802,13 +791,7 @@ class AlertRules extends React.Component<AlertRulesProps, AlertRulesState> {
     return () => {
       alertReceiveChannelStore.sendDemoAlert(id).then(() => {
         alertReceiveChannelStore.updateCounters();
-        openNotification(
-          <div>
-            Demo alert was generated. Find it on the
-            <PluginLink query={{ page: 'incidents' }}> "Alert Groups" </PluginLink>
-            page and make sure it didn't freak out your colleagues 😉
-          </div>
-        );
+        openNotification(<Notification />);
       });
     };
   };
@@ -819,13 +802,7 @@ class AlertRules extends React.Component<AlertRulesProps, AlertRulesState> {
     } = this.props;
     return () => {
       alertReceiveChannelStore.sendDemoAlertToParticularRoute(id).then(() => {
-        openNotification(
-          <div>
-            Demo alert was generated. Find it on the
-            <PluginLink query={{ page: 'incidents' }}> "Alert Groups" </PluginLink>
-            page and make sure it didn't freak out your colleagues 😉
-          </div>
-        );
+        openNotification(<Notification />);
       });
     };
   };
diff --git a/grafana-plugin/src/containers/AlertRules/parts/connectors/SlackConnector.tsx b/grafana-plugin/src/containers/AlertRules/parts/connectors/SlackConnector.tsx
index a5997925..3861b596 100644
--- a/grafana-plugin/src/containers/AlertRules/parts/connectors/SlackConnector.tsx
+++ b/grafana-plugin/src/containers/AlertRules/parts/connectors/SlackConnector.tsx
@@ -30,7 +30,7 @@ const SlackConnector = (props: SlackConnectorProps) => {
 
   const channelFilter = store.alertReceiveChannelStore.channelFilters[channelFilterId];
 
-  const handleSlackChannelChange = useCallback((value: SlackChannel['id'], slackChannel: SlackChannel) => {
+  const handleSlackChannelChange = useCallback((_value: SlackChannel['id'], slackChannel: SlackChannel) => {
     // @ts-ignore actually slack_channel is just slack_channel_id when saving
     alertReceiveChannelStore.saveChannelFilter(channelFilterId, { slack_channel: slackChannel?.slack_id || null });
   }, []);
diff --git a/grafana-plugin/src/containers/AlertRules/parts/connectors/TelegramConnector.tsx b/grafana-plugin/src/containers/AlertRules/parts/connectors/TelegramConnector.tsx
index 090fbe71..26593c94 100644
--- a/grafana-plugin/src/containers/AlertRules/parts/connectors/TelegramConnector.tsx
+++ b/grafana-plugin/src/containers/AlertRules/parts/connectors/TelegramConnector.tsx
@@ -18,15 +18,11 @@ interface TelegramConnectorProps {
   channelFilterId: ChannelFilter['id'];
 }
 
-const TelegramConnector = (props: TelegramConnectorProps) => {
-  const { channelFilterId } = props;
+const TelegramConnector = ({ channelFilterId }: TelegramConnectorProps) => {
+  const { alertReceiveChannelStore } = useStore();
+  const channelFilter = alertReceiveChannelStore.channelFilters[channelFilterId];
 
-  const store = useStore();
-  const { teamStore, alertReceiveChannelStore } = store;
-
-  const channelFilter = store.alertReceiveChannelStore.channelFilters[channelFilterId];
-
-  const handleTelegramChannelChange = useCallback((value: TelegramChannel['id'], telegramChannel: TelegramChannel) => {
+  const handleTelegramChannelChange = useCallback((_value: TelegramChannel['id'], telegramChannel: TelegramChannel) => {
     alertReceiveChannelStore.saveChannelFilter(channelFilterId, { telegram_channel: telegramChannel?.id || null });
   }, []);
 
diff --git a/grafana-plugin/src/containers/AlertRules/parts/index.module.css b/grafana-plugin/src/containers/AlertRules/parts/index.module.css
deleted file mode 100644
index 63d08ecc..00000000
--- a/grafana-plugin/src/containers/AlertRules/parts/index.module.css
+++ /dev/null
@@ -1,3 +0,0 @@
-.root {
-  display: block;
-}
diff --git a/grafana-plugin/src/containers/AlertRules/parts/index.tsx b/grafana-plugin/src/containers/AlertRules/parts/index.tsx
index 6f3911d3..fdff1405 100644
--- a/grafana-plugin/src/containers/AlertRules/parts/index.tsx
+++ b/grafana-plugin/src/containers/AlertRules/parts/index.tsx
@@ -1,7 +1,6 @@
 import React from 'react';
 
 import { VerticalGroup } from '@grafana/ui';
-import cn from 'classnames/bind';
 
 import Timeline from 'components/Timeline/Timeline';
 import SlackConnector from 'containers/AlertRules/parts/connectors/SlackConnector';
@@ -9,10 +8,6 @@ import TelegramConnector from 'containers/AlertRules/parts/connectors/TelegramCo
 import { ChannelFilter } from 'models/channel_filter';
 import { useStore } from 'state/useStore';
 
-import styles from 'containers/AlertRules/parts/index.module.css';
-
-const cx = cn.bind(styles);
-
 interface ChatOpsConnectorsProps {
   channelFilterId: ChannelFilter['id'];
 }
diff --git a/grafana-plugin/src/containers/AlertTemplatesFormContainer/AlertTemplatesFormContainer.tsx b/grafana-plugin/src/containers/AlertTemplatesFormContainer/AlertTemplatesFormContainer.tsx
index ac782296..f1ef2f51 100644
--- a/grafana-plugin/src/containers/AlertTemplatesFormContainer/AlertTemplatesFormContainer.tsx
+++ b/grafana-plugin/src/containers/AlertTemplatesFormContainer/AlertTemplatesFormContainer.tsx
@@ -1,12 +1,10 @@
 import React, { useCallback, useEffect, useState } from 'react';
 
-import { Button } from '@grafana/ui';
 import { observer } from 'mobx-react';
 
 import AlertTemplatesForm from 'components/AlertTemplates/AlertTemplatesForm';
 import { AlertReceiveChannel } from 'models/alert_receive_channel';
 import { Alert } from 'models/alertgroup/alertgroup.types';
-import { RootStore } from 'state';
 import { useStore } from 'state/useStore';
 import { openNotification } from 'utils';
 
diff --git a/grafana-plugin/src/containers/ApiTokenSettings/ApiTokenForm.tsx b/grafana-plugin/src/containers/ApiTokenSettings/ApiTokenForm.tsx
index cf471d17..a6047a34 100644
--- a/grafana-plugin/src/containers/ApiTokenSettings/ApiTokenForm.tsx
+++ b/grafana-plugin/src/containers/ApiTokenSettings/ApiTokenForm.tsx
@@ -10,7 +10,6 @@ import SourceCode from 'components/SourceCode/SourceCode';
 import { ApiToken } from 'models/api_token/api_token.types';
 import { useStore } from 'state/useStore';
 import { openErrorNotification, openNotification } from 'utils';
-import { getItem } from 'utils/localStorage';
 
 import styles from './ApiTokenForm.module.css';
 
diff --git a/grafana-plugin/src/containers/ApiTokenSettings/ApiTokenSettings.tsx b/grafana-plugin/src/containers/ApiTokenSettings/ApiTokenSettings.tsx
index f9a9f0bb..1d4e866b 100644
--- a/grafana-plugin/src/containers/ApiTokenSettings/ApiTokenSettings.tsx
+++ b/grafana-plugin/src/containers/ApiTokenSettings/ApiTokenSettings.tsx
@@ -3,7 +3,7 @@ import React from 'react';
 import { Button, HorizontalGroup } from '@grafana/ui';
 import cn from 'classnames/bind';
 import { observer } from 'mobx-react';
-import moment from 'moment';
+import moment from 'moment-timezone';
 
 import GTable from 'components/GTable/GTable';
 import Text from 'components/Text/Text';
@@ -74,13 +74,6 @@ class ApiTokens extends React.Component<ApiTokensProps, any> {
             <div className={cx('header')}>
               <HorizontalGroup align="flex-end">
                 <Text.Title level={3}>API Tokens</Text.Title>
-                {/*<a target="_blank" href="https://a-03-dev-us-central-0.grafana.net/api-docs/#introduction">
-                  API Docs
-                </a>
-                <Text type="secondary">|</Text>
-                <a target="_blank" href="https://github.com/grafana/amixr/tree/dev/docs/terraform-provider">
-                  Terraform Docs
-                </a>*/}
               </HorizontalGroup>
               <WithPermissionControl userAction={UserAction.UpdateApiTokens}>
                 <Button
diff --git a/grafana-plugin/src/containers/AttachIncidentForm/AttachIncidentForm.tsx b/grafana-plugin/src/containers/AttachIncidentForm/AttachIncidentForm.tsx
index 9bc1619d..c7212811 100644
--- a/grafana-plugin/src/containers/AttachIncidentForm/AttachIncidentForm.tsx
+++ b/grafana-plugin/src/containers/AttachIncidentForm/AttachIncidentForm.tsx
@@ -4,13 +4,11 @@ import { SelectableValue } from '@grafana/data';
 import { Button, Field, HorizontalGroup, Icon, Modal } from '@grafana/ui';
 import cn from 'classnames/bind';
 import { observer } from 'mobx-react';
-import moment from 'moment';
-import Emoji from 'react-emoji-render';
+import moment from 'moment-timezone';
 
 import Text from 'components/Text/Text';
 import GSelect from 'containers/GSelect/GSelect';
 import { WithPermissionControl } from 'containers/WithPermissionControl/WithPermissionControl';
-import { AlertGroupStore } from 'models/alertgroup/alertgroup';
 import { Alert } from 'models/alertgroup/alertgroup.types';
 import { useStore } from 'state/useStore';
 import { UserAction } from 'state/userAction';
@@ -25,9 +23,11 @@ interface AttachIncidentFormProps {
   onHide: () => void;
 }
 
-const AttachIncidentForm = observer((props: AttachIncidentFormProps) => {
-  const { id, onUpdate, onHide } = props;
+interface GroupedAlertNumberProps {
+  value: Alert['pk'];
+}
 
+const AttachIncidentForm = observer(({ id, onUpdate, onHide }: AttachIncidentFormProps) => {
   const store = useStore();
 
   const { alertGroupStore } = store;
@@ -43,17 +43,10 @@ const AttachIncidentForm = observer((props: AttachIncidentFormProps) => {
       onHide();
       onUpdate();
     });
-  }, [selected]);
+  }, [selected, alertGroupStore, id, onHide, onUpdate]);
 
-  interface GroupedAlertNumberProps {
-    value: Alert['pk'];
-  }
-
-  const GroupedAlertNumber = observer((props: GroupedAlertNumberProps) => {
-    const store = useStore();
-    const { value } = props;
-
-    const { alertGroupStore } = store;
+  const GroupedAlertNumber = observer(({ value }: GroupedAlertNumberProps) => {
+    const { alertGroupStore } = useStore();
     const alert = alertGroupStore.items[value];
 
     return (
@@ -88,7 +81,7 @@ const AttachIncidentForm = observer((props: AttachIncidentFormProps) => {
             displayField="render_for_web.title"
             placeholder="Select Incident"
             className={cx('select', 'control')}
-            filterOptions={(id) => id !== props.id}
+            filterOptions={(optionId) => optionId !== id}
             value={selected}
             onChange={getChangeHandler}
             getDescription={(item: Alert) => moment(item.started_at).format('MMM DD, YYYY hh:mm A')}
diff --git a/grafana-plugin/src/containers/CreateAlertReceiveChannelContainer/CreateAlertReceiveChannelContainer.tsx b/grafana-plugin/src/containers/CreateAlertReceiveChannelContainer/CreateAlertReceiveChannelContainer.tsx
index 7d3c8ff1..289b44f7 100644
--- a/grafana-plugin/src/containers/CreateAlertReceiveChannelContainer/CreateAlertReceiveChannelContainer.tsx
+++ b/grafana-plugin/src/containers/CreateAlertReceiveChannelContainer/CreateAlertReceiveChannelContainer.tsx
@@ -1,6 +1,6 @@
 import React, { ChangeEvent, useCallback, useState } from 'react';
 
-import { Card, EmptySearchResult, HorizontalGroup, Input, Modal, VerticalGroup, Tag } from '@grafana/ui';
+import { EmptySearchResult, HorizontalGroup, Input, Modal, VerticalGroup, Tag } from '@grafana/ui';
 import cn from 'classnames/bind';
 import { observer } from 'mobx-react';
 
@@ -63,7 +63,7 @@ const CreateAlertReceiveChannelContainer = observer((props: CreateAlertReceiveCh
       </div>
       <div className={cx('cards', { cards_centered: !options.length })}>
         {options.length ? (
-          options.map((alertReceiveChannelChoice, index) => {
+          options.map((alertReceiveChannelChoice) => {
             return (
               <Block
                 bordered
@@ -95,13 +95,6 @@ const CreateAlertReceiveChannelContainer = observer((props: CreateAlertReceiveCh
           <EmptySearchResult>Could not find anything matching your query</EmptySearchResult>
         )}
       </div>
-      {/* Need to add documentation link to Integrations
-      <div className={cx('footer')}>
-        <Text type="secondary"> Find out how integrations work: </Text>
-        <a target="_blank" href="https://grafana.com/docs/">
-          Read documentation
-        </a>
-      </div> */}
     </Modal>
   );
 });
diff --git a/grafana-plugin/src/containers/DefaultPageLayout/DefaultPageLayout.helpers.tsx b/grafana-plugin/src/containers/DefaultPageLayout/DefaultPageLayout.helpers.tsx
index d680f609..983597c3 100644
--- a/grafana-plugin/src/containers/DefaultPageLayout/DefaultPageLayout.helpers.tsx
+++ b/grafana-plugin/src/containers/DefaultPageLayout/DefaultPageLayout.helpers.tsx
@@ -22,7 +22,7 @@ export function getSlackMessage(slackError: SlackError, team: Team) {
 
   if (slackError === SlackError.USER_ALREADY_CONNECTED) {
     return (
-      <>Couldn’t connect to Slack. This Slack account has already been connected to another user in this organization</>
+      <>Couldn't connect to Slack. This Slack account has already been connected to another user in this organization</>
     );
   }
 
diff --git a/grafana-plugin/src/containers/DefaultPageLayout/helper.ts b/grafana-plugin/src/containers/DefaultPageLayout/helper.ts
index 5af787af..80c58bb8 100644
--- a/grafana-plugin/src/containers/DefaultPageLayout/helper.ts
+++ b/grafana-plugin/src/containers/DefaultPageLayout/helper.ts
@@ -1,5 +1,3 @@
-import React from 'react';
-
 import { User } from 'models/user/user.types';
 
 export const getIfChatOpsConnected = (user: User) => {
diff --git a/grafana-plugin/src/containers/EscalationChainCard/EscalationChainCard.tsx b/grafana-plugin/src/containers/EscalationChainCard/EscalationChainCard.tsx
index f483b8d6..22203807 100644
--- a/grafana-plugin/src/containers/EscalationChainCard/EscalationChainCard.tsx
+++ b/grafana-plugin/src/containers/EscalationChainCard/EscalationChainCard.tsx
@@ -49,22 +49,6 @@ const EscalationChainCard = observer((props: AlertReceiveChannelCardProps) => {
               </Tooltip>
             )}
           </HorizontalGroup>
-          {/*<HorizontalGroup>
-            <PluginLink
-              query={{ page: 'incidents', integration: alertReceiveChannel.id }}
-              className={cx('alertsInfoText')}
-            >
-              <b>{alertReceiveChannel.alert_count}</b> alerts in <b>{alertReceiveChannel.alert_groups_count}</b>{' '}
-              incidents
-            </PluginLink>
-            <Text type="secondary" size="small">
-              |
-            </Text>
-            <IntegrationLogo scale={0.08} integration={integration} />
-            <Text type="secondary" size="small">
-              {integration?.display_name}
-            </Text>
-          </HorizontalGroup>*/}
         </VerticalGroup>
       </HorizontalGroup>
     </div>
diff --git a/grafana-plugin/src/containers/EscalationChainForm/EscalationChainForm.tsx b/grafana-plugin/src/containers/EscalationChainForm/EscalationChainForm.tsx
index a927d56e..92d93925 100644
--- a/grafana-plugin/src/containers/EscalationChainForm/EscalationChainForm.tsx
+++ b/grafana-plugin/src/containers/EscalationChainForm/EscalationChainForm.tsx
@@ -3,7 +3,6 @@ import React, { ChangeEvent, FC, useCallback, useState } from 'react';
 import { Button, Field, HorizontalGroup, Input, Modal } from '@grafana/ui';
 import cn from 'classnames/bind';
 
-import { ChannelFilter } from 'models/channel_filter/channel_filter.types';
 import { EscalationChain } from 'models/escalation_chain/escalation_chain.types';
 import { useStore } from 'state/useStore';
 
diff --git a/grafana-plugin/src/containers/EscalationChainSteps/EscalationChainSteps.tsx b/grafana-plugin/src/containers/EscalationChainSteps/EscalationChainSteps.tsx
index 8f9174aa..66ec99a8 100644
--- a/grafana-plugin/src/containers/EscalationChainSteps/EscalationChainSteps.tsx
+++ b/grafana-plugin/src/containers/EscalationChainSteps/EscalationChainSteps.tsx
@@ -62,13 +62,10 @@ const EscalationChainSteps = observer((props: EscalationChainStepsProps) => {
       {addonBefore}
       {escalationPolicyIds ? (
         escalationPolicyIds.map((escalationPolicyId, index) => {
-          // const COLOR_RED = '#FF0000';
           const COLOR_RED = '#E60000';
-          // const STEP_COLORS = ['#52C41A', '#A0D911', '#FADB14', '#FAAD14', COLOR_RED];
           const STEP_COLORS = ['#1A7F4B', '#33cc33', '#ffbf00', '#FF8000', COLOR_RED];
 
           const { escalationPolicyStore } = store;
-
           const escalationPolicy = escalationPolicyStore.items[escalationPolicyId];
 
           if (!escalationPolicy) {
@@ -102,7 +99,6 @@ const EscalationChainSteps = observer((props: EscalationChainStepsProps) => {
             menuShouldPortal
             placeholder="Add escalation step..."
             onChange={handleCreateEscalationStep}
-            /* isOptionDisabled={(...rest) => console.log(rest)}*/
             options={escalationPolicyStore.webEscalationChoices.map((choice: EscalationPolicyOption) => ({
               value: choice.value,
               label: choice.create_display_name,
diff --git a/grafana-plugin/src/containers/GSelect/GSelect.tsx b/grafana-plugin/src/containers/GSelect/GSelect.tsx
index 07e8c562..d448e75d 100644
--- a/grafana-plugin/src/containers/GSelect/GSelect.tsx
+++ b/grafana-plugin/src/containers/GSelect/GSelect.tsx
@@ -1,12 +1,10 @@
-import React, { ReactElement, useCallback, useEffect, useState, useMemo } from 'react';
+import React, { ReactElement, useCallback, useEffect } from 'react';
 
 import { SelectableValue } from '@grafana/data';
-import { Select, MultiSelect, AsyncMultiSelect, AsyncSelect, Tooltip } from '@grafana/ui';
+import { AsyncMultiSelect, AsyncSelect } from '@grafana/ui';
 import cn from 'classnames/bind';
 import { get, isNil } from 'lodash-es';
 import { observer } from 'mobx-react';
-import Emoji from 'react-emoji-render';
-import { debounce } from 'throttle-debounce';
 
 import { useStore } from 'state/useStore';
 
diff --git a/grafana-plugin/src/containers/GrafanaTeamSelect/GrafanaTeamSelect.tsx b/grafana-plugin/src/containers/GrafanaTeamSelect/GrafanaTeamSelect.tsx
index b2984341..31de26c6 100644
--- a/grafana-plugin/src/containers/GrafanaTeamSelect/GrafanaTeamSelect.tsx
+++ b/grafana-plugin/src/containers/GrafanaTeamSelect/GrafanaTeamSelect.tsx
@@ -40,8 +40,10 @@ const GrafanaTeamSelect = observer((props: GrafanaTeamSelectProps) => {
     window.location.search = queryParams.toString();
 
     function mapCurrentPage() {
-      if (currentPage === 'incident') {return 'incidents'}
-      return currentPage
+      if (currentPage === 'incident') {
+        return 'incidents';
+      }
+      return currentPage;
     }
   };
 
diff --git a/grafana-plugin/src/containers/HeartbeatModal/HeartbeatForm.tsx b/grafana-plugin/src/containers/HeartbeatModal/HeartbeatForm.tsx
index 2d9f9eba..8695d4e6 100644
--- a/grafana-plugin/src/containers/HeartbeatModal/HeartbeatForm.tsx
+++ b/grafana-plugin/src/containers/HeartbeatModal/HeartbeatForm.tsx
@@ -1,7 +1,7 @@
 import React, { useCallback, useEffect, useState } from 'react';
 
 import { SelectableValue } from '@grafana/data';
-import { Button, HorizontalGroup, Modal, Select } from '@grafana/ui';
+import { Button, HorizontalGroup, Select } from '@grafana/ui';
 import cn from 'classnames/bind';
 import { observer } from 'mobx-react';
 import Emoji from 'react-emoji-render';
diff --git a/grafana-plugin/src/containers/IncidentsFilters/IncidentFilters.helpers.ts b/grafana-plugin/src/containers/IncidentsFilters/IncidentFilters.helpers.ts
index 3e84706a..58868ab4 100644
--- a/grafana-plugin/src/containers/IncidentsFilters/IncidentFilters.helpers.ts
+++ b/grafana-plugin/src/containers/IncidentsFilters/IncidentFilters.helpers.ts
@@ -1,6 +1,3 @@
-import { capitalCase } from 'change-case';
-import qs from 'query-string';
-
 import { convertRelativeToAbsoluteDate } from 'utils/datetime';
 
 import { FilterOption } from './IncidentFilters.types';
diff --git a/grafana-plugin/src/containers/IncidentsFilters/IncidentFilters.types.ts b/grafana-plugin/src/containers/IncidentsFilters/IncidentFilters.types.ts
index fc32b882..a2fd4683 100644
--- a/grafana-plugin/src/containers/IncidentsFilters/IncidentFilters.types.ts
+++ b/grafana-plugin/src/containers/IncidentsFilters/IncidentFilters.types.ts
@@ -1,5 +1,3 @@
-import { AlertReceiveChannel } from 'models/alert_receive_channel/alert_receive_channel.types';
-import { IncidentStatus } from 'models/alertgroup/alertgroup.types';
 import { SelectOption } from 'state/types';
 
 export interface IncidentsFiltersType {}
diff --git a/grafana-plugin/src/containers/IncidentsFilters/IncidentsFilters.tsx b/grafana-plugin/src/containers/IncidentsFilters/IncidentsFilters.tsx
index fef3571b..adb54919 100644
--- a/grafana-plugin/src/containers/IncidentsFilters/IncidentsFilters.tsx
+++ b/grafana-plugin/src/containers/IncidentsFilters/IncidentsFilters.tsx
@@ -106,7 +106,7 @@ class IncidentsFilters extends Component<IncidentsFiltersProps, IncidentsFilters
     return (
       <div className={cx('filters')}>
         {filters.map((filterOption: FilterOption) => (
-          <div className={cx('filter')}>
+          <div key={filterOption.name} className={cx('filter')}>
             <Text type="secondary">{capitalCase(filterOption.name)}:</Text> {this.renderFilterOption(filterOption)}
             <IconButton size="sm" name="times" onClick={this.getDeleteFilterClickHandler(filterOption.name)} />
           </div>
@@ -130,24 +130,14 @@ class IncidentsFilters extends Component<IncidentsFiltersProps, IncidentsFilters
 
   renderCards() {
     const { store } = this.props;
-    const {
-      teamStore: { currentTeam },
-    } = store;
-
     const { values } = this.state;
 
     const { newIncidents, acknowledgedIncidents, resolvedIncidents, silencedIncidents } = store.alertGroupStore;
 
-    const { count: newIncidentsCount, alert_group_rate_to_previous_same_period: newIncidentsRate } = newIncidents;
-
-    const { count: acknowledgedIncidentsCount, alert_group_rate_to_previous_same_period: acknowledgedIncidentsRate } =
-      acknowledgedIncidents;
-
-    const { count: resolvedIncidentsCount, alert_group_rate_to_previous_same_period: resolvedIncidentsRate } =
-      resolvedIncidents;
-
-    const { count: silencedIncidentsCount, alert_group_rate_to_previous_same_period: silencedIncidentsRate } =
-      silencedIncidents;
+    const { count: newIncidentsCount } = newIncidents;
+    const { count: acknowledgedIncidentsCount } = acknowledgedIncidents;
+    const { count: resolvedIncidentsCount } = resolvedIncidents;
+    const { count: silencedIncidentsCount } = silencedIncidents;
 
     const status = values.status || [];
 
@@ -194,7 +184,7 @@ class IncidentsFilters extends Component<IncidentsFiltersProps, IncidentsFilters
   }
 
   handleSearch = (query: string) => {
-    const { filters, values } = this.state;
+    const { filters } = this.state;
 
     const searchFilter = filters.find((filter: FilterOption) => filter.name === 'search');
 
@@ -217,7 +207,7 @@ class IncidentsFilters extends Component<IncidentsFiltersProps, IncidentsFilters
   };
 
   getDeleteFilterClickHandler = (filterName: FilterOption['name']) => {
-    const { filters, values } = this.state;
+    const { filters } = this.state;
 
     return () => {
       const newFilters = filters.filter((filterOption: FilterOption) => filterOption.name !== filterName);
@@ -306,11 +296,6 @@ class IncidentsFilters extends Component<IncidentsFiltersProps, IncidentsFilters
         const value = {
           from: dates ? moment(dates[0] + 'Z') : undefined,
           to: dates ? moment(dates[1] + 'Z') : undefined,
-          /* raw: {
-            from: dates ? moment(dates[0]).format('MMM DD, YYYY hh:mm A') : undefined,
-            to: dates ? moment(dates[1]).format('MMM DD, YYYY hh:mm A') : undefined,
-          },*/
-
           raw: {
             from: dates ? dates[0] : '',
             to: dates ? dates[1] : '',
@@ -378,7 +363,7 @@ class IncidentsFilters extends Component<IncidentsFiltersProps, IncidentsFilters
   };
 
   getRemoteOptionsChangeHandler = (name: FilterOption['name']) => {
-    return (value: SelectableValue[], items: any[]) => {
+    return (value: SelectableValue[], _items: any[]) => {
       this.onFiltersValueChange(name, value);
     };
   };
diff --git a/grafana-plugin/src/containers/IntegrationSettings/IntegrationSettings.tsx b/grafana-plugin/src/containers/IntegrationSettings/IntegrationSettings.tsx
index e0192f1c..2d35e3d8 100644
--- a/grafana-plugin/src/containers/IntegrationSettings/IntegrationSettings.tsx
+++ b/grafana-plugin/src/containers/IntegrationSettings/IntegrationSettings.tsx
@@ -1,17 +1,7 @@
 import React, { useCallback, useEffect, useState } from 'react';
 
-import { getLocationSrv, setLocationSrv } from '@grafana/runtime';
-import {
-  Drawer,
-  Tab,
-  TabContent,
-  TabsBar,
-  IconButton,
-  Button,
-  HorizontalGroup,
-  VerticalGroup,
-  Input,
-} from '@grafana/ui';
+import { getLocationSrv } from '@grafana/runtime';
+import { Drawer, Tab, TabContent, TabsBar, Button, VerticalGroup, Input } from '@grafana/ui';
 import cn from 'classnames/bind';
 import { observer } from 'mobx-react';
 import CopyToClipboard from 'react-copy-to-clipboard';
@@ -21,16 +11,13 @@ import IntegrationLogo from 'components/IntegrationLogo/IntegrationLogo';
 import Text from 'components/Text/Text';
 import AlertTemplatesFormContainer from 'containers/AlertTemplatesFormContainer/AlertTemplatesFormContainer';
 import HeartbeatForm from 'containers/HeartbeatModal/HeartbeatForm';
-import { UserSettingsTab } from 'containers/UserSettings/UserSettings.types';
 import { AlertReceiveChannel } from 'models/alert_receive_channel/alert_receive_channel.types';
 import { Alert } from 'models/alertgroup/alertgroup.types';
-import { SelectOption } from 'state/types';
 import { useStore } from 'state/useStore';
 import { openNotification } from 'utils';
 
 import { IntegrationSettingsTab } from './IntegrationSettings.types';
 import Autoresolve from './parts/Autoresolve';
-import LiveLogs from './parts/LiveLogs';
 
 import styles from 'containers/IntegrationSettings/IntegrationSettings.module.css';
 
@@ -74,7 +61,7 @@ const IntegrationSettings = observer((props: IntegrationSettingsProps) => {
 
   const integration = alertReceiveChannelStore.getIntegration(alertReceiveChannel);
 
-  const [expanded, setExpanded] = useState(false);
+  const [expanded, _setExpanded] = useState(false);
 
   const handleSwitchToTemplate = (templateName: string) => {
     setSelectedTemplate(templateName);
@@ -85,34 +72,17 @@ const IntegrationSettings = observer((props: IntegrationSettingsProps) => {
       scrollableContent
       expandable
       title={
-        <>
-          {/*<div className={cx('settings-header-buttons')}>
-            <IconButton // OMG it blocks 'how to' instructions text selection to copy
-              name={expanded ? 'angle-right' : 'angle-left'}
-              size="xl"
-              surface="header"
-              onClick={() => {
-                if (expanded) {
-                  setExpanded(false);
-                } else {
-                  setExpanded(true);
-                }
-              }}
-            />
-            <IconButton name="times" size="xl" surface="header" onClick={onHide} />
-          </div>*/}
-          <div className={cx('title')}>
-            {integration && <IntegrationLogo integration={integration} scale={0.2} />}
-            <div className={cx('title-column')}>
-              {alertReceiveChannel && (
-                <Text.Title level={4}>
-                  <Emoji text={alertReceiveChannel.verbal_name} /> settings
-                </Text.Title>
-              )}
-              {integration && <Text type="secondary">Type: {integration.display_name}</Text>}
-            </div>
+        <div className={cx('title')}>
+          {integration && <IntegrationLogo integration={integration} scale={0.2} />}
+          <div className={cx('title-column')}>
+            {alertReceiveChannel && (
+              <Text.Title level={4}>
+                <Emoji text={alertReceiveChannel.verbal_name} /> settings
+              </Text.Title>
+            )}
+            {integration && <Text type="secondary">Type: {integration.display_name}</Text>}
           </div>
-        </>
+        </div>
       }
       width={expanded ? '100%' : '70%'}
       onClose={onHide}
@@ -144,14 +114,6 @@ const IntegrationSettings = observer((props: IntegrationSettingsProps) => {
           key={IntegrationSettingsTab.Autoresolve}
           onChangeTab={getTabClickHandler(IntegrationSettingsTab.Autoresolve)}
         />
-
-        {/* Removed untill backend is ready 
-        <Tab
-          active={activeTab === IntegrationSettingsTab.LiveLogs}
-          label="Live Logs"
-          key={IntegrationSettingsTab.LiveLogs}
-          onChangeTab={getTabClickHandler(IntegrationSettingsTab.LiveLogs)}
-        /> */}
       </TabsBar>
       <TabContent className={cx('content')}>
         {activeTab === IntegrationSettingsTab.Templates && (
@@ -176,7 +138,6 @@ const IntegrationSettings = observer((props: IntegrationSettingsProps) => {
             alertGroupId={alertGroupId}
           />
         )}
-        {/*{activeTab === IntegrationSettingsTab.LiveLogs && <LiveLogs alertReceiveChannelId={id} />}*/}
         {activeTab === IntegrationSettingsTab.HowToConnect && (
           <div className="container">
             <VerticalGroup>
diff --git a/grafana-plugin/src/containers/IntegrationSettings/parts/Autoresolve.tsx b/grafana-plugin/src/containers/IntegrationSettings/parts/Autoresolve.tsx
index 916789a6..3fdf07bf 100644
--- a/grafana-plugin/src/containers/IntegrationSettings/parts/Autoresolve.tsx
+++ b/grafana-plugin/src/containers/IntegrationSettings/parts/Autoresolve.tsx
@@ -6,7 +6,6 @@ import cn from 'classnames/bind';
 import { get } from 'lodash-es';
 
 import Block from 'components/GBlock/Block';
-import PluginLink from 'components/PluginLink/PluginLink';
 import Text from 'components/Text/Text';
 import GSelect from 'containers/GSelect/GSelect';
 import { WithPermissionControl } from 'containers/WithPermissionControl/WithPermissionControl';
@@ -55,8 +54,7 @@ const Autoresolve = ({ alertReceiveChannelId, onSwitchToTemplate, alertGroupId }
       store.alertReceiveChannelStore.templates[alertReceiveChannelId],
       'resolve_condition_template'
     );
-    // @ts-ignore
-    if (autoresolveCondition == ['invalid template']) {
+    if (autoresolveCondition === 'invalid template') {
       setAutoresolveConditionInvalid(true);
     }
   }, [store.alertReceiveChannelStore.templates[alertReceiveChannelId]]);
diff --git a/grafana-plugin/src/containers/IntegrationSettings/parts/LiveLogs.tsx b/grafana-plugin/src/containers/IntegrationSettings/parts/LiveLogs.tsx
index 9dc59f0f..259107ba 100644
--- a/grafana-plugin/src/containers/IntegrationSettings/parts/LiveLogs.tsx
+++ b/grafana-plugin/src/containers/IntegrationSettings/parts/LiveLogs.tsx
@@ -1,6 +1,6 @@
-import React, { ReactElement, useCallback, useEffect, useState } from 'react';
+import React, { useCallback, useEffect, useState } from 'react';
 
-import { Alert, Button, EmptySearchResult, LoadingPlaceholder } from '@grafana/ui';
+import { Button, EmptySearchResult, LoadingPlaceholder } from '@grafana/ui';
 
 import SourceCode from 'components/SourceCode/SourceCode';
 import { AlertReceiveChannel } from 'models/alert_receive_channel/alert_receive_channel.types';
diff --git a/grafana-plugin/src/containers/MaintenanceForm/MaintenanceForm.config.tsx b/grafana-plugin/src/containers/MaintenanceForm/MaintenanceForm.config.tsx
index 74d5c32f..bd2a6c39 100644
--- a/grafana-plugin/src/containers/MaintenanceForm/MaintenanceForm.config.tsx
+++ b/grafana-plugin/src/containers/MaintenanceForm/MaintenanceForm.config.tsx
@@ -1,4 +1,4 @@
-import React, { ReactElement } from 'react';
+import React from 'react';
 
 import { SelectableValue } from '@grafana/data';
 import Emoji from 'react-emoji-render';
diff --git a/grafana-plugin/src/containers/MaintenanceForm/MaintenanceForm.helpers.ts b/grafana-plugin/src/containers/MaintenanceForm/MaintenanceForm.helpers.ts
deleted file mode 100644
index cbb6ec0d..00000000
--- a/grafana-plugin/src/containers/MaintenanceForm/MaintenanceForm.helpers.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-import { Maintenance } from 'models/maintenance/maintenance.types';
-import { Schedule } from 'models/schedule/schedule.types';
-
-export function prepareForEdit(item: Maintenance) {
-  return {};
-}
diff --git a/grafana-plugin/src/containers/MobileAppVerification/MobileAppVerification.tsx b/grafana-plugin/src/containers/MobileAppVerification/MobileAppVerification.tsx
index bf77cfc7..d629b90f 100644
--- a/grafana-plugin/src/containers/MobileAppVerification/MobileAppVerification.tsx
+++ b/grafana-plugin/src/containers/MobileAppVerification/MobileAppVerification.tsx
@@ -1,15 +1,12 @@
-import React, { HTMLAttributes, useCallback, useEffect, useRef, useState } from 'react';
+import React, { HTMLAttributes, useEffect, useState } from 'react';
 
-import { Button, HorizontalGroup, Icon, LoadingPlaceholder } from '@grafana/ui';
+import { Button, LoadingPlaceholder } from '@grafana/ui';
 import cn from 'classnames/bind';
 import { observer } from 'mobx-react';
 
-import GTable from 'components/GTable/GTable';
 import Text from 'components/Text/Text';
-import { UserSettingsTab } from 'containers/UserSettings/UserSettings.types';
 import { WithPermissionControl } from 'containers/WithPermissionControl/WithPermissionControl';
 import { User } from 'models/user/user.types';
-import { makeRequest } from 'network';
 import { useStore } from 'state/useStore';
 import { UserAction } from 'state/userAction';
 
@@ -33,8 +30,6 @@ const MobileAppVerification = observer((props: MobileAppVerificationProps) => {
   const isCurrent = userStore.currentUserPk === user.pk;
   const action = isCurrent ? UserAction.UpdateOwnSettings : UserAction.UpdateOtherUsersSettings;
 
-  const { id = UserSettingsTab.UserInfo } = props;
-
   const [showMobileAppVerificationToken, setShowMobileAppVerificationToken] = useState<string>(undefined);
   const [isMobileAppVerificationTokenExisting, setIsMobileAppVerificationTokenExisting] = useState<boolean>(false);
   const [MobileAppVerificationTokenLoading, setMobileAppVerificationTokenLoading] = useState<boolean>(true);
@@ -42,11 +37,11 @@ const MobileAppVerification = observer((props: MobileAppVerificationProps) => {
   useEffect(() => {
     userStore
       .getMobileAppVerificationToken(userPk)
-      .then((res) => {
+      .then((_res) => {
         setIsMobileAppVerificationTokenExisting(true);
         setMobileAppVerificationTokenLoading(false);
       })
-      .catch((res) => {
+      .catch((_res) => {
         setIsMobileAppVerificationTokenExisting(false);
         setMobileAppVerificationTokenLoading(false);
       });
@@ -59,27 +54,6 @@ const MobileAppVerification = observer((props: MobileAppVerificationProps) => {
       .then((res) => setShowMobileAppVerificationToken(res?.token));
   };
 
-  // const [devices, setDevices] = useState();
-  //
-  // const updateDevices = useCallback(() => {
-  //   makeRequest(`/device/apns/`, {
-  //     method: 'GET',
-  //   }).then((data) => {
-  //     setDevices(data);
-  //   });
-  // }, []);
-  //
-  // useEffect(() => {
-  //   updateDevices();
-  // }, []);
-  //
-  // const columns = [
-  //   {
-  //     title: 'Name',
-  //     dataIndex: 'name',
-  //   },
-  // ];
-
   return (
     <div className={cx('mobile-app-settings')}>
       {MobileAppVerificationTokenLoading ? (
@@ -114,41 +88,23 @@ const MobileAppVerification = observer((props: MobileAppVerificationProps) => {
               )}
             </>
           ) : (
-            <>
-              <p>
-                <WithPermissionControl userAction={action}>
-                  <Button
-                    onClick={handleCreateMobileAppVerificationToken}
-                    className={cx('iCal-button')}
-                    variant="secondary"
-                  >
-                    Get the code
-                  </Button>
-                </WithPermissionControl>
-              </p>
-            </>
+            <p>
+              <WithPermissionControl userAction={action}>
+                <Button
+                  onClick={handleCreateMobileAppVerificationToken}
+                  className={cx('iCal-button')}
+                  variant="secondary"
+                >
+                  Get the code
+                </Button>
+              </WithPermissionControl>
+            </p>
           )}
           <p>
             <Text>* Only iOS is currently supported</Text>
           </p>
         </>
       )}
-      {/*<>*/}
-      {/*  <GTable*/}
-      {/*    title={() => (*/}
-      {/*      <div className={cx('header')}>*/}
-      {/*        <HorizontalGroup align="flex-end">*/}
-      {/*          <Text.Title level={4}>Your devices</Text.Title>*/}
-      {/*        </HorizontalGroup>*/}
-      {/*      </div>*/}
-      {/*    )}*/}
-      {/*    rowKey="id"*/}
-      {/*    className="api-keys"*/}
-      {/*    data={devices}*/}
-      {/*    emptyText={devices ? 'No devices connected' : 'Loading...'}*/}
-      {/*    columns={columns}*/}
-      {/*  />*/}
-      {/*</>*/}
     </div>
   );
 });
diff --git a/grafana-plugin/src/containers/OrganizationLogFilters/OrganizationLogFilters.tsx b/grafana-plugin/src/containers/OrganizationLogFilters/OrganizationLogFilters.tsx
index 8c188a80..2e0831a8 100644
--- a/grafana-plugin/src/containers/OrganizationLogFilters/OrganizationLogFilters.tsx
+++ b/grafana-plugin/src/containers/OrganizationLogFilters/OrganizationLogFilters.tsx
@@ -1,12 +1,11 @@
 import React, { ChangeEvent, useCallback, useMemo, useState } from 'react';
 
 import { RawTimeRange } from '@grafana/data';
-import { Button, HorizontalGroup, Input, TimeRangeInput } from '@grafana/ui';
+import { HorizontalGroup, Input, TimeRangeInput } from '@grafana/ui';
 import cn from 'classnames/bind';
 import { observer } from 'mobx-react';
 
 import RemoteSelect from 'containers/RemoteSelect/RemoteSelect';
-import { useStore } from 'state/useStore';
 
 import styles from './OrganizationLogFilters.module.css';
 
@@ -23,8 +22,6 @@ const OrganizationLogFilters = observer((props: OrganizationLogFiltersProps) =>
 
   const [createAtRaw, setCreateAtRaw] = useState<RawTimeRange>();
 
-  const store = useStore();
-
   const onSearchTermChangeCallback = useCallback(
     (e: ChangeEvent<HTMLInputElement>) => {
       const filters = {
@@ -46,10 +43,6 @@ const OrganizationLogFilters = observer((props: OrganizationLogFiltersProps) =>
     };
   };
 
-  const handleClear = useCallback(() => {
-    onChange({});
-  }, [onChange]);
-
   const handleChangeCreatedAt = useCallback(
     (filter) => {
       onChange({
diff --git a/grafana-plugin/src/containers/OutgoingWebhookForm/OutgoingWebhookForm.config.ts b/grafana-plugin/src/containers/OutgoingWebhookForm/OutgoingWebhookForm.config.ts
index 836f1bcf..682c2b01 100644
--- a/grafana-plugin/src/containers/OutgoingWebhookForm/OutgoingWebhookForm.config.ts
+++ b/grafana-plugin/src/containers/OutgoingWebhookForm/OutgoingWebhookForm.config.ts
@@ -1,7 +1,4 @@
-import { ReactElement } from 'react';
-
 import { FormItem, FormItemType } from 'components/GForm/GForm.types';
-import { DEFAULT_USER_ROLES } from 'models/user/user.config';
 
 export const form: { name: string; fields: FormItem[] } = {
   name: 'OutgoingWebhook',
diff --git a/grafana-plugin/src/containers/PluginConfigPage/PluginConfigPage.tsx b/grafana-plugin/src/containers/PluginConfigPage/PluginConfigPage.tsx
index 3f30d628..ea9c77e1 100644
--- a/grafana-plugin/src/containers/PluginConfigPage/PluginConfigPage.tsx
+++ b/grafana-plugin/src/containers/PluginConfigPage/PluginConfigPage.tsx
@@ -2,16 +2,8 @@ import React, { useCallback, useEffect, useState } from 'react';
 
 import { AppPluginMeta, PluginConfigPageProps } from '@grafana/data';
 import { getBackendSrv } from '@grafana/runtime';
-import {
-  Button,
-  Field,
-  HorizontalGroup,
-  VerticalGroup,
-  Input,
-  Label,
-  Legend,
-  LoadingPlaceholder,
-} from '@grafana/ui';
+import { Button, Field, HorizontalGroup, VerticalGroup, Input, Label, Legend, LoadingPlaceholder } from '@grafana/ui';
+import { AxiosError } from 'axios';
 import cn from 'classnames/bind';
 import { OnCallAppSettings } from 'types';
 
@@ -23,9 +15,10 @@ import { makeRequest } from 'network';
 import {
   createGrafanaToken,
   getPluginSyncStatus,
-  startPluginSync, SYNC_STATUS_RETRY_LIMIT,
+  startPluginSync,
+  SYNC_STATUS_RETRY_LIMIT,
   syncStatusDelay,
-  updateGrafanaToken
+  updateGrafanaToken,
 } from 'state/plugin';
 import { GRAFANA_LICENSE_OSS } from 'utils/consts';
 import { getItem, setItem } from 'utils/localStorage';
@@ -49,7 +42,9 @@ export const PluginConfigPage = (props: Props) => {
   const [isSelfHostedInstall, setIsSelfHostedInstall] = useState<boolean>(true);
   const [retrySync, setRetrySync] = useState<boolean>(false);
 
-  const INVALID_INVITE_TOKEN_ERROR_MSG = `It seems like your invite token may be invalid. ${constructErrorActionMessage('generating a new invite token')}`;
+  const INVALID_INVITE_TOKEN_ERROR_MSG = `It seems like your invite token may be invalid. ${constructErrorActionMessage(
+    'generating a new invite token'
+  )}`;
 
   const setupPlugin = useCallback(async () => {
     setItem('onCallApiUrl', onCallApiUrl);
@@ -134,23 +129,30 @@ export const PluginConfigPage = (props: Props) => {
     setGrafanaUrl(e.target.value);
   }, []);
 
-  const handleSyncException = useCallback((e) => {
-    const buildErrMsg = (msg: string): string =>
-      constructSyncErrorMessage(msg, plugin.meta.jsonData?.onCallApiUrl);
+  const handleSyncException = useCallback((e: AxiosError) => {
+    const buildErrMsg = (msg: string): string => constructSyncErrorMessage(msg, plugin.meta.jsonData?.onCallApiUrl);
 
     if (plugin.meta.jsonData?.onCallApiUrl) {
-      const { status: statusCode  } = e.response;
+      const { status: statusCode } = e.response;
 
       let statusMessage: string;
 
-      if (statusCode == 403) {
+      if (statusCode === 403) {
         statusMessage = buildErrMsg(INVALID_INVITE_TOKEN_ERROR_MSG);
       } else if (statusCode === 404) {
-        statusMessage = buildErrMsg('If Grafana OnCall was just installed, restart Grafana for OnCall routes to be available.');
+        statusMessage = buildErrMsg(
+          'If Grafana OnCall was just installed, restart Grafana for OnCall routes to be available.'
+        );
       } else if (statusCode === 502) {
-        statusMessage = buildErrMsg(`Unable to communicate with either the Grafana API, or Grafana OnCall engine API. ${constructErrorActionMessage('verify that the API URLs that you entered are correct')}`);
+        statusMessage = buildErrMsg(
+          `Unable to communicate with either the Grafana API, or Grafana OnCall engine API. ${constructErrorActionMessage(
+            'verify that the API URLs that you entered are correct'
+          )}`
+        );
       } else {
-        statusMessage = buildErrMsg(`An unknown error occured. ${constructErrorActionMessage()}. If the error still occurs please reach out to support.`)
+        statusMessage = buildErrMsg(
+          `An unknown error occured. ${constructErrorActionMessage()}. If the error still occurs please reach out to support.`
+        );
       }
       setPluginStatusMessage(statusMessage);
       setRetrySync(true);
@@ -168,17 +170,18 @@ export const PluginConfigPage = (props: Props) => {
           ? ` (${getSyncResponse.license}, ${getSyncResponse.version})`
           : '';
 
-      let pluginStatusMessage = `Connected to OnCall${versionInfo}\n - OnCall URL: ${plugin.meta.jsonData.onCallApiUrl}\n`
+      let pluginStatusMessage = `Connected to OnCall${versionInfo}\n - OnCall URL: ${plugin.meta.jsonData.onCallApiUrl}\n`;
       if (plugin.meta.jsonData.grafanaUrl) {
-        pluginStatusMessage = `${pluginStatusMessage} - Grafana URL: ${plugin.meta.jsonData.grafanaUrl}`
+        pluginStatusMessage = `${pluginStatusMessage} - Grafana URL: ${plugin.meta.jsonData.grafanaUrl}`;
       }
 
-      setPluginStatusMessage(pluginStatusMessage)
+      setPluginStatusMessage(pluginStatusMessage);
       setIsSelfHostedInstall(plugin.meta.jsonData?.license === GRAFANA_LICENSE_OSS);
       setPluginStatusOk(true);
     } else {
-      setPluginStatusMessage(constructSyncErrorMessage(INVALID_INVITE_TOKEN_ERROR_MSG,
-        plugin.meta.jsonData.grafanaUrl));
+      setPluginStatusMessage(
+        constructSyncErrorMessage(INVALID_INVITE_TOKEN_ERROR_MSG, plugin.meta.jsonData.grafanaUrl)
+      );
       setRetrySync(true);
     }
     setPluginConfigLoading(false);
@@ -195,16 +198,16 @@ export const PluginConfigPage = (props: Props) => {
       return;
     }
 
-    getPluginSyncStatus().then((get_sync_response) => {
-      if (get_sync_response.hasOwnProperty('token_ok')) {
-        finishSync(get_sync_response);
-      } else {
-        syncStatusDelay(retryCount + 1).then(() => waitForSyncStatus(retryCount + 1))
-      }
-    }).catch((e) => {
-      handleSyncException(e);
-    });
-  }
+    getPluginSyncStatus()
+      .then((get_sync_response) => {
+        if (get_sync_response.hasOwnProperty('token_ok')) {
+          finishSync(get_sync_response);
+        } else {
+          syncStatusDelay(retryCount + 1).then(() => waitForSyncStatus(retryCount + 1));
+        }
+      })
+      .catch(handleSyncException);
+  };
 
   const startSync = useCallback(() => {
     setRetrySync(false);
@@ -214,9 +217,7 @@ export const PluginConfigPage = (props: Props) => {
       .catch(handleSyncException);
   }, []);
 
-  useEffect(() => {
-    startSync();
-  }, []);
+  useEffect(startSync, []);
 
   return (
     <div>
diff --git a/grafana-plugin/src/containers/PluginConfigPage/helpers.tsx b/grafana-plugin/src/containers/PluginConfigPage/helpers.tsx
index c91a391c..e6d4da0c 100644
--- a/grafana-plugin/src/containers/PluginConfigPage/helpers.tsx
+++ b/grafana-plugin/src/containers/PluginConfigPage/helpers.tsx
@@ -1,5 +1,6 @@
-export const constructSyncErrorMessage = (errMsg: string, url?: string): string =>
-  `${url ? `${url}\n` : ''}${errMsg}`;
+export const constructSyncErrorMessage = (errMsg: string, url?: string): string => `${url ? `${url}\n` : ''}${errMsg}`;
 
 export const constructErrorActionMessage = (msg?: string): string =>
-  `Try removing your current configuration, ${msg ? msg : 'double checking your settings'}, and re-initializing the plugin.\nBy removing your current configuration, you will need to ensure that you regenerate a new invite token, and input this in your new configuration.`
+  `Try removing your current configuration, ${
+    msg ? msg : 'double checking your settings'
+  }, and re-initializing the plugin.\nBy removing your current configuration, you will need to ensure that you regenerate a new invite token, and input this in your new configuration.`;
diff --git a/grafana-plugin/src/containers/RemoteSelect/RemoteSelect.module.css b/grafana-plugin/src/containers/RemoteSelect/RemoteSelect.module.css
deleted file mode 100644
index 63d08ecc..00000000
--- a/grafana-plugin/src/containers/RemoteSelect/RemoteSelect.module.css
+++ /dev/null
@@ -1,3 +0,0 @@
-.root {
-  display: block;
-}
diff --git a/grafana-plugin/src/containers/RemoteSelect/RemoteSelect.tsx b/grafana-plugin/src/containers/RemoteSelect/RemoteSelect.tsx
index 4f281542..753b3326 100644
--- a/grafana-plugin/src/containers/RemoteSelect/RemoteSelect.tsx
+++ b/grafana-plugin/src/containers/RemoteSelect/RemoteSelect.tsx
@@ -2,15 +2,10 @@ import React, { useCallback, useEffect, useMemo, useReducer } from 'react';
 
 import { SelectableValue } from '@grafana/data';
 import { AsyncMultiSelect, AsyncSelect } from '@grafana/ui';
-import cn from 'classnames/bind';
 import { inject, observer } from 'mobx-react';
 
 import { makeRequest } from 'network';
 
-import styles from './RemoteSelect.module.css';
-
-const cx = cn.bind(styles);
-
 interface RemoteSelectProps {
   autoFocus?: boolean;
   href: string;
diff --git a/grafana-plugin/src/containers/Rotation/Rotation.tsx b/grafana-plugin/src/containers/Rotation/Rotation.tsx
index 0add0728..0cb126e3 100644
--- a/grafana-plugin/src/containers/Rotation/Rotation.tsx
+++ b/grafana-plugin/src/containers/Rotation/Rotation.tsx
@@ -1,14 +1,12 @@
-import React, { FC, useMemo, useState, useEffect, useRef, useCallback } from 'react';
+import React, { FC, useMemo, useState } from 'react';
 
 import { HorizontalGroup, LoadingPlaceholder } from '@grafana/ui';
 import cn from 'classnames/bind';
 import dayjs from 'dayjs';
 
 import ScheduleSlot from 'containers/ScheduleSlot/ScheduleSlot';
-import { getFromString } from 'models/schedule/schedule.helpers';
-import { Rotation as RotationType, Schedule, Event } from 'models/schedule/schedule.types';
+import { Schedule, Event } from 'models/schedule/schedule.types';
 import { Timezone } from 'models/timezone/timezone.types';
-import { usePrevious } from 'utils/hooks';
 
 import { getLabel } from './Rotation.helpers';
 
@@ -16,8 +14,6 @@ import styles from './Rotation.module.css';
 
 const cx = cn.bind(styles);
 
-interface ScheduleSlotState {}
-
 interface RotationProps {
   scheduleId: Schedule['id'];
   startMoment: dayjs.Dayjs;
@@ -45,38 +41,7 @@ const Rotation: FC<RotationProps> = (props) => {
     transparent = false,
   } = props;
 
-  const [animate, setAnimate] = useState<boolean>(true);
-  const [width, setWidth] = useState<number | undefined>();
-
-  const startMomentString = useMemo(() => getFromString(startMoment), [startMoment]);
-
-  const prevStartMomentString = usePrevious(startMomentString);
-
-  // console.log(events);
-
-  // const rotation = store.scheduleStore.rotations[id]?.[prevStartMomentString];
-
-  /* useEffect(() => {
-    setTransparent(false);
-  }, [rotation]);
-
-  useEffect(() => {
-    setTransparent(true);
-  }, [startMoment]);*/
-
-  useEffect(() => {
-    const startMomentString = startMoment.utc().format('YYYY-MM-DDTHH:mm:ss.000Z');
-
-    // console.log('CHANGE START MOMENT', startMomentString);
-
-    // store.scheduleStore.updateEvents(scheduleId, startMomentString, currentTimezone);
-  }, [startMomentString]);
-
-  const slots = useCallback((node) => {
-    if (node) {
-      setWidth(node.offsetWidth);
-    }
-  }, []);
+  const [animate, _setAnimate] = useState<boolean>(true);
 
   const handleClick = (event) => {
     const rect = event.currentTarget.getBoundingClientRect();
@@ -94,11 +59,8 @@ const Rotation: FC<RotationProps> = (props) => {
     }
 
     const firstShift = events[0];
-
     const firstShiftOffset = dayjs(firstShift.start).diff(startMoment, 'seconds');
-
     const base = 60 * 60 * 24 * days;
-    // const utcOffset = dayjs().tz(currentTimezone).utcOffset();
 
     return firstShiftOffset / base;
   }, [events]);
diff --git a/grafana-plugin/src/containers/RotationForm/DateTimePicker.tsx b/grafana-plugin/src/containers/RotationForm/DateTimePicker.tsx
index c8174b94..bc265215 100644
--- a/grafana-plugin/src/containers/RotationForm/DateTimePicker.tsx
+++ b/grafana-plugin/src/containers/RotationForm/DateTimePicker.tsx
@@ -1,20 +1,10 @@
 import React, { useCallback, useMemo } from 'react';
 
 import { DateTime, dateTime } from '@grafana/data';
-import { DatePickerWithInput, HorizontalGroup, TimeOfDayPicker, Tooltip } from '@grafana/ui';
-import cn from 'classnames/bind';
+import { DatePickerWithInput, HorizontalGroup, TimeOfDayPicker } from '@grafana/ui';
 import dayjs from 'dayjs';
-import { observer } from 'mobx-react';
-import { Moment } from 'moment-timezone';
 
 import { Timezone } from 'models/timezone/timezone.types';
-import { getUserNotificationsSummary } from 'models/user/user.helpers';
-import { User } from 'models/user/user.types';
-import { useStore } from 'state/useStore';
-
-import styles from 'containers/UserTooltip/UserTooltip.module.css';
-
-const cx = cn.bind(styles);
 
 interface UserTooltipProps {
   value: dayjs.Dayjs;
diff --git a/grafana-plugin/src/containers/RotationForm/RotationForm.tsx b/grafana-plugin/src/containers/RotationForm/RotationForm.tsx
index c370c2b8..1242abca 100644
--- a/grafana-plugin/src/containers/RotationForm/RotationForm.tsx
+++ b/grafana-plugin/src/containers/RotationForm/RotationForm.tsx
@@ -1,18 +1,6 @@
 import React, { FC, useCallback, useEffect, useMemo, useState } from 'react';
 
-import { dateTime, DateTime } from '@grafana/data';
-import {
-  IconButton,
-  VerticalGroup,
-  HorizontalGroup,
-  Field,
-  Input,
-  Button,
-  Select,
-  InlineSwitch,
-  DatePickerWithInput,
-  TimeOfDayPicker,
-} from '@grafana/ui';
+import { IconButton, VerticalGroup, HorizontalGroup, Field, Button, Select, InlineSwitch } from '@grafana/ui';
 import cn from 'classnames/bind';
 import dayjs from 'dayjs';
 import { observer } from 'mobx-react';
@@ -21,16 +9,14 @@ import Draggable from 'react-draggable';
 import Modal from 'components/Modal/Modal';
 import Text from 'components/Text/Text';
 import UserGroups from 'components/UserGroups/UserGroups';
-import { Item } from 'components/UserGroups/UserGroups.types';
 import WithConfirm from 'components/WithConfirm/WithConfirm';
 import WorkingHours from 'components/WorkingHours/WorkingHours';
 import RemoteSelect from 'containers/RemoteSelect/RemoteSelect';
 import { getFromString } from 'models/schedule/schedule.helpers';
-import { Rotation, Schedule, Shift } from 'models/schedule/schedule.types';
+import { Schedule, Shift } from 'models/schedule/schedule.types';
 import { getTzOffsetString } from 'models/timezone/timezone.helpers';
 import { Timezone } from 'models/timezone/timezone.types';
 import { User } from 'models/user/user.types';
-import { makeRequest } from 'network';
 import { getDateTime, getUTCString } from 'pages/schedule/Schedule.helpers';
 import { SelectOption } from 'state/types';
 import { useStore } from 'state/useStore';
@@ -38,7 +24,6 @@ import { getCoords, waitForElement } from 'utils/DOM';
 import { useDebouncedCallback } from 'utils/hooks';
 
 import DateTimePicker from './DateTimePicker';
-import { RotationCreateData } from './RotationForm.types';
 
 import styles from './RotationForm.module.css';
 
@@ -77,10 +62,8 @@ const RotationForm: FC<RotationFormProps> = observer((props) => {
     shiftColor = '#3D71D9',
   } = props;
 
-  // console.log('shiftColor', shiftColor);
-
   const [isOpen, setIsOpen] = useState<boolean>(false);
-
+  const [offsetTop, setOffsetTop] = useState<number>(0);
   const [repeatEveryValue, setRepeatEveryValue] = useState<number>(1);
   const [repeatEveryPeriod, setRepeatEveryPeriod] = useState<number>(0);
   const [selectedDays, setSelectedDays] = useState<string[]>([]);
@@ -90,6 +73,9 @@ const RotationForm: FC<RotationFormProps> = observer((props) => {
   const [endLess, setEndless] = useState<boolean>(true);
   const [rotationEnd, setRotationEnd] = useState<dayjs.Dayjs>(shiftMoment.add(1, 'month'));
 
+  const store = useStore();
+  const shift = store.scheduleStore.shifts[shiftId];
+
   useEffect(() => {
     if (rotationStart.isBefore(shiftStart)) {
       setRotationStart(shiftStart);
@@ -106,22 +92,12 @@ const RotationForm: FC<RotationFormProps> = observer((props) => {
     [shiftStart, shiftEnd]
   );
 
-  const store = useStore();
-
-  const shift = store.scheduleStore.shifts[shiftId];
-
-  const [offsetTop, setOffsetTop] = useState<number>(0);
-
   useEffect(() => {
     if (isOpen) {
       waitForElement(`#layer${shiftId === 'new' ? layerPriority : shift?.priority_level}`).then((elm) => {
         const modal = document.querySelector(`.${cx('draggable')}`) as HTMLDivElement;
-
         const coords = getCoords(elm);
 
-        // elm.scrollIntoView({ behavior: 'smooth', block: 'end', inline: 'nearest' });
-        // setOffsetTop(Math.max(coords.top + elm.offsetHeight, 0));
-
         const offsetTop = Math.min(
           Math.max(coords.top - modal?.offsetHeight - 10, 10),
           document.body.offsetHeight - modal?.offsetHeight - 10
@@ -277,8 +253,6 @@ const RotationForm: FC<RotationFormProps> = observer((props) => {
             </HorizontalGroup>
           </Text>
           <HorizontalGroup>
-            {/*<IconButton disabled variant="secondary" tooltip="Copy" name="copy" />
-            <IconButton disabled variant="secondary" tooltip="Code" name="brackets-curly" />*/}
             {shiftId !== 'new' && (
               <WithConfirm>
                 <IconButton variant="secondary" tooltip="Delete" name="trash-alt" onClick={handleDeleteClick} />
@@ -287,7 +261,6 @@ const RotationForm: FC<RotationFormProps> = observer((props) => {
             <IconButton variant="secondary" className={cx('drag-handler')} name="draggabledots" />
           </HorizontalGroup>
         </HorizontalGroup>
-        {/*<hr />*/}
         <div className={cx('content')}>
           <VerticalGroup>
             <div className={cx('two-fields')}>
@@ -348,7 +321,6 @@ const RotationForm: FC<RotationFormProps> = observer((props) => {
               </Field>
             </HorizontalGroup>
             {repeatEveryPeriod === 1 && (
-              /*<HorizontalGroup justify="center">*/
               <Field label="Select days to repeat">
                 <DaysSelector
                   options={store.scheduleStore.byDayOptions}
@@ -356,7 +328,6 @@ const RotationForm: FC<RotationFormProps> = observer((props) => {
                   onChange={(value) => setSelectedDays(value)}
                 />
               </Field>
-              /*</HorizontalGroup>*/
             )}
             <div className={cx('two-fields')}>
               <Field
@@ -429,6 +400,7 @@ const DaysSelector = ({ value, onChange, options }: DaysSelectorProps) => {
     <div className={cx('days')}>
       {options.map(({ display_name, value: itemValue }) => (
         <div
+          key={display_name}
           onClick={getDayClickHandler(itemValue as string)}
           className={cx('day', { day__selected: value.includes(itemValue as string) })}
         >
diff --git a/grafana-plugin/src/containers/RotationForm/ScheduleOverrideForm.tsx b/grafana-plugin/src/containers/RotationForm/ScheduleOverrideForm.tsx
index f0423b5b..7e235df0 100644
--- a/grafana-plugin/src/containers/RotationForm/ScheduleOverrideForm.tsx
+++ b/grafana-plugin/src/containers/RotationForm/ScheduleOverrideForm.tsx
@@ -1,7 +1,6 @@
 import React, { FC, useCallback, useEffect, useMemo, useState } from 'react';
 
-import { dateTime, DateTime } from '@grafana/data';
-import { IconButton, VerticalGroup, HorizontalGroup, Field, Input, Button, Select, InlineSwitch } from '@grafana/ui';
+import { IconButton, VerticalGroup, HorizontalGroup, Field, Button } from '@grafana/ui';
 import cn from 'classnames/bind';
 import dayjs from 'dayjs';
 import Draggable from 'react-draggable';
@@ -12,7 +11,7 @@ import UserGroups from 'components/UserGroups/UserGroups';
 import WithConfirm from 'components/WithConfirm/WithConfirm';
 import WorkingHours from 'components/WorkingHours/WorkingHours';
 import { getFromString } from 'models/schedule/schedule.helpers';
-import { Rotation, Schedule, Shift } from 'models/schedule/schedule.types';
+import { Schedule, Shift } from 'models/schedule/schedule.types';
 import { getTzOffsetString } from 'models/timezone/timezone.helpers';
 import { Timezone } from 'models/timezone/timezone.types';
 import { User } from 'models/user/user.types';
@@ -22,7 +21,6 @@ import { getCoords, waitForElement } from 'utils/DOM';
 import { useDebouncedCallback } from 'utils/hooks';
 
 import DateTimePicker from './DateTimePicker';
-import { RotationCreateData } from './RotationForm.types';
 
 import styles from './RotationForm.module.css';
 
@@ -189,8 +187,6 @@ const ScheduleOverrideForm: FC<RotationFormProps> = (props) => {
         <HorizontalGroup justify="space-between">
           <Text size="medium">{shiftId === 'new' ? 'New Override' : 'Update Override'}</Text>
           <HorizontalGroup>
-            {/*<IconButton disabled variant="secondary" tooltip="Copy" name="copy" />
-            <IconButton disabled variant="secondary" tooltip="Code" name="brackets-curly" />*/}
             {shiftId !== 'new' && (
               <WithConfirm>
                 <IconButton variant="secondary" tooltip="Delete" name="trash-alt" onClick={handleDeleteClick} />
diff --git a/grafana-plugin/src/containers/Rotations/Rotations.helpers.ts b/grafana-plugin/src/containers/Rotations/Rotations.helpers.ts
index 91225e8b..f4c255e0 100644
--- a/grafana-plugin/src/containers/Rotations/Rotations.helpers.ts
+++ b/grafana-plugin/src/containers/Rotations/Rotations.helpers.ts
@@ -7,8 +7,8 @@ export const findColor = (shiftId: Shift['id'], layers: Layer[], overrides?) =>
   let layerIndex = -1;
   let rotationIndex = -1;
   if (layers) {
-    outer: for (var i = 0; i < layers.length; i++) {
-      for (var j = 0; j < layers[i].shifts.length; j++) {
+    outer: for (let i = 0; i < layers.length; i++) {
+      for (let j = 0; j < layers[i].shifts.length; j++) {
         const shift = layers[i].shifts[j];
         if (shift.shiftId === shiftId || (shiftId === 'new' && shift.isPreview)) {
           layerIndex = i;
@@ -21,7 +21,7 @@ export const findColor = (shiftId: Shift['id'], layers: Layer[], overrides?) =>
 
   let overrideIndex = -1;
   if (layerIndex === -1 && rotationIndex === -1 && overrides) {
-    for (var k = 0; k < overrides.length; k++) {
+    for (let k = 0; k < overrides.length; k++) {
       const shift = overrides[k];
       if (shift.shiftId === shiftId || (shiftId === 'new' && shift.isPreview)) {
         overrideIndex = k;
diff --git a/grafana-plugin/src/containers/Rotations/Rotations.tsx b/grafana-plugin/src/containers/Rotations/Rotations.tsx
index 5b16fa84..7e52a5bc 100644
--- a/grafana-plugin/src/containers/Rotations/Rotations.tsx
+++ b/grafana-plugin/src/containers/Rotations/Rotations.tsx
@@ -1,11 +1,9 @@
-import React, { Component, useMemo, useState } from 'react';
+import React, { Component } from 'react';
 
 import { SelectableValue } from '@grafana/data';
-import { ValuePicker, IconButton, Icon, HorizontalGroup, Button, LoadingPlaceholder } from '@grafana/ui';
+import { ValuePicker, HorizontalGroup, Button } from '@grafana/ui';
 import cn from 'classnames/bind';
 import dayjs from 'dayjs';
-import utc from 'dayjs/plugin/utc';
-import { toJS } from 'mobx';
 import { observer } from 'mobx-react';
 import { CSSTransition, TransitionGroup } from 'react-transition-group';
 
@@ -13,11 +11,10 @@ import Text from 'components/Text/Text';
 import TimelineMarks from 'components/TimelineMarks/TimelineMarks';
 import Rotation from 'containers/Rotation/Rotation';
 import RotationForm from 'containers/RotationForm/RotationForm';
-import { RotationCreateData } from 'containers/RotationForm/RotationForm.types';
 import { getColor, getFromString } from 'models/schedule/schedule.helpers';
-import { Event, Layer, Schedule, Shift } from 'models/schedule/schedule.types';
+import { Layer, Schedule, Shift } from 'models/schedule/schedule.types';
 import { Timezone } from 'models/timezone/timezone.types';
-import { SelectOption, WithStoreProps } from 'state/types';
+import { WithStoreProps } from 'state/types';
 import { withMobXProviderContext } from 'state/withStore';
 
 import { DEFAULT_TRANSITION_TIMEOUT } from './Rotations.config';
@@ -122,7 +119,6 @@ class Rotations extends Component<RotationsProps, RotationsState> {
                       <div className={cx('layer-title')}>
                         <HorizontalGroup spacing="sm" justify="center">
                           <Text type="secondary">Layer {layer.priority}</Text>
-                          {/*<Icon name="info-circle" />*/}
                         </HorizontalGroup>
                       </div>
                       <div className={cx('rotations')}>
diff --git a/grafana-plugin/src/containers/Rotations/ScheduleFinal.tsx b/grafana-plugin/src/containers/Rotations/ScheduleFinal.tsx
index 99339140..7fa585d8 100644
--- a/grafana-plugin/src/containers/Rotations/ScheduleFinal.tsx
+++ b/grafana-plugin/src/containers/Rotations/ScheduleFinal.tsx
@@ -1,6 +1,6 @@
-import React, { Component, useEffect } from 'react';
+import React, { Component } from 'react';
 
-import { Button, HorizontalGroup, Icon, Input, ValuePicker } from '@grafana/ui';
+import { HorizontalGroup } from '@grafana/ui';
 import cn from 'classnames/bind';
 import dayjs from 'dayjs';
 import { observer } from 'mobx-react';
@@ -9,8 +9,8 @@ import { CSSTransition, TransitionGroup } from 'react-transition-group';
 import Text from 'components/Text/Text';
 import TimelineMarks from 'components/TimelineMarks/TimelineMarks';
 import Rotation from 'containers/Rotation/Rotation';
-import { getColor, getFromString, getLayersFromStore, getOverrideColor, getOverridesFromStore, getShiftsFromStore } from 'models/schedule/schedule.helpers';
-import { Event, Layer, Schedule, Shift } from 'models/schedule/schedule.types';
+import { getLayersFromStore, getOverridesFromStore, getShiftsFromStore } from 'models/schedule/schedule.helpers';
+import { Schedule, Shift } from 'models/schedule/schedule.types';
 import { Timezone } from 'models/timezone/timezone.types';
 import { WithStoreProps } from 'state/types';
 import { withMobXProviderContext } from 'state/withStore';
@@ -51,7 +51,7 @@ class ScheduleFinal extends Component<ScheduleFinalProps, ScheduleOverridesState
     const shifts = getShiftsFromStore(store, scheduleId, startMoment);
 
     const layers = getLayersFromStore(store, scheduleId, startMoment);
-    
+
     const overrides = getOverridesFromStore(store, scheduleId, startMoment);
 
     const currentTimeHidden = currentTimeX < 0 || currentTimeX > 1;
@@ -67,12 +67,6 @@ class ScheduleFinal extends Component<ScheduleFinalProps, ScheduleOverridesState
                     Final schedule
                   </Text.Title>
                 </div>
-                {/*<Input
-                  prefix={<Icon name="search" />}
-                  placeholder="Search..."
-                  value={searchTerm}
-                  onChange={this.onSearchTermChangeCallback}
-                />*/}
               </HorizontalGroup>
             </div>
           )}
diff --git a/grafana-plugin/src/containers/Rotations/ScheduleOverrides.tsx b/grafana-plugin/src/containers/Rotations/ScheduleOverrides.tsx
index e9e4048e..a0eff285 100644
--- a/grafana-plugin/src/containers/Rotations/ScheduleOverrides.tsx
+++ b/grafana-plugin/src/containers/Rotations/ScheduleOverrides.tsx
@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
 
-import { Button, HorizontalGroup, Icon, ValuePicker } from '@grafana/ui';
+import { Button, HorizontalGroup } from '@grafana/ui';
 import cn from 'classnames/bind';
 import dayjs from 'dayjs';
 import { observer } from 'mobx-react';
@@ -9,15 +9,9 @@ import { CSSTransition, TransitionGroup } from 'react-transition-group';
 import Text from 'components/Text/Text';
 import TimelineMarks from 'components/TimelineMarks/TimelineMarks';
 import Rotation from 'containers/Rotation/Rotation';
-import { RotationCreateData } from 'containers/RotationForm/RotationForm.types';
 import ScheduleOverrideForm from 'containers/RotationForm/ScheduleOverrideForm';
-import {
-  getFromString,
-  getOverrideColor,
-  getOverridesFromStore,
-  getShiftsFromStore,
-} from 'models/schedule/schedule.helpers';
-import { Event, Schedule, Shift, ShiftEvents } from 'models/schedule/schedule.types';
+import { getOverrideColor, getOverridesFromStore } from 'models/schedule/schedule.helpers';
+import { Schedule, Shift, ShiftEvents } from 'models/schedule/schedule.types';
 import { Timezone } from 'models/timezone/timezone.types';
 import { WithStoreProps } from 'state/types';
 import { withMobXProviderContext } from 'state/withStore';
@@ -125,9 +119,6 @@ class ScheduleOverrides extends Component<ScheduleOverridesProps, ScheduleOverri
               )}
             </TransitionGroup>
           </div>
-          {/* <div className={cx('add-rotations-layer')} onClick={this.handleAddOverride}>
-            + Add override
-          </div>*/}
         </div>
         {shiftIdToShowRotationForm && (
           <ScheduleOverrideForm
diff --git a/grafana-plugin/src/containers/ScheduleForm/ScheduleForm.config.ts b/grafana-plugin/src/containers/ScheduleForm/ScheduleForm.config.ts
index 62b6df1f..f46da5a7 100644
--- a/grafana-plugin/src/containers/ScheduleForm/ScheduleForm.config.ts
+++ b/grafana-plugin/src/containers/ScheduleForm/ScheduleForm.config.ts
@@ -1,8 +1,5 @@
-import { ReactElement } from 'react';
-
 import { FormItem, FormItemType } from 'components/GForm/GForm.types';
 import { PRIVATE_CHANNEL_NAME } from 'models/slack_channel/slack_channel.config';
-import { DEFAULT_USER_ROLES } from 'models/user/user.config';
 
 const commonFields: FormItem[] = [
   {
@@ -92,12 +89,6 @@ const commonFields: FormItem[] = [
     },
     description: 'Specify how to notify a team member when their shift is the next one scheduled',
   },
-  // {
-  //   name: 'send_empty_shifts_report',
-  //   normalize: (value) => Boolean(value),
-  //   label: 'Send reports about empty shifts to Slack',
-  //   type: FormItemType.Switch,
-  // },
 ];
 
 export const iCalForm: { name: string; fields: FormItem[] } = {
diff --git a/grafana-plugin/src/containers/ScheduleForm/ScheduleForm.tsx b/grafana-plugin/src/containers/ScheduleForm/ScheduleForm.tsx
index fe84dfeb..2fb0f480 100644
--- a/grafana-plugin/src/containers/ScheduleForm/ScheduleForm.tsx
+++ b/grafana-plugin/src/containers/ScheduleForm/ScheduleForm.tsx
@@ -1,11 +1,9 @@
 import React, { useCallback, useMemo } from 'react';
 
-import { SelectableValue } from '@grafana/data';
-import { Button, Drawer, HorizontalGroup, VerticalGroup } from '@grafana/ui';
+import { Button, Drawer, VerticalGroup } from '@grafana/ui';
 import cn from 'classnames/bind';
 import { observer } from 'mobx-react';
 
-import Avatar from 'components/Avatar/Avatar';
 import GForm from 'components/GForm/GForm';
 import Text from 'components/Text/Text';
 import { WithPermissionControl } from 'containers/WithPermissionControl/WithPermissionControl';
@@ -78,10 +76,6 @@ const ScheduleForm = observer((props: ScheduleFormProps) => {
     >
       <div className={cx('content')}>
         <VerticalGroup>
-          {/*<Text type="secondary">
-            Manage on-call schedules using your favourite calendar app, such as Google Calendar or Microsoft Outlook. To
-            schedule on-call shifts create a new calendar and use events with the teammates usernames
-          </Text>*/}
           <GForm form={formConfig} data={data} onSubmit={handleSubmit} />
           <WithPermissionControl userAction={UserAction.UpdateSchedules}>
             <Button form={formConfig.name} type="submit">
diff --git a/grafana-plugin/src/containers/ScheduleIcalLink/ScheduleIcalLink.tsx b/grafana-plugin/src/containers/ScheduleIcalLink/ScheduleIcalLink.tsx
index 83dca931..de52736d 100644
--- a/grafana-plugin/src/containers/ScheduleIcalLink/ScheduleIcalLink.tsx
+++ b/grafana-plugin/src/containers/ScheduleIcalLink/ScheduleIcalLink.tsx
@@ -57,7 +57,7 @@ const ScheduleICalSettings: FC<ScheduleICalSettingsProps> = observer((props) =>
       <Label>iCal link:</Label>
       <Text type="secondary">
         Secret iCal export link to export schedule's on call shifts to Google Calendar, iCal, etc. If you forget it,
-        you’ll need to revoke this link and create another one
+        you'll need to revoke this link and create another one
       </Text>
       {isICalLinkLoading ? (
         <LoadingPlaceholder text="Loading..." />
diff --git a/grafana-plugin/src/containers/ScheduleSlot/ScheduleSlot.helpers.ts b/grafana-plugin/src/containers/ScheduleSlot/ScheduleSlot.helpers.ts
index f66d5306..f1fcf687 100644
--- a/grafana-plugin/src/containers/ScheduleSlot/ScheduleSlot.helpers.ts
+++ b/grafana-plugin/src/containers/ScheduleSlot/ScheduleSlot.helpers.ts
@@ -1,25 +1,5 @@
-import dayjs from 'dayjs';
-
-import { Shift } from 'models/schedule/schedule.types';
 import { User } from 'models/user/user.types';
 
-const USERS = [
-  'Innokentii Konstantinov',
-  'Ildar Iskhakov',
-  'Matias Bordese',
-  'Michael Derynck',
-  'Vadim Stepanov',
-  'Matvey Kukuy',
-  'Yulya Artyukhina',
-  'Raphael Batyrbaev',
-];
-
-export const getRandomUser = () => {
-  return USERS[Math.floor(Math.random() * USERS.length)];
-};
-
 export const getTitle = (user: User) => {
   return user ? user.username.split(' ')[0] : null;
 };
-
-export const getOuRanges = (shift: Shift, user: User) => {};
diff --git a/grafana-plugin/src/containers/ScheduleSlot/ScheduleSlot.tsx b/grafana-plugin/src/containers/ScheduleSlot/ScheduleSlot.tsx
index 374b0e3c..b56f65b7 100644
--- a/grafana-plugin/src/containers/ScheduleSlot/ScheduleSlot.tsx
+++ b/grafana-plugin/src/containers/ScheduleSlot/ScheduleSlot.tsx
@@ -1,6 +1,6 @@
 import React, { FC, useCallback, useState } from 'react';
 
-import { HorizontalGroup, Icon, Tooltip, VerticalGroup } from '@grafana/ui';
+import { HorizontalGroup, Tooltip, VerticalGroup } from '@grafana/ui';
 import cn from 'classnames/bind';
 import dayjs from 'dayjs';
 import { observer } from 'mobx-react';
@@ -30,7 +30,7 @@ interface ScheduleSlotProps {
 const cx = cn.bind(styles);
 
 const ScheduleSlot: FC<ScheduleSlotProps> = observer((props) => {
-  const { event, scheduleId, startMoment, currentTimezone, color, label } = props;
+  const { event, scheduleId, currentTimezone, color, label } = props;
   const { users } = event;
 
   const trackMouse = false;
@@ -55,7 +55,7 @@ const ScheduleSlot: FC<ScheduleSlotProps> = observer((props) => {
   const onCallNow = store.scheduleStore.items[scheduleId]?.on_call_now;
 
   return (
-    <div className={cx('stack')} style={{ width: `${width * 100}%` /*left: `${x * 100}%`*/ }}>
+    <div className={cx('stack')} style={{ width: `${width * 100}%` }}>
       {event.is_gap ? (
         <Tooltip content={<ScheduleGapDetails event={event} currentTimezone={currentTimezone} />}>
           <div className={cx('root', 'root__type_gap')} style={{}}>
@@ -95,6 +95,7 @@ const ScheduleSlot: FC<ScheduleSlotProps> = observer((props) => {
 
           return (
             <Tooltip
+              key={userPk}
               content={
                 <ScheduleSlotDetails
                   user={storeUser}
@@ -159,10 +160,6 @@ const ScheduleSlotDetails = (props: ScheduleSlotDetailsProps) => {
           </HorizontalGroup>
           <HorizontalGroup>
             <VerticalGroup spacing="none">
-              {/* <HorizontalGroup spacing="sm">
-                <Icon name="clock-nine" size="xs" />
-                <Text type="secondary">30 apr, 7:54 </Text>
-              </HorizontalGroup>*/}
               <HorizontalGroup spacing="sm">
                 <img src={Line} />
                 <VerticalGroup spacing="none">
@@ -176,7 +173,6 @@ const ScheduleSlotDetails = (props: ScheduleSlotDetailsProps) => {
         <VerticalGroup spacing="sm">
           <Text type="primary">{currentTimezone}</Text>
           <VerticalGroup spacing="none">
-            {/* <Text type="primary">30 apr, 12:54 </Text>*/}
             <Text type="primary">{dayjs(event.start).tz(currentTimezone).format('DD MMM, HH:mm')}</Text>
             <Text type="primary">{dayjs(event.end).tz(currentTimezone).format('DD MMM, HH:mm')}</Text>
           </VerticalGroup>
@@ -204,15 +200,6 @@ const ScheduleGapDetails = (props: ScheduleGapDetailsProps) => {
             <Text type="primary">{dayjs(event.end).tz(currentTimezone).format('DD MMM, HH:mm')}</Text>
           </VerticalGroup>
         </HorizontalGroup>
-        {/*<Text type="primary">Gaps this week</Text>
-        <HorizontalGroup justify="space-between">
-          <Text type="secondary">Number of gaps</Text>
-          <Text type="secondary">12</Text>
-        </HorizontalGroup>
-        <HorizontalGroup justify="space-between">
-          <Text type="secondary">Time</Text>
-          <Text type="secondary">23h 12m</Text>
-        </HorizontalGroup>*/}
       </VerticalGroup>
     </div>
   );
diff --git a/grafana-plugin/src/containers/SchedulesFilters/SchedulesFilters.module.css b/grafana-plugin/src/containers/SchedulesFilters/SchedulesFilters.module.css
deleted file mode 100644
index bedeb67b..00000000
--- a/grafana-plugin/src/containers/SchedulesFilters/SchedulesFilters.module.css
+++ /dev/null
@@ -1,3 +0,0 @@
-.root {
-
-}
diff --git a/grafana-plugin/src/containers/SchedulesFilters/SchedulesFilters.tsx b/grafana-plugin/src/containers/SchedulesFilters/SchedulesFilters.tsx
deleted file mode 100644
index d6358951..00000000
--- a/grafana-plugin/src/containers/SchedulesFilters/SchedulesFilters.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import React from 'react';
-
-import cn from 'classnames/bind';
-import { observer } from 'mobx-react';
-
-import { useStore } from 'state/useStore';
-
-import styles from './SchedulesFilters.module.css';
-
-const cx = cn.bind(styles);
-
-interface SchedulesFiltersProps {}
-
-const SchedulesFilters = observer((props: SchedulesFiltersProps) => {
-  const {} = props;
-
-  const store = useStore();
-
-  const {} = store;
-
-  return <div className={cx('root')} />;
-});
-
-export default SchedulesFilters;
diff --git a/grafana-plugin/src/containers/SlackIntegrationButton/SlackIntegrationButton.tsx b/grafana-plugin/src/containers/SlackIntegrationButton/SlackIntegrationButton.tsx
index 2909b2f4..f5e9d366 100644
--- a/grafana-plugin/src/containers/SlackIntegrationButton/SlackIntegrationButton.tsx
+++ b/grafana-plugin/src/containers/SlackIntegrationButton/SlackIntegrationButton.tsx
@@ -3,7 +3,6 @@ import React, { useCallback, useState } from 'react';
 import { Button, Modal } from '@grafana/ui';
 import { observer } from 'mobx-react';
 
-import Text from 'components/Text/Text';
 import WithConfirm from 'components/WithConfirm/WithConfirm';
 import { WithPermissionControl } from 'containers/WithPermissionControl/WithPermissionControl';
 import { useStore } from 'state/useStore';
diff --git a/grafana-plugin/src/containers/TelegramIntegrationButton/TelegramIntegrationButton.tsx b/grafana-plugin/src/containers/TelegramIntegrationButton/TelegramIntegrationButton.tsx
index 4e5524ae..692e1fd7 100644
--- a/grafana-plugin/src/containers/TelegramIntegrationButton/TelegramIntegrationButton.tsx
+++ b/grafana-plugin/src/containers/TelegramIntegrationButton/TelegramIntegrationButton.tsx
@@ -6,7 +6,6 @@ import { observer } from 'mobx-react';
 import CopyToClipboard from 'react-copy-to-clipboard';
 
 import Text from 'components/Text/Text';
-import WithConfirm from 'components/WithConfirm/WithConfirm';
 import { WithPermissionControl } from 'containers/WithPermissionControl/WithPermissionControl';
 import { useStore } from 'state/useStore';
 import { UserAction } from 'state/userAction';
@@ -27,8 +26,6 @@ const TelegramIntegrationButton = observer((props: TelegramIntegrationProps) =>
 
   const [showModal, setShowModal] = useState<boolean>(false);
 
-  const store = useStore();
-
   const onInstallModalHideCallback = useCallback(() => {
     setShowModal(false);
   }, []);
@@ -63,7 +60,7 @@ interface TelegramModalProps {
 const TelegramModal = (props: TelegramModalProps) => {
   const { onHide, onUpdate } = props;
   const store = useStore();
-  const { telegramChannelStore, userStore } = store;
+  const { telegramChannelStore } = store;
 
   const [verificationCode, setVerificationCode] = useState<string>();
   const [botLink, setBotLink] = useState<string>();
diff --git a/grafana-plugin/src/containers/TemplatePreview/TemplatePreview.tsx b/grafana-plugin/src/containers/TemplatePreview/TemplatePreview.tsx
index af4edbce..5f337ce2 100644
--- a/grafana-plugin/src/containers/TemplatePreview/TemplatePreview.tsx
+++ b/grafana-plugin/src/containers/TemplatePreview/TemplatePreview.tsx
@@ -1,7 +1,6 @@
 import React, { useEffect, useState } from 'react';
 
 import { LoadingPlaceholder } from '@grafana/ui';
-import { capitalCase } from 'change-case';
 import cn from 'classnames/bind';
 import { observer } from 'mobx-react';
 
@@ -24,10 +23,8 @@ interface TemplatePreviewProps {
   active?: boolean;
 }
 
-// web_title_template, web_message_template, web_image_url_template
-
 const TemplatePreview = observer((props: TemplatePreviewProps) => {
-  const { templateName, templateBody, alertReceiveChannelId, alertGroupId, onEditClick, active } = props;
+  const { templateName, templateBody, alertReceiveChannelId, alertGroupId } = props;
 
   const [result, setResult] = useState<{ preview: string | null } | undefined>(undefined);
 
diff --git a/grafana-plugin/src/containers/UserSettings/UserSettings.tsx b/grafana-plugin/src/containers/UserSettings/UserSettings.tsx
index 75ba3c1c..14d20420 100644
--- a/grafana-plugin/src/containers/UserSettings/UserSettings.tsx
+++ b/grafana-plugin/src/containers/UserSettings/UserSettings.tsx
@@ -25,14 +25,11 @@ interface UserFormProps {
   tab?: UserSettingsTab;
 }
 
-const UserSettings = observer((props: UserFormProps) => {
-  const { id, onHide, tab = UserSettingsTab.UserInfo } = props;
-
+const UserSettings = observer(({ id, onHide, tab = UserSettingsTab.UserInfo }: UserFormProps) => {
   const store = useStore();
   const { userStore, teamStore } = store;
 
   const storeUser = userStore.items[id];
-
   const isCurrent = id === store.userStore.currentUserPk;
 
   const [activeTab, setActiveTab] = useState<UserSettingsTab>(tab);
@@ -45,7 +42,7 @@ const UserSettings = observer((props: UserFormProps) => {
     if (isDesktopOrLaptop && activeTab === UserSettingsTab.NotificationSettings) {
       setActiveTab(UserSettingsTab.UserInfo);
     }
-  }, [isDesktopOrLaptop]);
+  }, [isDesktopOrLaptop, activeTab]);
 
   const onTabChange = useCallback((tab: UserSettingsTab) => {
     setActiveTab(tab);
diff --git a/grafana-plugin/src/containers/UserSettings/parts/connectors/ICalConnector.tsx b/grafana-plugin/src/containers/UserSettings/parts/connectors/ICalConnector.tsx
index 1f672962..d5637b0e 100644
--- a/grafana-plugin/src/containers/UserSettings/parts/connectors/ICalConnector.tsx
+++ b/grafana-plugin/src/containers/UserSettings/parts/connectors/ICalConnector.tsx
@@ -33,11 +33,11 @@ const ICalConnector = (props: ICalConnectorProps) => {
   useEffect(() => {
     userStore
       .getiCalLink(id)
-      .then((res) => {
+      .then((_res) => {
         setIsiCalLinkExisting(true);
         setiCalLoading(false);
       })
-      .catch((res) => {
+      .catch((_res) => {
         setIsiCalLinkExisting(false);
         setiCalLoading(false);
       });
diff --git a/grafana-plugin/src/containers/UserSettings/parts/connectors/MobileAppConnector.tsx b/grafana-plugin/src/containers/UserSettings/parts/connectors/MobileAppConnector.tsx
index 49f33b2f..16cb5a9e 100644
--- a/grafana-plugin/src/containers/UserSettings/parts/connectors/MobileAppConnector.tsx
+++ b/grafana-plugin/src/containers/UserSettings/parts/connectors/MobileAppConnector.tsx
@@ -22,7 +22,7 @@ const SlackConnector = (props: SlackConnectorProps) => {
 
   const handleClickConfirmMobileAppButton = useCallback(() => {
     onTabChange(UserSettingsTab.MobileAppVerification);
-  }, []);
+  }, [onTabChange]);
 
   if (!store.hasFeature(AppFeature.MobileApp)) {
     return null;
@@ -32,7 +32,6 @@ const SlackConnector = (props: SlackConnectorProps) => {
     <div className={cx('user-item')}>
       <Label>Mobile App:</Label>
       <div>
-        {/*<Text type="warning">Mobile App is not added</Text>*/}
         <Button size="sm" fill="text" onClick={handleClickConfirmMobileAppButton}>
           Click to add a mobile app
         </Button>
diff --git a/grafana-plugin/src/containers/UserSettings/parts/connectors/PhoneConnector.tsx b/grafana-plugin/src/containers/UserSettings/parts/connectors/PhoneConnector.tsx
index 05ec4509..8b2e57c0 100644
--- a/grafana-plugin/src/containers/UserSettings/parts/connectors/PhoneConnector.tsx
+++ b/grafana-plugin/src/containers/UserSettings/parts/connectors/PhoneConnector.tsx
@@ -28,7 +28,7 @@ const PhoneConnector = (props: PhoneConnectorProps) => {
 
   const handleClickConfirmPhoneButton = useCallback(() => {
     onTabChange(UserSettingsTab.PhoneVerification);
-  }, [storeUser?.unverified_phone_number]);
+  }, [storeUser?.unverified_phone_number, onTabChange]);
 
   const cloudVersionPhone = (user: User) => {
     switch (user.cloud_connection_status) {
diff --git a/grafana-plugin/src/containers/UserSettings/parts/connectors/SlackConnector.tsx b/grafana-plugin/src/containers/UserSettings/parts/connectors/SlackConnector.tsx
index 2a8f141c..f0410f89 100644
--- a/grafana-plugin/src/containers/UserSettings/parts/connectors/SlackConnector.tsx
+++ b/grafana-plugin/src/containers/UserSettings/parts/connectors/SlackConnector.tsx
@@ -31,7 +31,7 @@ const SlackConnector = (props: SlackConnectorProps) => {
 
   const handleConnectButtonClick = useCallback(() => {
     onTabChange(UserSettingsTab.SlackInfo);
-  }, []);
+  }, [onTabChange]);
 
   const handleUnlinkSlackAccount = useCallback(() => {
     userStore.unlinkSlack(userStore.currentUserPk);
diff --git a/grafana-plugin/src/containers/UserSettings/parts/connectors/TelegramConnector.tsx b/grafana-plugin/src/containers/UserSettings/parts/connectors/TelegramConnector.tsx
index 0e82b883..144ebd1c 100644
--- a/grafana-plugin/src/containers/UserSettings/parts/connectors/TelegramConnector.tsx
+++ b/grafana-plugin/src/containers/UserSettings/parts/connectors/TelegramConnector.tsx
@@ -29,7 +29,7 @@ const TelegramConnector = (props: TelegramConnectorProps) => {
 
   const handleConnectButtonClick = useCallback(() => {
     onTabChange(UserSettingsTab.TelegramInfo);
-  }, []);
+  }, [onTabChange]);
 
   const handleUnlinkTelegramAccount = useCallback(() => {
     userStore.unlinkTelegram(userStore.currentUserPk);
diff --git a/grafana-plugin/src/containers/UserSettings/parts/index.tsx b/grafana-plugin/src/containers/UserSettings/parts/index.tsx
index 89e0f3ce..24221f4b 100644
--- a/grafana-plugin/src/containers/UserSettings/parts/index.tsx
+++ b/grafana-plugin/src/containers/UserSettings/parts/index.tsx
@@ -40,11 +40,14 @@ export const Tabs = (props: TabsProps) => {
     showTelegramConnectionTab,
   } = props;
 
-  const getTabClickHandler = useCallback((tab: UserSettingsTab) => {
-    return () => {
-      onTabChange(tab);
-    };
-  }, []);
+  const getTabClickHandler = useCallback(
+    (tab: UserSettingsTab) => {
+      return () => {
+        onTabChange(tab);
+      };
+    },
+    [onTabChange]
+  );
 
   return (
     <TabsBar>
diff --git a/grafana-plugin/src/containers/UserSettings/parts/tabs/CloudPhoneSettings/CloudPhoneSettings.module.css b/grafana-plugin/src/containers/UserSettings/parts/tabs/CloudPhoneSettings/CloudPhoneSettings.module.css
deleted file mode 100644
index ab86c434..00000000
--- a/grafana-plugin/src/containers/UserSettings/parts/tabs/CloudPhoneSettings/CloudPhoneSettings.module.css
+++ /dev/null
@@ -1,3 +0,0 @@
-.test {
-  color: grey;
-}
diff --git a/grafana-plugin/src/containers/UserSettings/parts/tabs/CloudPhoneSettings/CloudPhoneSettings.tsx b/grafana-plugin/src/containers/UserSettings/parts/tabs/CloudPhoneSettings/CloudPhoneSettings.tsx
index 4d03a306..7758b450 100644
--- a/grafana-plugin/src/containers/UserSettings/parts/tabs/CloudPhoneSettings/CloudPhoneSettings.tsx
+++ b/grafana-plugin/src/containers/UserSettings/parts/tabs/CloudPhoneSettings/CloudPhoneSettings.tsx
@@ -1,26 +1,10 @@
-import React, { useCallback, useEffect, useState } from 'react';
+import React, { useEffect, useState } from 'react';
 
-import { getLocationSrv, LocationUpdate } from '@grafana/runtime';
-import {
-  Field,
-  Input,
-  Button,
-  Modal,
-  HorizontalGroup,
-  Alert,
-  Icon,
-  VerticalGroup,
-  Table,
-  LoadingPlaceholder,
-} from '@grafana/ui';
-import cn from 'classnames/bind';
+import { Button, HorizontalGroup, VerticalGroup, LoadingPlaceholder } from '@grafana/ui';
 import { observer } from 'mobx-react';
 
-import Block from 'components/GBlock/Block';
-import GTable from 'components/GTable/GTable';
 import PluginLink from 'components/PluginLink/PluginLink';
 import Text from 'components/Text/Text';
-import WithConfirm from 'components/WithConfirm/WithConfirm';
 import { User } from 'models/user/user.types';
 import { AppFeature } from 'state/features';
 import { WithStoreProps } from 'state/types';
@@ -28,10 +12,6 @@ import { useStore } from 'state/useStore';
 import { UserAction } from 'state/userAction';
 import { withMobXProviderContext } from 'state/withStore';
 
-import styles from './CloudPhoneSettings.module.css';
-
-const cx = cn.bind(styles);
-
 interface CloudPhoneSettingsProps extends WithStoreProps {
   userPk?: User['pk'];
 }
diff --git a/grafana-plugin/src/containers/UserSettings/parts/tabs/PhoneVerification/PhoneVerification.tsx b/grafana-plugin/src/containers/UserSettings/parts/tabs/PhoneVerification/PhoneVerification.tsx
index 8d0f57cb..a779efec 100644
--- a/grafana-plugin/src/containers/UserSettings/parts/tabs/PhoneVerification/PhoneVerification.tsx
+++ b/grafana-plugin/src/containers/UserSettings/parts/tabs/PhoneVerification/PhoneVerification.tsx
@@ -35,11 +35,26 @@ const PHONE_REGEX = /^\+\d{8,15}$/;
 const PhoneVerification = observer((props: PhoneVerificationProps) => {
   const { userPk: propsUserPk } = props;
 
-  const store = useStore();
-  const { userStore, teamStore } = store;
+  const {
+    userStore: {
+      items: users,
+      currentUserPk,
+      updateUser,
+      makeTestCall,
+      forgetPhone,
+      loadUser,
+      isTestCallInProgress,
+      verifyPhone,
+      fetchVerificationCode,
+    },
+    teamStore,
+    isUserActionAllowed,
+    hasFeature,
+  } = useStore();
 
-  const userPk = (propsUserPk || userStore.currentUserPk) as User['pk'];
-  let user = userStore.items[userPk];
+  const userPk = (propsUserPk || currentUserPk) as User['pk'];
+  const user = users[userPk];
+  const isCurrentUser = currentUserPk === user.pk;
 
   const [{ showForgetScreen, phone, code, isCodeSent, isPhoneNumberHidden, isLoading }, setState] = useReducer(
     (state: PhoneVerificationState, newState: Partial<PhoneVerificationState>) => ({
@@ -62,12 +77,11 @@ const PhoneVerification = observer((props: PhoneVerificationProps) => {
     async ({ currentTarget: { checked: isPhoneNumberHidden } }: React.ChangeEvent<HTMLInputElement>) => {
       setState({ isPhoneNumberHidden, isLoading: true });
 
-      await userStore.updateUser({ pk: userPk, hide_phone_number: isPhoneNumberHidden });
-      user = userStore.items[userPk];
+      await updateUser({ pk: userPk, hide_phone_number: isPhoneNumberHidden });
 
       setState({ phone: user.verified_phone_number, isLoading: false });
     },
-    []
+    [user, userPk, updateUser]
   );
 
   const onChangePhoneCallback = useCallback((event: React.ChangeEvent<HTMLInputElement>) => {
@@ -79,37 +93,33 @@ const PhoneVerification = observer((props: PhoneVerificationProps) => {
   }, []);
 
   const handleMakeTestCallClick = useCallback(() => {
-    userStore.makeTestCall(userPk);
-  }, [userPk]);
+    makeTestCall(userPk);
+  }, [userPk, makeTestCall]);
 
   const handleForgetNumberClick = useCallback(() => {
-    userStore.forgetPhone(userPk).then(async () => {
-      await userStore.loadUser(userPk);
+    forgetPhone(userPk).then(async () => {
+      await loadUser(userPk);
       setState({ phone: '', showForgetScreen: false, isCodeSent: false });
     });
-  }, [userPk]);
-
-  const { isTestCallInProgress } = userStore;
+  }, [userPk, forgetPhone, loadUser]);
 
   const onSubmitCallback = useCallback(async () => {
     if (isCodeSent) {
-      userStore
-        .verifyPhone(userPk, code)
+      verifyPhone(userPk, code)
         .then(() => {
-          userStore.loadUser(userPk);
+          loadUser(userPk);
         })
         .catch((error) => {
           openErrorNotification(error.response.data);
         });
     } else {
-      await userStore.updateUser({
+      await updateUser({
         pk: userPk,
         email: user.email,
         unverified_phone_number: phone,
       });
 
-      userStore
-        .fetchVerificationCode(userPk)
+      fetchVerificationCode(userPk)
         .then(() => {
           setState({ isCodeSent: true });
 
@@ -123,7 +133,7 @@ const PhoneVerification = observer((props: PhoneVerificationProps) => {
           );
         });
     }
-  }, [code, isCodeSent, phone, store, user.email, userPk, userStore]);
+  }, [code, isCodeSent, phone, user.email, userPk, verifyPhone, updateUser, fetchVerificationCode]);
 
   const isTwilioConfigured = teamStore.currentTeam?.env_status.twilio_configured;
   const phoneHasMinimumLength = phone?.length > 8;
@@ -131,14 +141,13 @@ const PhoneVerification = observer((props: PhoneVerificationProps) => {
   const isPhoneValid = phoneHasMinimumLength && PHONE_REGEX.test(phone);
   const showPhoneInputError = phoneHasMinimumLength && !isPhoneValid && !isPhoneNumberHidden && !isLoading;
 
-  const isCurrent = userStore.currentUserPk === user.pk;
-  const action = isCurrent ? UserAction.UpdateOwnSettings : UserAction.UpdateOtherUsersSettings;
+  const action = isCurrentUser ? UserAction.UpdateOwnSettings : UserAction.UpdateOtherUsersSettings;
   const isButtonDisabled =
     phone === user.verified_phone_number || (!isCodeSent && !isPhoneValid) || !isTwilioConfigured;
 
   const isPhoneDisabled = !!user.verified_phone_number;
-  const isCodeFieldDisabled = !isCodeSent || !store.isUserActionAllowed(action);
-  const showToggle = user.verified_phone_number && user.pk === userStore.currentUserPk;
+  const isCodeFieldDisabled = !isCodeSent || !isUserActionAllowed(action);
+  const showToggle = user.verified_phone_number && isCurrentUser;
 
   if (showForgetScreen) {
     return (
@@ -159,7 +168,7 @@ const PhoneVerification = observer((props: PhoneVerificationProps) => {
         </>
       )}
 
-      {!isTwilioConfigured && store.hasFeature(AppFeature.LiveSettings) && (
+      {!isTwilioConfigured && hasFeature(AppFeature.LiveSettings) && (
         <>
           <Alert
             severity="warning"
diff --git a/grafana-plugin/src/containers/UserSettings/parts/tabs/TelegramInfo/TelegramInfo.tsx b/grafana-plugin/src/containers/UserSettings/parts/tabs/TelegramInfo/TelegramInfo.tsx
index 633c9d8b..c0378cae 100644
--- a/grafana-plugin/src/containers/UserSettings/parts/tabs/TelegramInfo/TelegramInfo.tsx
+++ b/grafana-plugin/src/containers/UserSettings/parts/tabs/TelegramInfo/TelegramInfo.tsx
@@ -17,7 +17,7 @@ const cx = cn.bind(styles);
 
 interface TelegramInfoProps extends HTMLAttributes<HTMLElement> {}
 
-const TelegramInfo = observer((props: TelegramInfoProps) => {
+const TelegramInfo = observer((_props: TelegramInfoProps) => {
   const store = useStore();
   const { userStore, teamStore } = store;
 
diff --git a/grafana-plugin/src/containers/UserSummary/UserSummary.tsx b/grafana-plugin/src/containers/UserSummary/UserSummary.tsx
index 4fb9b595..422f159f 100644
--- a/grafana-plugin/src/containers/UserSummary/UserSummary.tsx
+++ b/grafana-plugin/src/containers/UserSummary/UserSummary.tsx
@@ -1,4 +1,4 @@
-import React, { useEffect } from 'react';
+import { useEffect } from 'react';
 
 import { observer } from 'mobx-react';
 
diff --git a/grafana-plugin/src/containers/UserTooltip/UserTooltip.module.css b/grafana-plugin/src/containers/UserTooltip/UserTooltip.module.css
deleted file mode 100644
index 63d08ecc..00000000
--- a/grafana-plugin/src/containers/UserTooltip/UserTooltip.module.css
+++ /dev/null
@@ -1,3 +0,0 @@
-.root {
-  display: block;
-}
diff --git a/grafana-plugin/src/containers/UserTooltip/UserTooltip.tsx b/grafana-plugin/src/containers/UserTooltip/UserTooltip.tsx
index 63a607bb..020a18cb 100644
--- a/grafana-plugin/src/containers/UserTooltip/UserTooltip.tsx
+++ b/grafana-plugin/src/containers/UserTooltip/UserTooltip.tsx
@@ -1,17 +1,12 @@
 import React from 'react';
 
 import { Tooltip } from '@grafana/ui';
-import cn from 'classnames/bind';
 import { observer } from 'mobx-react';
 
 import { getUserNotificationsSummary } from 'models/user/user.helpers';
 import { User } from 'models/user/user.types';
 import { useStore } from 'state/useStore';
 
-import styles from 'containers/UserTooltip/UserTooltip.module.css';
-
-const cx = cn.bind(styles);
-
 interface UserTooltipProps {
   id: User['pk'];
 }
diff --git a/grafana-plugin/src/containers/UsersTimezones/UsersTimezones.module.css b/grafana-plugin/src/containers/UsersTimezones/UsersTimezones.module.css
index 746f8609..863519c2 100644
--- a/grafana-plugin/src/containers/UsersTimezones/UsersTimezones.module.css
+++ b/grafana-plugin/src/containers/UsersTimezones/UsersTimezones.module.css
@@ -89,14 +89,7 @@
 
   --color: rgba(61, 113, 217, 0.2);
 
-  background:
-    repeating-linear-gradient(
-      -45deg,
-      var(--color),
-      var(--color) 4px,
-      transparent 4px,
-      transparent 8px
-    );
+  background: repeating-linear-gradient(-45deg, var(--color), var(--color) 4px, transparent 4px, transparent 8px);
 }
 
 .current-user-stripe {
diff --git a/grafana-plugin/src/containers/UsersTimezones/UsersTimezones.tsx b/grafana-plugin/src/containers/UsersTimezones/UsersTimezones.tsx
index 1147882f..b364eca3 100644
--- a/grafana-plugin/src/containers/UsersTimezones/UsersTimezones.tsx
+++ b/grafana-plugin/src/containers/UsersTimezones/UsersTimezones.tsx
@@ -9,11 +9,10 @@ import ScheduleBorderedAvatar from 'components/ScheduleBorderedAvatar/ScheduleBo
 import ScheduleUserDetails from 'components/ScheduleUserDetails/ScheduleUserDetails';
 import Text from 'components/Text/Text';
 import { IsOncallIcon } from 'icons';
-import { Event, Layer, Schedule } from 'models/schedule/schedule.types';
+import { Schedule } from 'models/schedule/schedule.types';
 import { Timezone } from 'models/timezone/timezone.types';
 import { User } from 'models/user/user.types';
 import { getColorSchemeMappingForUsers } from 'pages/schedule/Schedule.helpers';
-import { RootStore } from 'state';
 import { useStore } from 'state/useStore';
 
 import styles from './UsersTimezones.module.css';
@@ -83,10 +82,6 @@ const UsersTimezones: FC<UsersTimezonesProps> = (props) => {
                 Schedule team and timezones
               </Text.Title>
             </div>
-            {/* <HorizontalGroup>
-              <InlineSwitch transparent />
-              Current schedule users only
-            </HorizontalGroup>*/}
           </HorizontalGroup>
           <div className={cx('timezone-select')}>
             <Text type="secondary">
@@ -175,7 +170,7 @@ const UserAvatars = (props: UserAvatarsProps) => {
 
   return (
     <div className={cx('user-avatars')}>
-      {userGroups.map((group) => {
+      {userGroups.map((group, idx) => {
         const userCurrentMoment = dayjs(currentMoment).tz(group.users[0].timezone); // TODO try using group.utcOffset
         const diff = userCurrentMoment.diff(userCurrentMoment.startOf('day'), 'minutes');
 
@@ -183,6 +178,7 @@ const UserAvatars = (props: UserAvatarsProps) => {
 
         return (
           <AvatarGroup
+            key={idx}
             activeUtcOffset={activeUtcOffset}
             utcOffset={group.utcOffset}
             onSetActiveUtcOffset={setActiveUtcOffset}
@@ -251,13 +247,16 @@ const AvatarGroup = (props: AvatarGroupProps) => {
 
       return 0;
     });
-  }, [propsUsers]);
+  }, [propsUsers, onCallNow]);
 
-  const getAvatarClickHandler = useCallback((timezone: Timezone) => {
-    return () => {
-      onTzChange(timezone);
-    };
-  }, []);
+  const getAvatarClickHandler = useCallback(
+    (timezone: Timezone) => {
+      return () => {
+        onTzChange(timezone);
+      };
+    },
+    [onTzChange]
+  );
 
   const colorSchemeMapping = getColorSchemeMappingForUsers(store, scheduleId, startMoment);
   const width = active ? users.length * AVATAR_WIDTH + (users.length - 1) * AVATAR_GAP : AVATAR_WIDTH;
diff --git a/grafana-plugin/src/containers/WithPermissionControl/WithPermissionControl.tsx b/grafana-plugin/src/containers/WithPermissionControl/WithPermissionControl.tsx
index 7a95a8a3..2215b7a8 100644
--- a/grafana-plugin/src/containers/WithPermissionControl/WithPermissionControl.tsx
+++ b/grafana-plugin/src/containers/WithPermissionControl/WithPermissionControl.tsx
@@ -1,4 +1,4 @@
-import React, { ReactElement, useCallback, useState } from 'react';
+import React, { ReactElement, useCallback } from 'react';
 
 import { Tooltip } from '@grafana/ui';
 import cn from 'classnames/bind';
@@ -19,7 +19,7 @@ interface WithPermissionControlProps {
 }
 
 export const WithPermissionControl = observer((props: WithPermissionControlProps) => {
-  const { userAction, children, disableByPaywall = false, className } = props;
+  const { userAction, children, className } = props;
 
   const store = useStore();
 
diff --git a/grafana-plugin/src/dummy/dummy.ts b/grafana-plugin/src/dummy/dummy.ts
deleted file mode 100644
index e2e7845b..00000000
--- a/grafana-plugin/src/dummy/dummy.ts
+++ /dev/null
@@ -1 +0,0 @@
-interface Dummy {}
diff --git a/grafana-plugin/src/icons/index.tsx b/grafana-plugin/src/icons/index.tsx
index 18e64b85..896d4576 100644
--- a/grafana-plugin/src/icons/index.tsx
+++ b/grafana-plugin/src/icons/index.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 
 interface IconProps {}
 
-export const NewIncidentIcon = (props: IconProps) => (
+export const NewIncidentIcon = (_props: IconProps) => (
   <svg width="1em" height="1em" viewBox="0 0 43 43" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path
       d="M28.6631 27.8899H28.1006V19.9211C28.1006 16.6141 25.6561 13.8813 22.4756 13.4266V12.5149C22.4756 11.9969 22.0561 11.5774 21.5381 11.5774C21.0201 11.5774 20.6006 11.9969 20.6006 12.5149V13.4266C17.4201 13.8813 14.9756 16.6141 14.9756 19.9211V27.8899H14.4131C13.9982 27.8899 13.6631 28.225 13.6631 28.6399V29.3899C13.6631 29.493 13.7475 29.5774 13.8506 29.5774H18.9131C18.9131 31.0258 20.0896 32.2024 21.5381 32.2024C22.9865 32.2024 24.1631 31.0258 24.1631 29.5774H29.2256C29.3287 29.5774 29.4131 29.493 29.4131 29.3899V28.6399C29.4131 28.225 29.0779 27.8899 28.6631 27.8899ZM21.5381 30.7024C20.917 30.7024 20.4131 30.1985 20.4131 29.5774H22.6631C22.6631 30.1985 22.1592 30.7024 21.5381 30.7024ZM26.4131 27.8899H16.6631V19.9211C16.6631 18.618 17.1693 17.3946 18.0904 16.4735C19.0115 15.5524 20.235 15.0461 21.5381 15.0461C22.8412 15.0461 24.0646 15.5524 24.9857 16.4735C25.9068 17.3946 26.4131 18.618 26.4131 19.9211V27.8899Z"
@@ -22,7 +22,7 @@ export const NewIncidentIcon = (props: IconProps) => (
   </svg>
 );
 
-export const AcknowledgedIncidentIcon = (props: IconProps) => (
+export const AcknowledgedIncidentIcon = (_props: IconProps) => (
   <svg width="1em" height="1em" viewBox="0 0 43 42" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path
       d="M32.5295 20.7127C30.3076 16.1857 26.949 13.9075 22.4467 13.9075C17.942 13.9075 14.5857 16.1857 12.3639 20.715C12.2747 20.8975 12.2285 21.0969 12.2285 21.2987C12.2285 21.5006 12.2747 21.6999 12.3639 21.8824C14.5857 26.4095 17.9443 28.6877 22.4467 28.6877C26.9514 28.6877 30.3076 26.4095 32.5295 21.8802C32.71 21.5129 32.71 21.0868 32.5295 20.7127ZM22.4467 27.0555C18.6662 27.0555 15.8982 25.2012 13.9459 21.2976C15.8982 17.394 18.6662 15.5396 22.4467 15.5396C26.2271 15.5396 28.9951 17.394 30.9475 21.2976C28.9974 25.2012 26.2295 27.0555 22.4467 27.0555Z"
@@ -46,7 +46,7 @@ export const AcknowledgedIncidentIcon = (props: IconProps) => (
   </svg>
 );
 
-export const SilencedIncidentIcon = (props: IconProps) => (
+export const SilencedIncidentIcon = (_props: IconProps) => (
   <svg width="1em" height="1em" viewBox="0 0 42 41" fill="none" xmlns="http://www.w3.org/2000/svg">
     <ellipse cx="21" cy="20.6115" rx="21" ry="20.3115" fill="#BDBDBD" fillOpacity="0.1" />
     <path
@@ -64,7 +64,7 @@ export const SilencedIncidentIcon = (props: IconProps) => (
   </svg>
 );
 
-export const SentryIcon = (props: IconProps) => (
+export const SentryIcon = (_props: IconProps) => (
   <svg
     width="1em"
     height="1em"
@@ -82,7 +82,7 @@ export const SentryIcon = (props: IconProps) => (
   </svg>
 );
 
-export const SilencedIncidentIconTransparent = (props: IconProps) => (
+export const SilencedIncidentIconTransparent = (_props: IconProps) => (
   <svg width="1em" height="1em" viewBox="0 0 42 41" fill="none" xmlns="http://www.w3.org/2000/svg">
     <ellipse cx="21" cy="20.6115" rx="21" ry="20.3115" />
     <path
@@ -100,13 +100,13 @@ export const SilencedIncidentIconTransparent = (props: IconProps) => (
   </svg>
 );
 
-export const CurlerIcon = (props: IconProps) => (
+export const CurlerIcon = (_props: IconProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512" fill="currentColor">
     <path d="M448 273.001c-21.27 0-39.296 13.999-45.596 32.999h-38.857l-28.361-85.417a15.999 15.999 0 0 0-15.183-10.956c-.112 0-.224 0-.335.004a15.997 15.997 0 0 0-15.049 11.588l-44.484 155.262-52.353-314.108C206.535 54.893 200.333 48 192 48s-13.693 5.776-15.525 13.135L115.496 306H16v31.999h112c7.348 0 13.75-5.003 15.525-12.134l45.368-182.177 51.324 307.94c1.229 7.377 7.397 11.92 14.864 12.344.308.018.614.028.919.028 7.097 0 13.406-3.701 15.381-10.594l49.744-173.617 15.689 47.252A16.001 16.001 0 0 0 352 337.999h51.108C409.973 355.999 427.477 369 448 369c26.511 0 48-22.492 48-49 0-26.509-21.489-46.999-48-46.999z" />
   </svg>
 );
 
-export const TelegramIcon = (props: IconProps) => (
+export const TelegramIcon = (_props: IconProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" width="1em" height="1em">
     <path
       d="M26.07 3.996a2.974 2.974 0 0 0-.933.223h-.004c-.285.113-1.64.683-3.7 1.547l-7.382 3.109c-5.297 2.23-10.504 4.426-10.504 4.426l.062-.024s-.359.118-.734.375a2.03 2.03 0 0 0-.586.567c-.184.27-.332.683-.277 1.11.09.722.558 1.155.894 1.394.34.242.664.355.664.355h.008l4.883 1.645c.219.703 1.488 4.875 1.793 5.836.18.574.355.933.574 1.207.106.14.23.257.379.351a1.119 1.119 0 0 0 .246.106l-.05-.012c.015.004.027.016.038.02.04.011.067.015.118.023.773.234 1.394-.246 1.394-.246l.035-.028 2.883-2.625 4.832 3.707.11.047c1.007.442 2.027.196 2.566-.238.543-.437.754-.996.754-.996l.035-.09 3.734-19.129c.106-.472.133-.914.016-1.343a1.807 1.807 0 0 0-.781-1.047 1.872 1.872 0 0 0-1.067-.27zm-.101 2.05c-.004.063.008.056-.02.177v.011l-3.699 18.93c-.016.027-.043.086-.117.145-.078.062-.14.101-.465-.028l-5.91-4.531-3.57 3.254.75-4.79 9.656-9c.398-.37.265-.448.265-.448.028-.454-.601-.133-.601-.133l-12.176 7.543-.004-.02-5.836-1.965v-.004l-.015-.003a.27.27 0 0 0 .03-.012l.032-.016.031-.011s5.211-2.196 10.508-4.426c2.652-1.117 5.324-2.242 7.379-3.11 2.055-.863 3.574-1.496 3.66-1.53.082-.032.043-.032.102-.032z"
@@ -115,7 +115,7 @@ export const TelegramIcon = (props: IconProps) => (
   </svg>
 );
 
-export const AmixrIcon = (props: IconProps) => (
+export const AmixrIcon = (_props: IconProps) => (
   <svg width="32" height="32" fill="currentColor" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg">
     <path
       fillRule="evenodd"
@@ -132,7 +132,7 @@ export const AmixrIcon = (props: IconProps) => (
   </svg>
 );
 
-export const AmixrIconColored = (props: IconProps) => (
+export const AmixrIconColored = (_props: IconProps) => (
   <svg width="32" height="32" fill="currentColor" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg">
     <path
       fillRule="evenodd"
@@ -150,7 +150,7 @@ export const AmixrIconColored = (props: IconProps) => (
   </svg>
 );
 
-export const HeartGreenIcon = (props: IconProps) => (
+export const HeartGreenIcon = (_props: IconProps) => (
   <svg width="16" height="14" viewBox="0 0 16 14" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
     <path
       d="M13.9963 1.71183C13.2187 0.932253 12.188 0.456443 11.0903 0.370349C9.99262 0.284256 8.90033 0.593556 8.01074 1.24238C7.07745 0.548204 5.91581 0.233431 4.75973 0.36145C3.60365 0.489468 2.53901 1.05077 1.78021 1.93232C1.02141 2.81387 0.624803 3.95018 0.670266 5.11244C0.715728 6.2747 1.19988 7.37656 2.02522 8.19615L6.58038 12.7586C6.96182 13.134 7.47556 13.3444 8.01074 13.3444C8.54593 13.3444 9.05966 13.134 9.44111 12.7586L13.9963 8.19615C14.8527 7.33446 15.3334 6.1689 15.3334 4.95399C15.3334 3.73908 14.8527 2.57352 13.9963 1.71183Z"
@@ -159,7 +159,7 @@ export const HeartGreenIcon = (props: IconProps) => (
   </svg>
 );
 
-export const HeartRedIcon = (props: IconProps) => (
+export const HeartRedIcon = (_props: IconProps) => (
   <svg width="16" height="14" viewBox="0 0 16 14" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
     <path
       d="M13.9863 1.68881C13.2081 0.910402 12.1764 0.437137 11.0788 0.355084C9.98115 0.273032 8.89053 0.587642 8.00525 1.2417C7.07266 0.548043 5.91188 0.233506 4.75667 0.361429C3.60145 0.489352 2.53761 1.05023 1.77937 1.93112C1.02114 2.81201 0.624834 3.94748 0.670263 5.10887C0.715692 6.27026 1.19948 7.3713 2.02421 8.19027L7.48484 13.6582C7.55298 13.7269 7.63405 13.7815 7.72337 13.8187C7.81269 13.8559 7.90849 13.875 8.00525 13.875C8.10202 13.875 8.19782 13.8559 8.28714 13.8187C8.37646 13.7815 8.45752 13.7269 8.52566 13.6582L13.9863 8.19027C14.4134 7.76348 14.7522 7.25672 14.9833 6.69894C15.2144 6.14117 15.3334 5.54331 15.3334 4.93954C15.3334 4.33577 15.2144 3.73792 14.9833 3.18014C14.7522 2.62237 14.4134 2.1156 13.9863 1.68881ZM12.9528 7.14945L8.00525 12.097L3.0577 7.14945C2.48995 6.59497 2.15463 5.84511 2.11989 5.05227C2.08516 4.25944 2.35361 3.48313 2.87069 2.88111C3.38777 2.2791 4.11467 1.89656 4.90367 1.81124C5.69266 1.72592 6.48454 1.94422 7.11836 2.42178L5.86498 5.35367C5.82142 5.44916 5.79888 5.5529 5.79888 5.65785C5.79888 5.76281 5.82142 5.86654 5.86498 5.96204C5.91153 6.05742 5.97824 6.14156 6.0605 6.20863C6.14276 6.27571 6.2386 6.32412 6.34141 6.35051L8.37174 6.86359L7.34558 8.98188C7.30305 9.06848 7.27803 9.16262 7.27197 9.2589C7.2659 9.35519 7.2789 9.45173 7.31023 9.54298C7.34155 9.63423 7.39058 9.7184 7.45451 9.79066C7.51844 9.86292 7.596 9.92184 7.68275 9.96406C7.78326 10.0127 7.89357 10.0378 8.00525 10.0374C8.14263 10.0376 8.27731 9.9993 8.39395 9.92672C8.51059 9.85415 8.60448 9.75026 8.66493 9.62689L10.1309 6.69501C10.1778 6.59656 10.2021 6.48888 10.2021 6.37983C10.2021 6.27078 10.1778 6.16311 10.1309 6.06465C10.0824 5.96637 10.0136 5.87957 9.92887 5.81004C9.84418 5.74052 9.74562 5.68988 9.63978 5.66152L7.56547 5.14111L8.62828 2.65634C9.2241 2.08092 10.0241 1.76577 10.8523 1.7802C11.6805 1.79463 12.469 2.13747 13.0444 2.7333C13.6198 3.32912 13.935 4.12912 13.9206 4.95731C13.9061 5.7855 13.5633 6.57404 12.9675 7.14945H12.9528Z"
@@ -168,7 +168,7 @@ export const HeartRedIcon = (props: IconProps) => (
   </svg>
 );
 
-export const HeartIcon = (props: IconProps) => (
+export const HeartIcon = (_props: IconProps) => (
   <svg
     version="1.1"
     width="16"
@@ -193,7 +193,7 @@ export const HeartIcon = (props: IconProps) => (
   </svg>
 );
 
-export const CrossCircleIcon = (props: IconProps) => (
+export const CrossCircleIcon = (_props: IconProps) => (
   <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path
       fillRule="evenodd"
@@ -204,13 +204,13 @@ export const CrossCircleIcon = (props: IconProps) => (
   </svg>
 );
 
-export const ChangeTeamIcon = (props: IconProps) => (
+export const ChangeTeamIcon = (_props: IconProps) => (
   <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
     <path d="M20.64026,15.77179A3.46849,3.46849,0,0,0,21.5,13.5a3.5,3.5,0,0,0-7,0,3.46849,3.46849,0,0,0,.85974,2.27179A4.98821,4.98821,0,0,0,13,20a1,1,0,0,0,2,0,3,3,0,0,1,6,0,1,1,0,0,0,2,0A4.98821,4.98821,0,0,0,20.64026,15.77179ZM18,15a1.5,1.5,0,1,1,1.5-1.5A1.50164,1.50164,0,0,1,18,15ZM6.79327,7.70734,8.793,9.707A.99989.99989,0,0,0,10.207,8.293L9.91406,8h4.17188l-.293.293A.99989.99989,0,1,0,15.207,9.707l1.9997-1.99969a1.00354,1.00354,0,0,0,0-1.41468L15.207,4.293A.99989.99989,0,0,0,13.793,5.707l.293.293H9.91406l.293-.293A.99989.99989,0,0,0,8.793,4.293L6.79327,6.29266a1.00354,1.00354,0,0,0,0,1.41468Zm1.847,8.06445A3.46849,3.46849,0,0,0,9.5,13.5a3.5,3.5,0,0,0-7,0,3.46849,3.46849,0,0,0,.85974,2.27179A4.98821,4.98821,0,0,0,1,20a1,1,0,0,0,2,0,3,3,0,0,1,6,0,1,1,0,0,0,2,0A4.98821,4.98821,0,0,0,8.64026,15.77179ZM6,15a1.5,1.5,0,1,1,1.5-1.5A1.50164,1.50164,0,0,1,6,15Z" />
   </svg>
 );
 
-export const GrafanaIcon = (props: IconProps) => (
+export const GrafanaIcon = (_props: IconProps) => (
   <svg width="12" height="12" viewBox="0 0 12 12" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
     <path
       d="M11.6187 5.29956C11.599 5.09902 11.5661 4.86888 11.5003 4.61244C11.4346 4.35929 11.3359 4.07984 11.1913 3.79052C11.0466 3.50121 10.8592 3.20203 10.6159 2.90943C10.5206 2.79436 10.4154 2.68258 10.3036 2.57408C10.4713 1.90669 10.0998 1.32806 10.0998 1.32806C9.45868 1.28861 9.05101 1.52861 8.89978 1.6371C8.87347 1.62724 8.85046 1.61408 8.82416 1.60422C8.71567 1.56148 8.60389 1.51874 8.48553 1.48258C8.37046 1.44641 8.2521 1.41354 8.13046 1.38395C8.00882 1.35436 7.88717 1.33134 7.76224 1.31162C7.73923 1.30833 7.7195 1.30504 7.69649 1.30176C7.41704 0.407509 6.61484 0.0327148 6.61484 0.0327148C5.71731 0.601482 5.54964 1.3971 5.54964 1.3971C5.54964 1.3971 5.54635 1.41354 5.53978 1.44313C5.49046 1.45628 5.44115 1.47271 5.39183 1.48587C5.32279 1.50559 5.25375 1.53189 5.188 1.55819C5.11895 1.5845 5.0532 1.6108 4.98416 1.64039C4.84937 1.69956 4.71457 1.76532 4.58306 1.83765C4.45484 1.90998 4.32991 1.98888 4.20827 2.07107C4.19183 2.0645 4.17539 2.05792 4.17539 2.05792C2.93265 1.5845 1.83128 2.15326 1.83128 2.15326C1.72937 3.47491 2.32772 4.30669 2.44608 4.45792C2.41649 4.54011 2.39019 4.6223 2.36389 4.7045C2.27183 5.00367 2.20279 5.30943 2.16005 5.62833C2.15347 5.67436 2.1469 5.72039 2.14361 5.76641C0.992927 6.33518 0.654297 7.49573 0.654297 7.49573C1.61101 8.5971 2.72882 8.66614 2.72882 8.66614L2.7321 8.66285C2.87347 8.916 3.03786 9.156 3.22197 9.38285C3.30087 9.47819 3.37978 9.56696 3.46526 9.65573C3.11676 10.6552 3.51457 11.4837 3.51457 11.4837C4.57978 11.5231 5.28005 11.0168 5.428 10.9018C5.5332 10.9379 5.64169 10.9708 5.75019 10.9971C6.07895 11.0826 6.4143 11.1319 6.74964 11.145C6.83183 11.1483 6.91731 11.1516 6.9995 11.1483H7.03895H7.06526H7.11786L7.17046 11.145V11.1483C7.67347 11.865 8.55457 11.967 8.55457 11.967C9.18252 11.3061 9.21868 10.6486 9.21868 10.5072C9.21868 10.5072 9.21868 10.5039 9.21868 10.4974C9.21868 10.4842 9.21868 10.4776 9.21868 10.4776C9.21868 10.4678 9.21868 10.4579 9.21868 10.4481C9.35019 10.356 9.47512 10.2574 9.59347 10.1489C9.84334 9.92203 10.0636 9.6623 10.2477 9.38285C10.2642 9.35655 10.2806 9.33025 10.297 9.30395C11.0072 9.3434 11.5102 8.8634 11.5102 8.8634C11.3918 8.12367 10.971 7.76203 10.8822 7.69299C10.8822 7.69299 10.879 7.6897 10.8724 7.68641C10.8658 7.68313 10.8658 7.67984 10.8658 7.67984C10.8625 7.67655 10.8559 7.67326 10.8494 7.66997C10.8527 7.62395 10.8559 7.58121 10.8592 7.53518C10.8658 7.45628 10.8658 7.37408 10.8658 7.29518V7.236V7.20641V7.18997C10.8658 7.17025 10.8658 7.17682 10.8658 7.17025L10.8625 7.12093L10.8592 7.05518C10.8592 7.03217 10.8559 7.01244 10.8527 6.99271C10.8494 6.97299 10.8494 6.94997 10.8461 6.93025L10.8395 6.86778L10.8296 6.80532C10.8165 6.72313 10.8033 6.64422 10.7836 6.56203C10.708 6.24313 10.5831 5.94066 10.422 5.66778C10.2576 5.39491 10.0537 5.15491 9.82032 4.95107C9.59019 4.74724 9.33046 4.58285 9.06087 4.46121C8.788 4.33956 8.50526 4.26066 8.22252 4.2245C8.08115 4.20477 7.93978 4.19819 7.79841 4.20148H7.7458H7.73265C7.72937 4.20148 7.71293 4.20148 7.71621 4.20148H7.6932L7.6406 4.20477C7.62087 4.20477 7.60115 4.20806 7.58471 4.20806C7.51238 4.21463 7.44005 4.2245 7.37101 4.23765C7.08827 4.29025 6.82197 4.39217 6.58854 4.53354C6.35512 4.67491 6.15128 4.84915 5.9869 5.04641C5.82252 5.24367 5.6943 5.46395 5.60553 5.6908C5.51676 5.91765 5.46745 6.15436 5.4543 6.38121C5.45101 6.4371 5.45101 6.49628 5.45101 6.55217C5.45101 6.56532 5.45101 6.58176 5.45101 6.59491L5.4543 6.64093C5.45758 6.66723 5.45758 6.69682 5.46087 6.72313C5.47073 6.83819 5.49375 6.94997 5.52334 7.05518C5.5858 7.26888 5.68443 7.46285 5.80608 7.62724C5.92772 7.79162 6.07567 7.92641 6.23019 8.03491C6.38471 8.14011 6.55238 8.21573 6.71676 8.26504C6.88115 8.31436 7.04553 8.33408 7.20005 8.33408C7.21978 8.33408 7.2395 8.33408 7.25594 8.33408C7.2658 8.33408 7.27567 8.33408 7.28553 8.33408C7.29539 8.33408 7.30526 8.33408 7.31512 8.3308C7.33156 8.3308 7.348 8.32751 7.36443 8.32751C7.36772 8.32751 7.3743 8.32751 7.37758 8.32422L7.39402 8.32093C7.40389 8.32093 7.41375 8.31765 7.42361 8.31765C7.44334 8.31436 7.45978 8.31107 7.4795 8.30778C7.49923 8.30449 7.51567 8.30121 7.5321 8.29463C7.56827 8.28806 7.60115 8.27491 7.63402 8.26504C7.69978 8.24203 7.76553 8.21573 7.82142 8.18614C7.8806 8.15655 7.9332 8.12039 7.9858 8.08751C7.99895 8.07765 8.01539 8.06778 8.02854 8.05463C8.08115 8.01189 8.09101 7.93299 8.04827 7.88039C8.0121 7.83436 7.94635 7.82121 7.89375 7.8508C7.8806 7.85737 7.86745 7.86395 7.8543 7.87052C7.80827 7.89354 7.76224 7.91326 7.71293 7.9297C7.66361 7.94614 7.61101 7.95929 7.55841 7.96915C7.5321 7.97244 7.5058 7.97573 7.47621 7.97902C7.46306 7.97902 7.44991 7.9823 7.43347 7.9823C7.42032 7.9823 7.40389 7.9823 7.39402 7.9823C7.38087 7.9823 7.36772 7.9823 7.35457 7.9823C7.33813 7.9823 7.32169 7.9823 7.30526 7.97902C7.30526 7.97902 7.29539 7.97902 7.30197 7.97902H7.29539H7.28553C7.27895 7.97902 7.26909 7.97902 7.26252 7.97573C7.24608 7.97244 7.23293 7.97244 7.21649 7.96915C7.09484 7.95271 6.9732 7.91655 6.85813 7.86395C6.73978 7.81134 6.628 7.73902 6.52608 7.64696C6.42416 7.55491 6.33539 7.44641 6.26635 7.32148C6.19731 7.19655 6.14799 7.05847 6.12498 6.91381C6.11512 6.84148 6.10854 6.76587 6.11183 6.69354C6.11183 6.67381 6.11512 6.65408 6.11512 6.63436C6.11512 6.64093 6.11512 6.63107 6.11512 6.63107V6.6245V6.60806C6.11512 6.59819 6.11841 6.58833 6.11841 6.57847C6.12169 6.53902 6.12827 6.49956 6.13484 6.46011C6.19073 6.1445 6.34854 5.83545 6.59183 5.60203C6.6543 5.54285 6.72005 5.49025 6.78909 5.44093C6.85813 5.39162 6.93375 5.34888 7.01265 5.31271C7.09156 5.27655 7.17046 5.24696 7.25594 5.22395C7.33813 5.20093 7.42361 5.18778 7.51238 5.17792C7.55512 5.17463 7.59786 5.17134 7.64389 5.17134C7.65704 5.17134 7.66361 5.17134 7.67347 5.17134H7.70964H7.73265C7.74252 5.17134 7.73265 5.17134 7.73594 5.17134H7.7458L7.78197 5.17463C7.87731 5.18121 7.96936 5.19436 8.06142 5.21737C8.24553 5.25682 8.42635 5.32587 8.59402 5.41792C8.92936 5.60532 9.21539 5.89463 9.38964 6.24313C9.47841 6.41737 9.54087 6.60477 9.57046 6.79874C9.57704 6.84806 9.58361 6.89737 9.5869 6.94669L9.59019 6.98285L9.59347 7.01902C9.59347 7.03217 9.59347 7.04532 9.59347 7.05518C9.59347 7.06833 9.59347 7.08148 9.59347 7.09134V7.12422V7.16039C9.59347 7.1834 9.59019 7.22285 9.59019 7.24587C9.5869 7.29847 9.58032 7.35436 9.57375 7.40696C9.56717 7.45956 9.55731 7.51217 9.54745 7.56477C9.53758 7.61737 9.52443 7.66998 9.51128 7.71929C9.48498 7.82121 9.4521 7.92313 9.41265 8.02504C9.33375 8.2223 9.22854 8.41299 9.10361 8.58724C8.85046 8.93573 8.50526 9.21847 8.11073 9.39929C7.91347 9.48806 7.70635 9.55381 7.49265 9.58669C7.38745 9.60641 7.27895 9.61628 7.17046 9.61956H7.15074H7.1343H7.09813H7.04553H7.01923C7.03238 9.61956 7.01594 9.61956 7.01594 9.61956H7.00608C6.9469 9.61956 6.89101 9.61628 6.83183 9.6097C6.60169 9.59326 6.37484 9.55052 6.15128 9.48806C5.93101 9.42559 5.71731 9.33682 5.51347 9.23162C5.10909 9.01463 4.74416 8.71874 4.46142 8.36039C4.32005 8.18285 4.19512 7.98888 4.0932 7.78833C3.99128 7.58778 3.90909 7.37408 3.84991 7.16039C3.79073 6.9434 3.75457 6.72313 3.73813 6.49956L3.73484 6.45682V6.44696V6.4371V6.41737V6.38121V6.37135V6.35819V6.33189V6.27929V6.26943C3.73484 6.26943 3.73484 6.27271 3.73484 6.26614V6.24641C3.73484 6.22011 3.73484 6.19052 3.73484 6.16422C3.73813 6.05573 3.748 5.94066 3.76115 5.82888C3.7743 5.7171 3.79402 5.60203 3.81704 5.49025C3.84005 5.37847 3.86635 5.26669 3.89923 5.15491C3.96169 4.93463 4.0406 4.72093 4.13265 4.52039C4.32005 4.11929 4.56334 3.76093 4.85594 3.47491C4.92827 3.40258 5.00389 3.33682 5.08279 3.27107C5.16169 3.2086 5.24389 3.14943 5.32937 3.09354C5.41156 3.03765 5.50032 2.98833 5.58909 2.9423C5.63183 2.91929 5.67786 2.89628 5.72389 2.87655C5.7469 2.86669 5.76991 2.85682 5.79293 2.84696C5.81594 2.8371 5.83895 2.82724 5.86197 2.81737C5.95402 2.77792 6.04937 2.74504 6.148 2.71545C6.17101 2.70888 6.19731 2.7023 6.22032 2.69244C6.24334 2.68587 6.26964 2.67929 6.29265 2.67271C6.34197 2.65956 6.39128 2.64641 6.4406 2.63655C6.46361 2.62997 6.48991 2.62669 6.51621 2.62011C6.54252 2.61354 6.56553 2.61025 6.59183 2.60367C6.61813 2.60039 6.64115 2.59381 6.66745 2.59052L6.70361 2.58395L6.74306 2.57737C6.76937 2.57408 6.79238 2.5708 6.81868 2.56751C6.84827 2.56422 6.87457 2.56093 6.90416 2.55765C6.92717 2.55436 6.96663 2.55107 6.98964 2.54778C7.00608 2.5445 7.0258 2.5445 7.04224 2.54121L7.07841 2.53792L7.09484 2.53463H7.11457C7.14416 2.53134 7.17046 2.53134 7.20005 2.52806L7.24279 2.52477C7.24279 2.52477 7.25923 2.52477 7.24608 2.52477H7.25594H7.27567C7.29868 2.52477 7.32498 2.52148 7.348 2.52148C7.44334 2.51819 7.54197 2.51819 7.63731 2.52148C7.82799 2.52806 8.01539 2.55107 8.19621 2.58395C8.56115 2.65299 8.90306 2.76806 9.21539 2.92258C9.52772 3.07381 9.80389 3.26121 10.0472 3.46504C10.0636 3.47819 10.0768 3.49134 10.0932 3.5045C10.1064 3.51765 10.1228 3.5308 10.1359 3.54395C10.1655 3.57025 10.1918 3.59655 10.2214 3.62285C10.251 3.64915 10.2773 3.67545 10.3036 3.70176C10.3299 3.72806 10.3562 3.75436 10.3825 3.78395C10.4844 3.89244 10.5798 4.00093 10.6653 4.11271C10.8362 4.33299 10.9743 4.55655 11.0828 4.76696C11.0894 4.78011 11.0959 4.79326 11.1025 4.80641C11.1091 4.81956 11.1157 4.83271 11.1222 4.84587C11.1354 4.87217 11.1485 4.89847 11.1584 4.92477C11.1716 4.95107 11.1814 4.97408 11.1946 5.00039C11.2044 5.02669 11.2176 5.0497 11.2274 5.076C11.2669 5.17463 11.3064 5.26997 11.3359 5.35874C11.3853 5.5034 11.4214 5.63162 11.451 5.7434C11.4609 5.78943 11.5036 5.81902 11.5496 5.81244C11.599 5.80915 11.6351 5.7697 11.6351 5.72039C11.6384 5.60203 11.6351 5.46066 11.6187 5.29956Z"
@@ -233,7 +233,7 @@ export const GrafanaIcon = (props: IconProps) => (
   </svg>
 );
 
-export const ExpandIcon = (props: IconProps) => {
+export const ExpandIcon = (_props: IconProps) => {
   return (
     <svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
       <path
diff --git a/grafana-plugin/src/jest/outgoingWebhooksStub.ts b/grafana-plugin/src/jest/outgoingWebhooksStub.ts
index 850b89c3..829af710 100644
--- a/grafana-plugin/src/jest/outgoingWebhooksStub.ts
+++ b/grafana-plugin/src/jest/outgoingWebhooksStub.ts
@@ -1,4 +1,4 @@
-import { OutgoingWebhook } from "models/outgoing_webhook/outgoing_webhook.types";
+import { OutgoingWebhook } from 'models/outgoing_webhook/outgoing_webhook.types';
 
 export default [
   {
diff --git a/grafana-plugin/src/models/alert_receive_channel/alert_receive_channel.ts b/grafana-plugin/src/models/alert_receive_channel/alert_receive_channel.ts
index ab8808cf..fc29706f 100644
--- a/grafana-plugin/src/models/alert_receive_channel/alert_receive_channel.ts
+++ b/grafana-plugin/src/models/alert_receive_channel/alert_receive_channel.ts
@@ -1,5 +1,5 @@
 import { omit } from 'lodash-es';
-import { action, observable, toJS } from 'mobx';
+import { action, observable } from 'mobx';
 
 import { ActionDTO } from 'models/action';
 import { AlertTemplatesDTO } from 'models/alert_templates';
@@ -12,7 +12,7 @@ import { Team } from 'models/team/team.types';
 import { makeRequest } from 'network';
 import { Mixpanel } from 'services/mixpanel';
 import { RootStore } from 'state';
-import { getAnims, move } from 'state/helpers';
+import { move } from 'state/helpers';
 import { SelectOption } from 'state/types';
 import { showApiError } from 'utils';
 
@@ -22,8 +22,6 @@ import {
   AlertReceiveChannelCounters,
 } from './alert_receive_channel.types';
 
-const UPDATE_TIMER_INTERVAL = 10000;
-
 export class AlertReceiveChannelStore extends BaseStore {
   @observable.shallow
   searchResult: Array<AlertReceiveChannel['id']>;
@@ -60,7 +58,7 @@ export class AlertReceiveChannelStore extends BaseStore {
     this.path = '/alert_receive_channels/';
   }
 
-  getSearchResult(query = '') {
+  getSearchResult(_query = '') {
     if (!this.searchResult) {
       return undefined;
     }
@@ -76,10 +74,10 @@ export class AlertReceiveChannelStore extends BaseStore {
 
     this.items = {
       ...this.items,
-      [id]: alertReceiveChannel
-    }
+      [id]: alertReceiveChannel,
+    };
 
-    return alertReceiveChannel
+    return alertReceiveChannel;
   }
 
   @action
diff --git a/grafana-plugin/src/models/alert_receive_channel_filters/alert_receive_channel_filters.ts b/grafana-plugin/src/models/alert_receive_channel_filters/alert_receive_channel_filters.ts
index 37ec9b31..39f4cd78 100644
--- a/grafana-plugin/src/models/alert_receive_channel_filters/alert_receive_channel_filters.ts
+++ b/grafana-plugin/src/models/alert_receive_channel_filters/alert_receive_channel_filters.ts
@@ -1,4 +1,4 @@
-import { action, observable, toJS } from 'mobx';
+import { action, observable } from 'mobx';
 
 import BaseStore from 'models/base_store';
 import { makeRequest } from 'network';
diff --git a/grafana-plugin/src/models/alertgroup/alertgroup.types.ts b/grafana-plugin/src/models/alertgroup/alertgroup.types.ts
index d7e55b4f..0a435c59 100644
--- a/grafana-plugin/src/models/alertgroup/alertgroup.types.ts
+++ b/grafana-plugin/src/models/alertgroup/alertgroup.types.ts
@@ -1,7 +1,3 @@
-import React from 'react';
-
-import { Icon } from '@grafana/ui';
-
 import { AlertReceiveChannel } from 'models/alert_receive_channel/alert_receive_channel.types';
 import { Channel } from 'models/channel';
 import { User } from 'models/user/user.types';
diff --git a/grafana-plugin/src/models/cloud/cloud.ts b/grafana-plugin/src/models/cloud/cloud.ts
index fa19125a..5fe25082 100644
--- a/grafana-plugin/src/models/cloud/cloud.ts
+++ b/grafana-plugin/src/models/cloud/cloud.ts
@@ -1,13 +1,8 @@
-import { get } from 'lodash-es';
-import { action, computed, observable } from 'mobx';
+import { action, observable } from 'mobx';
 
 import BaseStore from 'models/base_store';
-import { NotificationPolicyType } from 'models/notification_policy';
-import { User } from 'models/user/user.types';
 import { makeRequest } from 'network';
-import { Mixpanel } from 'services/mixpanel';
 import { RootStore } from 'state';
-import { move } from 'state/helpers';
 
 import { Cloud } from './cloud.types';
 
diff --git a/grafana-plugin/src/models/current_subscription.ts b/grafana-plugin/src/models/current_subscription.ts
index 4f7a8256..547bcf60 100644
--- a/grafana-plugin/src/models/current_subscription.ts
+++ b/grafana-plugin/src/models/current_subscription.ts
@@ -1,5 +1,3 @@
-import { UserDTO as User } from './user';
-
 export interface CurrentSubscriptionDTO {
   uuid: string;
   created_at: string;
diff --git a/grafana-plugin/src/models/escalation_chain/escalation_chain.ts b/grafana-plugin/src/models/escalation_chain/escalation_chain.ts
index c6e19968..817c010c 100644
--- a/grafana-plugin/src/models/escalation_chain/escalation_chain.ts
+++ b/grafana-plugin/src/models/escalation_chain/escalation_chain.ts
@@ -28,10 +28,10 @@ export class EscalationChainStore extends BaseStore {
 
     this.items = {
       ...this.items,
-      [id]: escalationChain
-    }
+      [id]: escalationChain,
+    };
 
-    return escalationChain
+    return escalationChain;
   }
 
   @action
diff --git a/grafana-plugin/src/models/escalation_policy/escalation_policy.types.ts b/grafana-plugin/src/models/escalation_policy/escalation_policy.types.ts
index bdefa8d3..d171cee6 100644
--- a/grafana-plugin/src/models/escalation_policy/escalation_policy.types.ts
+++ b/grafana-plugin/src/models/escalation_policy/escalation_policy.types.ts
@@ -1,6 +1,5 @@
 import { ActionDTO } from 'models/action';
 import { Channel } from 'models/channel';
-import { ChannelFilter } from 'models/channel_filter/channel_filter.types';
 import { EscalationChain } from 'models/escalation_chain/escalation_chain.types';
 import { Schedule } from 'models/schedule/schedule.types';
 import { User } from 'models/user/user.types';
diff --git a/grafana-plugin/src/models/global_setting/global_setting.ts b/grafana-plugin/src/models/global_setting/global_setting.ts
index edcb2986..f1f6d3f6 100644
--- a/grafana-plugin/src/models/global_setting/global_setting.ts
+++ b/grafana-plugin/src/models/global_setting/global_setting.ts
@@ -1,7 +1,6 @@
 import { action, observable } from 'mobx';
 
 import BaseStore from 'models/base_store';
-import { makeRequest } from 'network';
 import { RootStore } from 'state';
 
 import { GlobalSetting } from './global_setting.types';
@@ -31,9 +30,6 @@ export class GlobalSettingStore extends BaseStore {
 
   @action
   async updateItems(query = '') {
-    // const results = await makeRequest(`${this.path}`, {
-    //   params: { search: query },
-    // });
     const results = await this.getAll();
 
     this.items = {
diff --git a/grafana-plugin/src/models/maintenance/helpers.ts b/grafana-plugin/src/models/maintenance/helpers.ts
index beb96893..517bccfa 100644
--- a/grafana-plugin/src/models/maintenance/helpers.ts
+++ b/grafana-plugin/src/models/maintenance/helpers.ts
@@ -1,4 +1,4 @@
-import moment from 'moment';
+import moment from 'moment-timezone';
 
 import { Maintenance } from './maintenance.types';
 
diff --git a/grafana-plugin/src/models/resolution_note/resolution_note.ts b/grafana-plugin/src/models/resolution_note/resolution_note.ts
index 89f50db1..9dcaeb2a 100644
--- a/grafana-plugin/src/models/resolution_note/resolution_note.ts
+++ b/grafana-plugin/src/models/resolution_note/resolution_note.ts
@@ -1,8 +1,7 @@
-import { action, observable } from 'mobx';
+import { observable } from 'mobx';
 
 import { Alert } from 'models/alertgroup/alertgroup.types';
 import BaseStore from 'models/base_store';
-import { EscalationChain } from 'models/escalation_chain/escalation_chain.types';
 import { makeRequest } from 'network';
 import { RootStore } from 'state';
 
diff --git a/grafana-plugin/src/models/schedule/schedule.helpers.ts b/grafana-plugin/src/models/schedule/schedule.helpers.ts
index e0914840..3da07350 100644
--- a/grafana-plugin/src/models/schedule/schedule.helpers.ts
+++ b/grafana-plugin/src/models/schedule/schedule.helpers.ts
@@ -41,7 +41,7 @@ export const fillGaps = (events: Event[]) => {
 export const splitToShiftsAndFillGaps = (events: Event[]) => {
   const shifts: Array<{ shiftId: Shift['id']; priority: Shift['priority_level']; events: Event[] }> = [];
 
-  for (const [i, event] of events.entries()) {
+  for (const [_i, event] of events.entries()) {
     if (event.shift?.pk) {
       let shift = shifts.find((shift) => shift.shiftId === event.shift?.pk);
       if (!shift) {
@@ -62,7 +62,7 @@ export const splitToShiftsAndFillGaps = (events: Event[]) => {
 export const getShiftsFromStore = (
   store: RootStore,
   scheduleId: Schedule['id'],
-  startMoment: dayjs.Dayjs,
+  startMoment: dayjs.Dayjs
 ): ShiftEvents[] => {
   return store.scheduleStore.finalPreview
     ? store.scheduleStore.finalPreview
@@ -78,11 +78,8 @@ export const getLayersFromStore = (store: RootStore, scheduleId: Schedule['id'],
 export const getOverridesFromStore = (
   store: RootStore,
   scheduleId: Schedule['id'],
-  startMoment: dayjs.Dayjs,
-):
-  | Layer[]
-  | ShiftEvents[] => {
-
+  startMoment: dayjs.Dayjs
+): Layer[] | ShiftEvents[] => {
   return store.scheduleStore.overridePreview
     ? store.scheduleStore.overridePreview
     : (store.scheduleStore.events[scheduleId]?.['override']?.[getFromString(startMoment)] as Layer[]);
diff --git a/grafana-plugin/src/models/schedule/schedule.ts b/grafana-plugin/src/models/schedule/schedule.ts
index 944a6064..cee1deaa 100644
--- a/grafana-plugin/src/models/schedule/schedule.ts
+++ b/grafana-plugin/src/models/schedule/schedule.ts
@@ -1,14 +1,8 @@
-import { SelectOptions } from '@grafana/ui';
 import dayjs from 'dayjs';
-import { omit, reject } from 'lodash-es';
-import { action, observable, toJS } from 'mobx';
-import ReactCSSTransitionGroup from 'react-transition-group'; // ES6
+import { action, observable } from 'mobx';
 
 import BaseStore from 'models/base_store';
 import { EscalationChain } from 'models/escalation_chain/escalation_chain.types';
-import { SlackChannel } from 'models/slack_channel/slack_channel.types';
-import { Timezone } from 'models/timezone/timezone.types';
-import { User } from 'models/user/user.types';
 import { makeRequest } from 'network';
 import { RootStore } from 'state';
 import { SelectOption } from 'state/types';
@@ -16,16 +10,11 @@ import { SelectOption } from 'state/types';
 import {
   enrichLayers,
   enrichOverrides,
-  fillGaps,
   getFromString,
   splitToLayers,
   splitToShiftsAndFillGaps,
 } from './schedule.helpers';
-import { Events, Rotation, RotationType, Schedule, ScheduleEvent, Shift, Event, Layer, ShiftEvents } from './schedule.types';
-
-const DEFAULT_FORMAT = 'YYYY-MM-DDTHH:mm:ss';
-
-let I = 0;
+import { Rotation, RotationType, Schedule, ScheduleEvent, Shift, Event, Layer, ShiftEvents } from './schedule.types';
 
 export class ScheduleStore extends BaseStore {
   @observable
@@ -230,7 +219,7 @@ export class ScheduleStore extends BaseStore {
       this.rotationPreview = layers;
     }
 
-    this.finalPreview = splitToShiftsAndFillGaps(response.final); /*.filter((shift) => shift.shiftId !== shiftId);*/
+    this.finalPreview = splitToShiftsAndFillGaps(response.final);
   }
 
   @action
@@ -331,25 +320,7 @@ export class ScheduleStore extends BaseStore {
     });
 
     const fromString = getFromString(startMoment);
-
     const shifts = splitToShiftsAndFillGaps(response.events);
-
-    // merge users on frontend side, we don't need it now
-    /*shifts.forEach((shift) => {
-      for (let i = 0; i < shift.events.length; i++) {
-        const iEvent = shift.events[i];
-
-        for (let j = i + 1; j < shift.events.length; j++) {
-          const jEvent = shift.events[j];
-          if (iEvent.start === jEvent.start && iEvent.end === jEvent.end) {
-            iEvent.users.push(...jEvent.users);
-            jEvent.merged = true;
-          }
-        }
-        shift.events = shift.events.filter((event) => !event.merged);
-      }
-    });*/
-
     const layers = type === 'rotation' ? splitToLayers(shifts) : undefined;
 
     this.events = {
@@ -362,8 +333,6 @@ export class ScheduleStore extends BaseStore {
         },
       },
     };
-
-    // console.log(toJS(this.events));
   }
 
   async updateFrequencyOptions() {
diff --git a/grafana-plugin/src/models/slack_channel/slack_channel.ts b/grafana-plugin/src/models/slack_channel/slack_channel.ts
index 02c90cd8..389b0924 100644
--- a/grafana-plugin/src/models/slack_channel/slack_channel.ts
+++ b/grafana-plugin/src/models/slack_channel/slack_channel.ts
@@ -1,4 +1,4 @@
-import { action, observable, toJS } from 'mobx';
+import { action, observable } from 'mobx';
 
 import BaseStore from 'models/base_store';
 import { makeRequest } from 'network';
diff --git a/grafana-plugin/src/models/team/team.ts b/grafana-plugin/src/models/team/team.ts
index 082b3188..1f01add5 100644
--- a/grafana-plugin/src/models/team/team.ts
+++ b/grafana-plugin/src/models/team/team.ts
@@ -5,7 +5,7 @@ import { makeRequest } from 'network';
 import { Mixpanel } from 'services/mixpanel';
 import { RootStore } from 'state';
 import { openErrorNotification } from 'utils';
-import { getPathnameByTeamNameSlug, getTeamNameSlugFromUrl } from 'utils/url';
+import { getPathnameByTeamNameSlug } from 'utils/url';
 
 import { Team } from './team.types';
 
@@ -118,8 +118,8 @@ export class TeamStore extends BaseStore {
   }
 
   @action
-  async updateTeam(teamId: Team['pk']) {
-    const response = await makeRequest(this.path, {
+  async updateTeam(_teamId: Team['pk']) {
+    await makeRequest(this.path, {
       params: {},
       withCredentials: true,
     });
diff --git a/grafana-plugin/src/models/telegram_channel/telegram_channel.helpers.ts b/grafana-plugin/src/models/telegram_channel/telegram_channel.helpers.ts
deleted file mode 100644
index aa7a5a00..00000000
--- a/grafana-plugin/src/models/telegram_channel/telegram_channel.helpers.ts
+++ /dev/null
@@ -1 +0,0 @@
-import { TelegramChannel } from './telegram_channel.types';
diff --git a/grafana-plugin/src/models/telegram_channel/telegram_channel.ts b/grafana-plugin/src/models/telegram_channel/telegram_channel.ts
index 871cec3c..6b72151c 100644
--- a/grafana-plugin/src/models/telegram_channel/telegram_channel.ts
+++ b/grafana-plugin/src/models/telegram_channel/telegram_channel.ts
@@ -1,7 +1,6 @@
 import { action, computed, observable } from 'mobx';
 
 import BaseStore from 'models/base_store';
-import { Team } from 'models/team/team.types';
 import { makeRequest } from 'network';
 import { RootStore } from 'state';
 
diff --git a/grafana-plugin/src/models/timezone/timezone.types.ts b/grafana-plugin/src/models/timezone/timezone.types.ts
index 0e330ef9..6ed40261 100644
--- a/grafana-plugin/src/models/timezone/timezone.types.ts
+++ b/grafana-plugin/src/models/timezone/timezone.types.ts
@@ -1,5 +1,3 @@
-import { concat } from 'lodash-es';
-
 const tzs = [
   'Africa/Abidjan',
   'Africa/Accra',
diff --git a/grafana-plugin/src/models/user/user.helpers.tsx b/grafana-plugin/src/models/user/user.helpers.tsx
index 7af6f17c..7d21b87d 100644
--- a/grafana-plugin/src/models/user/user.helpers.tsx
+++ b/grafana-plugin/src/models/user/user.helpers.tsx
@@ -1,11 +1,7 @@
 import React from 'react';
 
-import { Tooltip } from '@grafana/ui';
-import dayjs from 'dayjs';
 import { pick } from 'lodash-es';
 
-import { Timezone } from 'models/timezone/timezone.types';
-
 import { User, UserRole } from './user.types';
 
 export const getIconType = (role: UserRole) => {
diff --git a/grafana-plugin/src/models/user/user.ts b/grafana-plugin/src/models/user/user.ts
index 0079d795..60972d80 100644
--- a/grafana-plugin/src/models/user/user.ts
+++ b/grafana-plugin/src/models/user/user.ts
@@ -1,11 +1,9 @@
 import dayjs from 'dayjs';
 import { get } from 'lodash-es';
 import { action, computed, observable } from 'mobx';
-import moment from 'moment-timezone';
 
 import BaseStore from 'models/base_store';
 import { NotificationPolicyType } from 'models/notification_policy';
-import { getRandomTimezone } from 'models/timezone/timezone.helpers';
 import { makeRequest } from 'network';
 import { Mixpanel } from 'services/mixpanel';
 import { RootStore } from 'state';
@@ -68,8 +66,6 @@ export class UserStore extends BaseStore {
     };
 
     this.currentUserPk = response.pk;
-
-    // this.rootStore.currentTimezone = timezone;
   }
 
   @action
diff --git a/grafana-plugin/src/models/webinar/webinar.ts b/grafana-plugin/src/models/webinar/webinar.ts
index fede777b..134d6a5d 100644
--- a/grafana-plugin/src/models/webinar/webinar.ts
+++ b/grafana-plugin/src/models/webinar/webinar.ts
@@ -1,5 +1,5 @@
 import { action, observable } from 'mobx';
-import moment from 'moment';
+import moment from 'moment-timezone';
 
 import BaseStore from 'models/base_store';
 import { makeRequest } from 'network';
diff --git a/grafana-plugin/src/pages/chat-ops/ChatOps.tsx b/grafana-plugin/src/pages/chat-ops/ChatOps.tsx
index 6fb01b3e..5e7315fb 100644
--- a/grafana-plugin/src/pages/chat-ops/ChatOps.tsx
+++ b/grafana-plugin/src/pages/chat-ops/ChatOps.tsx
@@ -26,9 +26,7 @@ class ChatOpsPage extends React.Component<MessengersPageProps, MessengersPageSta
   };
 
   render() {
-    const { store } = this.props;
     const { activeTab } = this.state;
-    const { teamStore } = store;
 
     return (
       <div className={cx('root')}>
diff --git a/grafana-plugin/src/pages/cloud/CloudPage.tsx b/grafana-plugin/src/pages/cloud/CloudPage.tsx
index 15eabf90..2675f113 100644
--- a/grafana-plugin/src/pages/cloud/CloudPage.tsx
+++ b/grafana-plugin/src/pages/cloud/CloudPage.tsx
@@ -1,24 +1,12 @@
 import React, { useCallback, useEffect, useState } from 'react';
 
-import { getLocationSrv, LocationUpdate } from '@grafana/runtime';
-import {
-  Field,
-  Input,
-  Button,
-  Modal,
-  HorizontalGroup,
-  Alert,
-  Icon,
-  VerticalGroup,
-  Table,
-  LoadingPlaceholder,
-} from '@grafana/ui';
+import { getLocationSrv } from '@grafana/runtime';
+import { Field, Input, Button, HorizontalGroup, Icon, VerticalGroup, LoadingPlaceholder } from '@grafana/ui';
 import cn from 'classnames/bind';
 import { observer } from 'mobx-react';
 
 import Block from 'components/GBlock/Block';
 import GTable from 'components/GTable/GTable';
-import PluginLink from 'components/PluginLink/PluginLink';
 import Text from 'components/Text/Text';
 import WithConfirm from 'components/WithConfirm/WithConfirm';
 import { CrossCircleIcon, HeartIcon } from 'icons';
@@ -35,7 +23,7 @@ const cx = cn.bind(styles);
 interface CloudPageProps extends WithStoreProps {}
 const ITEMS_PER_PAGE = 50;
 
-const CloudPage = observer((props: CloudPageProps) => {
+const CloudPage = observer((_props: CloudPageProps) => {
   const store = useStore();
   const [page, setPage] = useState<number>(1);
   const [cloudApiKey, setCloudApiKey] = useState<string>('');
@@ -44,7 +32,7 @@ const CloudPage = observer((props: CloudPageProps) => {
   const [cloudNotificationsEnabled, setCloudNotificationsEnabled] = useState<boolean>(false);
   const [heartbeatLink, setheartbeatLink] = useState<string>(null);
   const [heartbeatEnabled, setheartbeatEnabled] = useState<boolean>(false);
-  const [showConfirmationModal, setShowConfirmationModal] = useState<boolean>(false);
+  const [_showConfirmationModal, setShowConfirmationModal] = useState<boolean>(false);
   const [syncingUsers, setSyncingUsers] = useState<boolean>(false);
 
   useEffect(() => {
@@ -55,7 +43,7 @@ const CloudPage = observer((props: CloudPageProps) => {
       setheartbeatLink(cloudStatus.cloud_heartbeat_link);
       setCloudNotificationsEnabled(cloudStatus.cloud_notifications_enabled);
     });
-  }, [cloudIsConnected]);
+  }, [cloudIsConnected, page, store.cloudStore]);
 
   const { matched_users_count, results } = store.cloudStore.getSearchResult();
 
diff --git a/grafana-plugin/src/pages/escalation-chains/EscalationChains.tsx b/grafana-plugin/src/pages/escalation-chains/EscalationChains.tsx
index 9b4109ed..691b620c 100644
--- a/grafana-plugin/src/pages/escalation-chains/EscalationChains.tsx
+++ b/grafana-plugin/src/pages/escalation-chains/EscalationChains.tsx
@@ -29,7 +29,6 @@ import { EscalationChain } from 'models/escalation_chain/escalation_chain.types'
 import { WithStoreProps } from 'state/types';
 import { UserAction } from 'state/userAction';
 import { withMobXProviderContext } from 'state/withStore';
-import { openWarningNotification } from 'utils';
 
 import styles from './EscalationChains.module.css';
 
@@ -242,7 +241,7 @@ class EscalationChainsPage extends React.Component<EscalationChainsPageProps, Es
 
   renderEscalation = () => {
     const { store } = this.props;
-    const { selectedEscalationChain, showCreateEscalationChainModal, escalationChainIdToCopy } = this.state;
+    const { selectedEscalationChain } = this.state;
 
     const { escalationChainStore } = store;
 
@@ -305,14 +304,14 @@ class EscalationChainsPage extends React.Component<EscalationChainsPageProps, Es
             {escalationChainDetails.length ? (
               <ul className={cx('list')}>
                 {escalationChainDetails.map((alertReceiveChannel) => (
-                  <li>
+                  <li key={alertReceiveChannel.id}>
                     <HorizontalGroup align="flex-start">
                       <PluginLink query={{ page: 'integrations', id: alertReceiveChannel.id }}>
                         {alertReceiveChannel.display_name}
                       </PluginLink>
                       <ul className={cx('list')}>
                         {alertReceiveChannel.channel_filters.map((channelFilter) => (
-                          <li>
+                          <li key={channelFilter.id}>
                             <Icon name="arrow-right" />
                             {channelFilter.display_name}
                           </li>
diff --git a/grafana-plugin/src/pages/incident/Incident.helpers.tsx b/grafana-plugin/src/pages/incident/Incident.helpers.tsx
index 844477d6..6d421a20 100644
--- a/grafana-plugin/src/pages/incident/Incident.helpers.tsx
+++ b/grafana-plugin/src/pages/incident/Incident.helpers.tsx
@@ -1,4 +1,4 @@
-import React, { ReactElement } from 'react';
+import React from 'react';
 
 import { Button, HorizontalGroup, Icon, Tooltip, VerticalGroup } from '@grafana/ui';
 
@@ -8,44 +8,12 @@ import Tag from 'components/Tag/Tag';
 import Text from 'components/Text/Text';
 import { WithPermissionControl } from 'containers/WithPermissionControl/WithPermissionControl';
 import { MaintenanceIntegration } from 'models/alert_receive_channel';
-import { Alert as AlertType, Alert, AlertAction, IncidentStatus } from 'models/alertgroup/alertgroup.types';
+import { Alert as AlertType, Alert, IncidentStatus } from 'models/alertgroup/alertgroup.types';
 import { User } from 'models/user/user.types';
 import SilenceDropdown from 'pages/incidents/parts/SilenceDropdown';
 import { move } from 'state/helpers';
 import { UserAction } from 'state/userAction';
 
-const TAG_COLORS = [
-  '#D32D20',
-  '#1E72B8',
-  '#B240A2',
-  '#705DA0',
-  '#466803',
-  '#497A3C',
-  '#3D71AA',
-  '#B15415',
-  '#890F02',
-  '#6E6E6E',
-  '#0A437C',
-  '#6D1F62',
-  '#584477',
-  '#4C7A3F',
-  '#2F4F4F',
-  '#BF1B00',
-  '#7662B1',
-  '#8A2EB8',
-  '#517A00',
-  '#000000',
-  '#3F6833',
-  '#2F575E',
-  '#99440A',
-  '#AE561A',
-  '#0E4AB4',
-  '#58140C',
-  '#052B51',
-  '#511749',
-  '#3F2B5B',
-];
-
 export function getIncidentStatusTag(alert: Alert) {
   switch (alert.status) {
     case IncidentStatus.New:
diff --git a/grafana-plugin/src/pages/incident/Incident.tsx b/grafana-plugin/src/pages/incident/Incident.tsx
index 634a9121..26617937 100644
--- a/grafana-plugin/src/pages/incident/Incident.tsx
+++ b/grafana-plugin/src/pages/incident/Incident.tsx
@@ -18,7 +18,7 @@ import {
 } from '@grafana/ui';
 import cn from 'classnames/bind';
 import { observer } from 'mobx-react';
-import moment from 'moment';
+import moment from 'moment-timezone';
 import CopyToClipboard from 'react-copy-to-clipboard';
 import Emoji from 'react-emoji-render';
 import reactStringReplace from 'react-string-replace';
@@ -126,11 +126,7 @@ class IncidentPage extends React.Component<IncidentPageProps, IncidentPageState>
     }
 
     return (
-      <PageErrorHandlingWrapper
-        errorData={errorData}
-        objectName="alert group"
-        pageName="incidents"
-      >
+      <PageErrorHandlingWrapper errorData={errorData} objectName="alert group" pageName="incidents">
         {() =>
           errorData.isNotFoundError ? (
             <div className={cx('root')}>
@@ -430,14 +426,7 @@ class IncidentPage extends React.Component<IncidentPageProps, IncidentPageState>
     return (match: string) => {
       switch (match) {
         case 'author':
-          const {
-            store: { userStore },
-          } = this.props;
-
-          const user = userStore.items?.[entity?.author?.pk];
-
           return (
-            /* <Tooltip placement="top" content={<UserSummary id={entity?.author?.pk} />}>*/
             <span
               onClick={() => {
                 getLocationSrv().update({ query: { page: 'users', id: entity?.author?.pk } });
@@ -446,7 +435,6 @@ class IncidentPage extends React.Component<IncidentPageProps, IncidentPageState>
             >
               {entity.author?.username}
             </span>
-            /* </Tooltip>*/
           );
         default:
           console.warn('Unknown render_after_resolve_report_json enity placeholder');
@@ -552,7 +540,7 @@ function GroupedIncidentsList({
       contentClassName={cx('incidents-content')}
     >
       {alerts.map((alert) => (
-        <GroupedIncident incident={alert} datetimeReference={getIncidentDatetimeReference(alert)} />
+        <GroupedIncident key={alert.id} incident={alert} datetimeReference={getIncidentDatetimeReference(alert)} />
       ))}
     </Collapse>
   );
@@ -659,7 +647,6 @@ function AttachedIncidentsList({
             <PluginLink query={{ page: 'incident', id: incident.pk }}>
               #{incident.inside_organization_number} {incident.render_for_web.title}
             </PluginLink>
-            {/* <Emoji text={incident.alert_receive_channel?.verbal_name || ''} />*/}
             <WithPermissionControl userAction={UserAction.UpdateIncidents}>
               <Button size="sm" onClick={() => getUnattachClickHandler(incident.pk)} variant="secondary">
                 Unattach
diff --git a/grafana-plugin/src/pages/incidents/Incidents.tsx b/grafana-plugin/src/pages/incidents/Incidents.tsx
index f2ce5ed8..ef7fb432 100644
--- a/grafana-plugin/src/pages/incidents/Incidents.tsx
+++ b/grafana-plugin/src/pages/incidents/Incidents.tsx
@@ -6,7 +6,7 @@ import { Button, Icon, Tooltip, VerticalGroup, LoadingPlaceholder, HorizontalGro
 import cn from 'classnames/bind';
 import { get } from 'lodash-es';
 import { observer } from 'mobx-react';
-import moment from 'moment';
+import moment from 'moment-timezone';
 import Emoji from 'react-emoji-render';
 
 import CursorPagination from 'components/CursorPagination/CursorPagination';
@@ -39,13 +39,15 @@ interface Pagination {
 }
 
 function withSkeleton(fn: (alert: AlertType) => ReactElement | ReactElement[]) {
-  return (alert: AlertType) => {
+  const WithSkeleton = (alert: AlertType) => {
     if (alert.short) {
       return <LoadingPlaceholder text={''} />;
     }
 
     return fn(alert);
   };
+
+  return WithSkeleton;
 }
 
 interface IncidentsPageProps extends WithStoreProps, AppRootProps {}
diff --git a/grafana-plugin/src/pages/integrations/Integrations.tsx b/grafana-plugin/src/pages/integrations/Integrations.tsx
index 799671fd..7bde29fd 100644
--- a/grafana-plugin/src/pages/integrations/Integrations.tsx
+++ b/grafana-plugin/src/pages/integrations/Integrations.tsx
@@ -28,7 +28,6 @@ import { AlertReceiveChannelOption } from 'models/alert_receive_channel/alert_re
 import { WithStoreProps } from 'state/types';
 import { UserAction } from 'state/userAction';
 import { withMobXProviderContext } from 'state/withStore';
-import { openWarningNotification } from 'utils';
 
 import styles from './Integrations.module.css';
 
@@ -189,9 +188,6 @@ class Integrations extends React.Component<IntegrationsProps, IntegrationsState>
                           integrationSettingsTab,
                         });
                       }}
-                      /*onEditAlertReceiveChannelTemplates={this.getShowAlertReceiveChannelSettingsClickHandler(
-                  store.selectedAlertReceiveChannel
-                )}*/
                     />
                   </div>
                 </div>
@@ -269,7 +265,6 @@ class Integrations extends React.Component<IntegrationsProps, IntegrationsState>
         if (integration?.display_name === 'Grafana Alerting') {
           this.alertReceiveChanneltoPoll = { ...this.alertReceiveChanneltoPoll, [alertReceiveChannel.id]: 200 };
           if (!this.alertReceiveChannelTimerId) {
-            let counter = 200;
             this.alertReceiveChannelTimerId = setInterval(this.checkTimerTick, 3000);
           }
         }
diff --git a/grafana-plugin/src/pages/livesettings/LiveSettingsPage.tsx b/grafana-plugin/src/pages/livesettings/LiveSettingsPage.tsx
index 9542253f..7028e366 100644
--- a/grafana-plugin/src/pages/livesettings/LiveSettingsPage.tsx
+++ b/grafana-plugin/src/pages/livesettings/LiveSettingsPage.tsx
@@ -1,24 +1,10 @@
 import React from 'react';
 
-import {
-  Button,
-  Checkbox,
-  ConfirmModal,
-  DatePickerWithInput,
-  HorizontalGroup,
-  Icon,
-  LoadingPlaceholder,
-  PENDING_COLOR,
-  Tooltip,
-  VerticalGroup,
-} from '@grafana/ui';
+import { Button, Checkbox, HorizontalGroup, Icon } from '@grafana/ui';
 import cn from 'classnames/bind';
-import { omit } from 'lodash-es';
 import { observe } from 'mobx';
 import { observer } from 'mobx-react';
 import { Lambda } from 'mobx/lib/internal';
-import { AlignType } from 'rc-table/lib/interface';
-import { Redirect } from 'react-router-dom';
 
 import GTable from 'components/GTable/GTable';
 import Text from 'components/Text/Text';
@@ -122,8 +108,6 @@ class LiveSettings extends React.Component<LiveSettingsProps, LiveSettingsState>
 
     const data: any = globalSettingStore.getSearchResult();
 
-    const loading = !data;
-
     return (
       <div className={cx('root')}>
         <GTable
@@ -133,7 +117,6 @@ class LiveSettings extends React.Component<LiveSettingsProps, LiveSettingsState>
             <div className={cx('header')}>
               <HorizontalGroup>
                 <Text.Title level={3}>Env Variables</Text.Title>
-                {/*<Text type="secondary">Some information</Text>*/}
               </HorizontalGroup>
               <HorizontalGroup justify="flex-end">
                 <WithPermissionControl userAction={UserAction.UpdateGlobalSettings}>
@@ -246,20 +229,6 @@ class LiveSettings extends React.Component<LiveSettingsProps, LiveSettingsState>
     }
 
     return (
-      // <Popconfirm
-      //     title={<>Are you sure to reset to default?</>}
-      //     onConfirm={this.getResetGlobalSettingClickHandler(item)}
-      //     okText="Yes"
-      //     cancelText="Cancel"
-      // >
-      //     <WithPermissionControl
-      //         key="delete"
-      //         userAction={UserAction.UpdateIntegrations}
-      //     >
-      //         <Button type="link">Reset</Button>
-      //     </WithPermissionControl>
-      // </Popconfirm>
-
       <WithConfirm title="Are you sure to reset to default?" confirmText="Reset">
         <Button fill="text" variant="destructive" onClick={this.getResetGlobalSettingClickHandler(item)}>
           Reset to default
diff --git a/grafana-plugin/src/pages/maintenance/Maintenance.tsx b/grafana-plugin/src/pages/maintenance/Maintenance.tsx
index 64458c13..4b675ed5 100644
--- a/grafana-plugin/src/pages/maintenance/Maintenance.tsx
+++ b/grafana-plugin/src/pages/maintenance/Maintenance.tsx
@@ -4,23 +4,17 @@ import { AppRootProps } from '@grafana/data';
 import { Button, HorizontalGroup } from '@grafana/ui';
 import cn from 'classnames/bind';
 import { observer } from 'mobx-react';
-import moment from 'moment';
+import moment from 'moment-timezone';
 import Emoji from 'react-emoji-render';
 
 import GTable from 'components/GTable/GTable';
-import PluginLink from 'components/PluginLink/PluginLink';
 import Text from 'components/Text/Text';
 import WithConfirm from 'components/WithConfirm/WithConfirm';
-import GSelect from 'containers/GSelect/GSelect';
 import MaintenanceForm from 'containers/MaintenanceForm/MaintenanceForm';
-import OutgoingWebhookForm from 'containers/OutgoingWebhookForm/OutgoingWebhookForm';
 import { WithPermissionControl } from 'containers/WithPermissionControl/WithPermissionControl';
-import { ActionDTO } from 'models/action';
 import { getAlertReceiveChannelDisplayName } from 'models/alert_receive_channel/alert_receive_channel.helpers';
 import { AlertReceiveChannel } from 'models/alert_receive_channel/alert_receive_channel.types';
-import { getMaintenanceProgress } from 'models/maintenance/helpers';
 import { Maintenance, MaintenanceMode, MaintenanceType } from 'models/maintenance/maintenance.types';
-import { PRIVATE_CHANNEL_NAME } from 'models/slack_channel/slack_channel.config';
 import { WithStoreProps } from 'state/types';
 import { UserAction } from 'state/userAction';
 import { withMobXProviderContext } from 'state/withStore';
@@ -203,11 +197,7 @@ class MaintenancePage extends React.Component<MaintenancePageProps, MaintenanceP
   renderDuration = (maintenance: Maintenance) => {
     const started = moment(maintenance.started_at_timestamp * 1000);
     const ended = moment(maintenance.maintenance_till_timestamp * 1000);
-
-    const percent = getMaintenanceProgress(maintenance);
-    const title = `${started.format('MMM DD, YYYY hh:mm A')} - ${ended.format('MMM DD, YYYY hh:mm A')}`;
-
-    return title;
+    return `${started.format('MMM DD, YYYY hh:mm A')} - ${ended.format('MMM DD, YYYY hh:mm A')}`;
   };
 
   renderTimer = (maintenance: Maintenance) => {
diff --git a/grafana-plugin/src/pages/migration-tool/MigrationTool.tsx b/grafana-plugin/src/pages/migration-tool/MigrationTool.tsx
index 8ed547e2..4ed5a038 100644
--- a/grafana-plugin/src/pages/migration-tool/MigrationTool.tsx
+++ b/grafana-plugin/src/pages/migration-tool/MigrationTool.tsx
@@ -1,15 +1,11 @@
 import React from 'react';
 
-import { Button, Icon, LoadingPlaceholder, Tag, TextArea } from '@grafana/ui';
-import { sentenceCase } from 'change-case';
+import { Button, LoadingPlaceholder, Tag, TextArea } from '@grafana/ui';
 import cn from 'classnames/bind';
 import { observer } from 'mobx-react';
 import Emoji from 'react-emoji-render';
 
-import PluginLink from 'components/PluginLink/PluginLink';
 import Text from 'components/Text/Text';
-import GSelect from 'containers/GSelect/GSelect';
-import { PRIVATE_CHANNEL_NAME } from 'models/slack_channel/slack_channel.config';
 import { makeRequest } from 'network';
 import { withMobXProviderContext } from 'state/withStore';
 import { showApiError } from 'utils';
@@ -173,12 +169,12 @@ class MigrationToolPage extends React.Component<MigrationToolProps, MigrationToo
                       const item = migrationPlan[key];
 
                       return (
-                        <p>
+                        <p key={key}>
                           {key}:{' '}
                           {Array.isArray(item) && item.length ? (
                             <ul>
                               {item.map((subItem) => (
-                                <li>
+                                <li key={subItem}>
                                   <Emoji text={subItem || ''} />
                                 </li>
                               ))}
@@ -194,8 +190,8 @@ class MigrationToolPage extends React.Component<MigrationToolProps, MigrationToo
                     <p>
                       <Tag colorIndex={7} name="Attention" />{' '}
                       <Text>
-                        Migration will be applied to the "General" team. Once you perform the migration there won’t be
-                        possible to migrate data to the current Grafana OnCall workspace again. It’s a 1-time operation.
+                        Migration will be applied to the "General" team. Once you perform the migration there won't be
+                        possible to migrate data to the current Grafana OnCall workspace again. It's a 1-time operation.
                       </Text>
                     </p>
                     <p>
@@ -208,7 +204,7 @@ class MigrationToolPage extends React.Component<MigrationToolProps, MigrationToo
                     <p>
                       <Tag colorIndex={7} name="Attention" />{' '}
                       <Text>
-                        Only “ical” schedules will be migrated. User names in your calendars should not be prefixed with
+                        Only "ical" schedules will be migrated. User names in your calendars should not be prefixed with
                         '@', use bare usernames or emails.
                       </Text>
                     </p>
@@ -267,7 +263,7 @@ class MigrationToolPage extends React.Component<MigrationToolProps, MigrationToo
                       {endpointsList ? (
                         <ul>
                           {endpointsList.map((item) => (
-                            <li>
+                            <li key={item}>
                               <Emoji text={item || ''} />{' '}
                             </li>
                           ))}
diff --git a/grafana-plugin/src/pages/organization-logs/OrganizationLog.tsx b/grafana-plugin/src/pages/organization-logs/OrganizationLog.tsx
index 35f84dcb..66a7d5b5 100644
--- a/grafana-plugin/src/pages/organization-logs/OrganizationLog.tsx
+++ b/grafana-plugin/src/pages/organization-logs/OrganizationLog.tsx
@@ -1,10 +1,10 @@
-import React, { ChangeEvent, SyntheticEvent, ReactText } from 'react';
+import React from 'react';
 
-import { Button, colors, HorizontalGroup, Tag, Tooltip } from '@grafana/ui';
+import { Button, HorizontalGroup, Tag, Tooltip } from '@grafana/ui';
 import cn from 'classnames/bind';
 import { debounce } from 'lodash-es';
 import { observer } from 'mobx-react';
-import moment, { Moment } from 'moment';
+import moment, { Moment } from 'moment-timezone';
 import { RouteComponentProps } from 'react-router-dom';
 
 import Avatar from 'components/Avatar/Avatar';
diff --git a/grafana-plugin/src/pages/outgoing_webhooks/OutgoingWebhooks.test.tsx b/grafana-plugin/src/pages/outgoing_webhooks/OutgoingWebhooks.test.tsx
index c10a50ed..309cd063 100644
--- a/grafana-plugin/src/pages/outgoing_webhooks/OutgoingWebhooks.test.tsx
+++ b/grafana-plugin/src/pages/outgoing_webhooks/OutgoingWebhooks.test.tsx
@@ -10,7 +10,6 @@ import { OutgoingWebhook } from 'models/outgoing_webhook/outgoing_webhook.types'
 
 import { OutgoingWebhooks } from './OutgoingWebhooks';
 
-
 const outgoingWebhooks = outgoingWebhooksStub as OutgoingWebhook[];
 const outgoingWebhookStore = () => ({
   loadItem: () => Promise.resolve(outgoingWebhooks[0]),
diff --git a/grafana-plugin/src/pages/outgoing_webhooks/OutgoingWebhooks.tsx b/grafana-plugin/src/pages/outgoing_webhooks/OutgoingWebhooks.tsx
index 408b4444..c81fa697 100644
--- a/grafana-plugin/src/pages/outgoing_webhooks/OutgoingWebhooks.tsx
+++ b/grafana-plugin/src/pages/outgoing_webhooks/OutgoingWebhooks.tsx
@@ -50,7 +50,7 @@ class OutgoingWebhooks extends React.Component<OutgoingWebhooksProps, OutgoingWe
   }
 
   parseQueryParams = async () => {
-    this.setState((prevState) => ({
+    this.setState((_prevState) => ({
       errorData: initErrorDataState(),
       outgoingWebhookIdToEdit: undefined,
     })); // reset state on query parse
diff --git a/grafana-plugin/src/pages/schedule/Schedule.module.css b/grafana-plugin/src/pages/schedule/Schedule.module.css
index 27ca691f..64df8e6d 100644
--- a/grafana-plugin/src/pages/schedule/Schedule.module.css
+++ b/grafana-plugin/src/pages/schedule/Schedule.module.css
@@ -1,4 +1,3 @@
-
 .root {
   max-width: 1600px;
   margin: 0 auto;
diff --git a/grafana-plugin/src/pages/schedule/Schedule.tsx b/grafana-plugin/src/pages/schedule/Schedule.tsx
index f1b9eedb..b49cb1bf 100644
--- a/grafana-plugin/src/pages/schedule/Schedule.tsx
+++ b/grafana-plugin/src/pages/schedule/Schedule.tsx
@@ -16,7 +16,7 @@ import ScheduleFinal from 'containers/Rotations/ScheduleFinal';
 import ScheduleOverrides from 'containers/Rotations/ScheduleOverrides';
 import ScheduleForm from 'containers/ScheduleForm/ScheduleForm';
 import UsersTimezones from 'containers/UsersTimezones/UsersTimezones';
-import { ScheduleType, Shift } from 'models/schedule/schedule.types';
+import { Shift } from 'models/schedule/schedule.types';
 import { Timezone } from 'models/timezone/timezone.types';
 import { WithStoreProps } from 'state/types';
 import { withMobXProviderContext } from 'state/withStore';
@@ -39,8 +39,6 @@ interface SchedulePageState {
   showEditForm: boolean;
 }
 
-const INITIAL_TIMEZONE = 'UTC'; // todo check why doesn't work
-
 @observer
 class SchedulePage extends React.Component<SchedulePageProps, SchedulePageState> {
   constructor(props: SchedulePageProps) {
@@ -111,26 +109,6 @@ class SchedulePage extends React.Component<SchedulePageProps, SchedulePageState>
                   <Text.Title editable editModalTitle="Schedule name" level={2} onTextChange={this.handleNameChange}>
                     {schedule?.name}
                   </Text.Title>
-                  {/*<ScheduleCounter
-                  type="link"
-                  count={5}
-                  tooltipTitle="Used in escalations"
-                  tooltipContent={
-                    <>
-                      <PluginLink query={{ page: 'integrations', id: 'CXBEG63MBJMDL' }}>Grafana 1</PluginLink>
-                      <br />
-                      <PluginLink query={{ page: 'integrations', id: 'CXBEG63MBJMDL' }}>Grafana 2</PluginLink>
-                      <br />
-                      <PluginLink query={{ page: 'integrations', id: 'CXBEG63MBJMDL' }}>Grafana 3</PluginLink>
-                    </>
-                  }
-                />
-                <ScheduleCounter
-                  type="warning"
-                  count={2}
-                  tooltipTitle="Warnings"
-                  tooltipContent="Schedule has unassigned time periods during next 7 days"
-                />*/}
                 </HorizontalGroup>
                 <HorizontalGroup spacing="lg">
                   {users && (
@@ -139,11 +117,6 @@ class SchedulePage extends React.Component<SchedulePageProps, SchedulePageState>
                       <UserTimezoneSelect value={currentTimezone} users={users} onChange={this.handleTimezoneChange} />
                     </HorizontalGroup>
                   )}
-                  {/*<ScheduleQuality quality={0.89} />*/}
-                  {/*<ToolbarButton icon="copy" tooltip="Copy" />
-                <ToolbarButton icon="brackets-curly" tooltip="Code" />
-                <ToolbarButton icon="share-alt" tooltip="Share" />
-                */}
                   <HorizontalGroup>
                     <ToolbarButton
                       icon="cog"
@@ -172,7 +145,6 @@ class SchedulePage extends React.Component<SchedulePageProps, SchedulePageState>
               />
             </div>
 
-            {/* <div className={'current-time'} />*/}
             <div className={cx('rotations')}>
               <div className={cx('controls')}>
                 <HorizontalGroup justify="space-between">
@@ -192,32 +164,6 @@ class SchedulePage extends React.Component<SchedulePageProps, SchedulePageState>
                       {startMoment.format('DD MMM')} - {startMoment.add(6, 'day').format('DD MMM')}
                     </Text.Title>
                   </HorizontalGroup>
-                  {/*<HorizontalGroup width="auto">
-                <RadioButtonGroup
-                  options={[
-                    { label: 'Day', value: 'day' },
-                    {
-                      label: 'Week',
-                      value: 'week',
-                    },
-                    { label: 'Month', value: 'month' },
-                    { label: 'Custom', value: 'custom' },
-                  ]}
-                  value={schedulePeriodType}
-                  onChange={this.handleShedulePeriodTypeChange}
-                />
-                <RadioButtonGroup
-                  options={[
-                    { label: 'Timeline', value: 'timeline' },
-                    {
-                      label: 'Grid',
-                      value: 'grid',
-                    },
-                  ]}
-                  value={renderType}
-                  onChange={this.handleRenderTypeChange}
-                />
-              </HorizontalGroup>*/}
                 </HorizontalGroup>
               </div>
               <ScheduleFinal
diff --git a/grafana-plugin/src/pages/schedules/Schedules.tsx b/grafana-plugin/src/pages/schedules/Schedules.tsx
index 823e3c64..49a632ae 100644
--- a/grafana-plugin/src/pages/schedules/Schedules.tsx
+++ b/grafana-plugin/src/pages/schedules/Schedules.tsx
@@ -85,7 +85,9 @@ class SchedulesPage extends React.Component<SchedulesPageProps, SchedulesPageSta
       query: { id },
     } = this.props;
 
-    if (!id) {return;}
+    if (!id) {
+      return;
+    }
 
     let scheduleId: string = undefined;
     const isNewSchedule = id === 'new';
@@ -305,8 +307,8 @@ class SchedulesPage extends React.Component<SchedulesPageProps, SchedulesPageSta
             Events
           </Text.Title>
           <ul className={cx('events-list')}>
-            {(events || []).map((event) => (
-              <li className={cx('events-list-item')}>
+            {(events || []).map((event, idx) => (
+              <li key={idx} className={cx('events-list-item')}>
                 <Event event={event} />
               </li>
             ))}
@@ -357,9 +359,9 @@ class SchedulesPage extends React.Component<SchedulesPageProps, SchedulesPageSta
     return value.user_group?.handle || '-';
   };
 
-  renderOncallNow = (item: Schedule, index: number) => {
+  renderOncallNow = (item: Schedule, _index: number) => {
     if (item.on_call_now?.length > 0) {
-      return item.on_call_now.map((user, index) => {
+      return item.on_call_now.map((user, _index) => {
         return (
           <PluginLink key={user.pk} query={{ page: 'users', id: user.pk }}>
             <div>
@@ -386,7 +388,7 @@ class SchedulesPage extends React.Component<SchedulesPageProps, SchedulesPageSta
       const tooltipContent = (
         <div>
           {item.warnings.map((warning: string) => (
-            <p>{warning}</p>
+            <p key={warning}>{warning}</p>
           ))}
         </div>
       );
diff --git a/grafana-plugin/src/pages/schedules_NEW/Schedules.tsx b/grafana-plugin/src/pages/schedules_NEW/Schedules.tsx
index 8c7ed34a..6ceedaad 100644
--- a/grafana-plugin/src/pages/schedules_NEW/Schedules.tsx
+++ b/grafana-plugin/src/pages/schedules_NEW/Schedules.tsx
@@ -21,12 +21,10 @@ import WithConfirm from 'components/WithConfirm/WithConfirm';
 import ScheduleFinal from 'containers/Rotations/ScheduleFinal';
 import ScheduleForm from 'containers/ScheduleForm/ScheduleForm';
 import { WithPermissionControl } from 'containers/WithPermissionControl/WithPermissionControl';
-import { getFromString } from 'models/schedule/schedule.helpers';
 import { Schedule, ScheduleType } from 'models/schedule/schedule.types';
 import { getSlackChannelName } from 'models/slack_channel/slack_channel.helpers';
 import { Timezone } from 'models/timezone/timezone.types';
 import { getStartOfWeek } from 'pages/schedule/Schedule.helpers';
-import { AppFeature } from 'state/features';
 import { WithStoreProps } from 'state/types';
 import { UserAction } from 'state/userAction';
 import { withMobXProviderContext } from 'state/withStore';
@@ -73,7 +71,7 @@ class SchedulesPage extends React.Component<SchedulesPageProps, SchedulesPageSta
 
     const { scheduleStore } = store;
 
-    const schedules = scheduleStore.getSearchResult(/*filters.searchTerm*/);
+    const schedules = scheduleStore.getSearchResult();
     const columns = [
       {
         width: '10%',
@@ -109,18 +107,6 @@ class SchedulesPage extends React.Component<SchedulesPageProps, SchedulesPageSta
         title: 'Slack user group',
         render: this.renderUserGroup,
       },
-      /* {
-        width: '20%',
-        title: 'ChatOps',
-        key: 'chatops',
-        render: this.renderChatOps,
-      },*/
-      /*{
-        width: '10%',
-        title: 'Quality',
-        key: 'quality',
-        render: this.renderQuality,
-      },*/
       {
         width: '50px',
         key: 'buttons',
@@ -297,7 +283,7 @@ class SchedulesPage extends React.Component<SchedulesPageProps, SchedulesPageSta
               {relatedEscalationChains ? (
                 relatedEscalationChains.length ? (
                   relatedEscalationChains.map((escalationChain) => (
-                    <PluginLink query={{ page: 'escalations', id: escalationChain.pk }}>
+                    <PluginLink key={escalationChain.pk} query={{ page: 'escalations', id: escalationChain.pk }}>
                       {escalationChain.name}
                     </PluginLink>
                   ))
@@ -311,12 +297,6 @@ class SchedulesPage extends React.Component<SchedulesPageProps, SchedulesPageSta
           }
           onHover={this.getUpdateRelatedEscalationChainsHandler(item.id)}
         />
-        {/* <ScheduleCounter
-          type="warning"
-          count={warningsCount}
-          tooltipTitle="Warnings"
-          tooltipContent="Schedule has unassigned time periods during next 7 days"
-        />*/}
       </HorizontalGroup>
     );
   };
@@ -325,11 +305,11 @@ class SchedulesPage extends React.Component<SchedulesPageProps, SchedulesPageSta
     return <PluginLink query={{ page: 'schedule', id: item.id }}>{item.name}</PluginLink>;
   };
 
-  renderOncallNow = (item: Schedule, index: number) => {
+  renderOncallNow = (item: Schedule, _index: number) => {
     if (item.on_call_now?.length > 0) {
       return (
         <VerticalGroup>
-          {item.on_call_now.map((user, index) => {
+          {item.on_call_now.map((user, _index) => {
             return (
               <PluginLink key={user.pk} query={{ page: 'users', id: user.pk }}>
                 <div>
@@ -353,22 +333,9 @@ class SchedulesPage extends React.Component<SchedulesPageProps, SchedulesPageSta
     return value.user_group?.handle || '-';
   };
 
-  /* renderChatOps = (item: Schedule) => {
-    return item.chatOps;
-  }; */
-
-  /* renderQuality = (item: Schedule) => {
-    const type = item.quality > 70 ? 'primary' : 'warning';
-
-    return <Text type={type}>{item.quality || 70}%</Text>;
-  }; */
-
   renderButtons = (item: Schedule) => {
     return (
       <HorizontalGroup>
-        {/*<IconButton tooltip="Copy" name="copy" />
-        <IconButton tooltip="Settings" name="cog" />
-        <IconButton tooltip="Code" name="brackets-curly" />*/}
         <WithPermissionControl key="edit" userAction={UserAction.UpdateSchedules}>
           <IconButton tooltip="Settings" name="cog" onClick={this.getEditScheduleClickHandler(item.id)} />
         </WithPermissionControl>
@@ -405,16 +372,14 @@ class SchedulesPage extends React.Component<SchedulesPageProps, SchedulesPageSta
   };
 
   applyFilters = () => {
-    const { filters } = this.state;
-    const { store } = this.props;
-    const { scheduleStore } = store;
-
+    // const { filters } = this.state;
+    // const { scheduleStore } = this.props.store;
     // scheduleStore.updateItems(filters.searchTerm);
   };
 
   debouncedUpdateSchedules = debounce(this.applyFilters, 1000);
 
-  handlePageChange = (page: number) => {};
+  handlePageChange = (_page: number) => {};
 
   update = () => {
     const { store } = this.props;
diff --git a/grafana-plugin/src/pages/settings/SettingsPage.tsx b/grafana-plugin/src/pages/settings/SettingsPage.tsx
index 30951e1e..eff60e26 100644
--- a/grafana-plugin/src/pages/settings/SettingsPage.tsx
+++ b/grafana-plugin/src/pages/settings/SettingsPage.tsx
@@ -1,15 +1,12 @@
 import React from 'react';
 
-import { DatePickerWithInput, Field, Input, Switch } from '@grafana/ui';
+import { Field, Input, Switch } from '@grafana/ui';
 import cn from 'classnames/bind';
 import { observer } from 'mobx-react';
-import moment from 'moment';
 
 import Text from 'components/Text/Text';
 import ApiTokenSettings from 'containers/ApiTokenSettings/ApiTokenSettings';
-import GSelect from 'containers/GSelect/GSelect';
 import { WithPermissionControl } from 'containers/WithPermissionControl/WithPermissionControl';
-import { PRIVATE_CHANNEL_NAME } from 'models/slack_channel/slack_channel.config';
 import { WithStoreProps } from 'state/types';
 import { UserAction } from 'state/userAction';
 import { withMobXProviderContext } from 'state/withStore';
@@ -62,26 +59,6 @@ class SettingsPage extends React.Component<SettingsPageProps, SettingsPageState>
               />
             </WithPermissionControl>
           </Field>
-          {/*<Field
-            loading={!teamStore.currentTeam}
-            label="Archive alert created before given date"
-            description="Alerts before and including this date will be resolved and archived"
-          >
-            <WithPermissionControl userAction={UserAction.UpdateGlobalSettings}>
-              <DatePickerWithInput
-                closeOnSelect
-                width={40}
-                value={
-                  teamStore.currentTeam?.archive_alerts_from
-                    ? moment(teamStore.currentTeam?.archive_alerts_from).toDate()
-                    : undefined
-                }
-                onChange={(value) => {
-                  teamStore.saveCurrentTeam({ archive_alerts_from: moment(value).format('YYYY-MM-DD') });
-                }}
-              />
-            </WithPermissionControl>
-          </Field>*/}
         </div>
         <Text.Title level={3} className={cx('title')}>
           API URL
diff --git a/grafana-plugin/src/pages/users/Users.tsx b/grafana-plugin/src/pages/users/Users.tsx
index 3e75aacd..c84deaa1 100644
--- a/grafana-plugin/src/pages/users/Users.tsx
+++ b/grafana-plugin/src/pages/users/Users.tsx
@@ -83,7 +83,7 @@ class Users extends React.Component<UsersProps, UsersState> {
     return await userStore.updateItems(getRealFilters(usersFilters), page);
   };
 
-  componentDidUpdate(prevProps: Readonly<UsersProps>, prevState: Readonly<UsersState>, snapshot?: any) {
+  componentDidUpdate(prevProps: Readonly<UsersProps>, _prevState: Readonly<UsersState>, _snapshot?: any) {
     const { store } = this.props;
 
     if (!this.initialUsersLoaded && store.isUserActionAllowed(UserAction.ViewOtherUsers)) {
diff --git a/grafana-plugin/src/plugin.json b/grafana-plugin/src/plugin.json
index b3a4705a..43462418 100644
--- a/grafana-plugin/src/plugin.json
+++ b/grafana-plugin/src/plugin.json
@@ -9,12 +9,7 @@
       "name": "Grafana Labs",
       "url": "https://grafana.com"
     },
-    "keywords": [
-      "oncall",
-      "irm",
-      "incident",
-      "response"
-    ],
+    "keywords": ["oncall", "irm", "incident", "response"],
     "logos": {
       "small": "img/logo.svg",
       "large": "img/logo.svg"
@@ -29,9 +24,7 @@
         "url": "https://github.com/grafana/oncall/blob/main/LICENSE"
       }
     ],
-    "screenshots": [
-      { "name": "Escalation chain", "path": "img/screenshot.png" }
-    ],
+    "screenshots": [{ "name": "Escalation chain", "path": "img/screenshot.png" }],
     "version": "%VERSION%",
     "updated": "%TODAY%"
   },
@@ -57,7 +50,8 @@
       "path": "/a/grafana-oncall-app/?page=integrations",
       "role": "Viewer",
       "addToNav": true
-    },{
+    },
+    {
       "type": "page",
       "name": "Escalation Chains",
       "path": "/a/grafana-oncall-app/?page=escalations",
diff --git a/grafana-plugin/src/state/helpers.ts b/grafana-plugin/src/state/helpers.ts
index 6401f572..10e8976b 100644
--- a/grafana-plugin/src/state/helpers.ts
+++ b/grafana-plugin/src/state/helpers.ts
@@ -51,7 +51,7 @@ export function move(arr: any[], old_index: number, new_index: number) {
     new_index += arr.length;
   }
   if (new_index >= arr.length) {
-    var k = new_index - arr.length;
+    let k = new_index - arr.length;
     while (k-- + 1) {
       arr.push(undefined);
     }
diff --git a/grafana-plugin/src/state/incidents.ts b/grafana-plugin/src/state/incidents.ts
deleted file mode 100644
index f97ce7b9..00000000
--- a/grafana-plugin/src/state/incidents.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export class IncidentsModel {
-  private a = '1';
-}
diff --git a/grafana-plugin/src/state/plugin.ts b/grafana-plugin/src/state/plugin.ts
index 544eda02..80adbbd2 100644
--- a/grafana-plugin/src/state/plugin.ts
+++ b/grafana-plugin/src/state/plugin.ts
@@ -31,10 +31,9 @@ export async function startPluginSync() {
   return await makeRequest('/plugin/sync', { method: 'POST' });
 }
 
-
 export const SYNC_STATUS_RETRY_LIMIT = 10;
 
-export const syncStatusDelay = retryCount => new Promise(resolve => setTimeout(resolve, 10 * 2 ** retryCount));
+export const syncStatusDelay = (retryCount) => new Promise((resolve) => setTimeout(resolve, 10 * 2 ** retryCount));
 
 export async function getPluginSyncStatus() {
   return await makeRequest(`/plugin/sync`, { method: 'GET' });
diff --git a/grafana-plugin/src/state/rootBaseStore.ts b/grafana-plugin/src/state/rootBaseStore.ts
index ce4ebb1d..c9c1689a 100644
--- a/grafana-plugin/src/state/rootBaseStore.ts
+++ b/grafana-plugin/src/state/rootBaseStore.ts
@@ -32,12 +32,11 @@ import { makeRequest } from 'network';
 
 import { AppFeature } from './features';
 import {
-  createGrafanaToken,
   getPluginSyncStatus,
   installPlugin,
   startPluginSync,
-  SYNC_STATUS_RETRY_LIMIT, syncStatusDelay,
-  updateGrafanaToken
+  SYNC_STATUS_RETRY_LIMIT,
+  syncStatusDelay,
 } from './plugin';
 import { UserAction } from './userAction';
 
@@ -130,8 +129,6 @@ export class RootBaseStore {
     this.teamStore.loadCurrentTeam();
     this.grafanaTeamStore.updateItems();
     this.updateFeatures();
-    // this.userStore.updateItems();
-    // this.maintenanceStore.updateMaintenances();
     this.userStore.updateNotificationPolicyOptions();
     this.userStore.updateNotifyByOptions();
     this.alertReceiveChannelStore.updateAlertReceiveChannelOptions();
@@ -164,7 +161,7 @@ export class RootBaseStore {
     this.initializationError = e.response.status;
   }
 
-  async startSync(key?: string) {
+  async startSync() {
     try {
       return await startPluginSync();
     } catch (e) {
@@ -190,23 +187,22 @@ export class RootBaseStore {
   }
 
   async waitForSyncStatus(retryCount = 0) {
-
     if (retryCount > SYNC_STATUS_RETRY_LIMIT) {
       this.retrySync = true;
       return;
     }
 
-    getPluginSyncStatus().then((get_sync_response) => {
-      if (get_sync_response.hasOwnProperty('token_ok')) {
-        this.finishSync(get_sync_response);
-      } else {
-        syncStatusDelay(retryCount + 1)
-            .then(() => this.waitForSyncStatus(retryCount + 1))
-      }
-      }).catch((e) => {
+    getPluginSyncStatus()
+      .then((get_sync_response) => {
+        if (get_sync_response.hasOwnProperty('token_ok')) {
+          this.finishSync(get_sync_response);
+        } else {
+          syncStatusDelay(retryCount + 1).then(() => this.waitForSyncStatus(retryCount + 1));
+        }
+      })
+      .catch((e) => {
         this.handleSyncException(e);
       });
-
   }
 
   async setupPlugin(meta: AppPluginMeta<OnCallAppSettings>) {
diff --git a/grafana-plugin/src/state/withStore.tsx b/grafana-plugin/src/state/withStore.tsx
index 14946022..c83cf626 100644
--- a/grafana-plugin/src/state/withStore.tsx
+++ b/grafana-plugin/src/state/withStore.tsx
@@ -2,10 +2,12 @@ import React from 'react';
 
 import { MobXProviderContext } from 'mobx-react';
 
-export const withMobXProviderContext = (BaseComponent: any) => (props: any) => {
-  return (
+export const withMobXProviderContext = (BaseComponent: any) => {
+  const MobXProviderWrappedComponent = (props: any) => (
     <MobXProviderContext.Consumer>
       {(mobXProviderContext) => <BaseComponent {...props} store={mobXProviderContext.store} />}
     </MobXProviderContext.Consumer>
   );
+
+  return MobXProviderWrappedComponent;
 };
diff --git a/grafana-plugin/src/style/index.css b/grafana-plugin/src/style/index.css
index 0a948ad3..e248f1e8 100644
--- a/grafana-plugin/src/style/index.css
+++ b/grafana-plugin/src/style/index.css
@@ -19,7 +19,9 @@
 }
 
 @keyframes fadeIn {
-  from { opacity: 0; }
+  from {
+    opacity: 0;
+  }
 }
 
 .disabled-row {
diff --git a/grafana-plugin/src/types.ts b/grafana-plugin/src/types.ts
index bd11b73d..8411077e 100644
--- a/grafana-plugin/src/types.ts
+++ b/grafana-plugin/src/types.ts
@@ -5,7 +5,7 @@ export interface OnCallAppSettings {
 }
 
 declare global {
-  interface Window {
+  export interface Window {
     grafanaBootData: any;
     RECAPTCHA_SITE_KEY: string;
     grecaptcha: any;
diff --git a/grafana-plugin/src/utils/DOM.ts b/grafana-plugin/src/utils/DOM.ts
index b1ebae8c..e971fbbe 100644
--- a/grafana-plugin/src/utils/DOM.ts
+++ b/grafana-plugin/src/utils/DOM.ts
@@ -4,7 +4,7 @@ export const waitForElement = (selector: string) => {
       return resolve(document.querySelector(selector));
     }
 
-    const observer = new MutationObserver((mutations) => {
+    const observer = new MutationObserver((_mutations) => {
       if (document.querySelector(selector)) {
         resolve(document.querySelector(selector));
         observer.disconnect();
@@ -20,19 +20,19 @@ export const waitForElement = (selector: string) => {
 
 export const getCoords = (elem) => {
   // crossbrowser version
-  var box = elem.getBoundingClientRect();
+  const box = elem.getBoundingClientRect();
 
-  var body = document.body;
-  var docEl = document.documentElement;
+  const body = document.body;
+  const docEl = document.documentElement;
 
-  var scrollTop = window.pageYOffset || docEl.scrollTop || body.scrollTop;
-  var scrollLeft = window.pageXOffset || docEl.scrollLeft || body.scrollLeft;
+  const scrollTop = window.pageYOffset || docEl.scrollTop || body.scrollTop;
+  const scrollLeft = window.pageXOffset || docEl.scrollLeft || body.scrollLeft;
 
-  var clientTop = docEl.clientTop || body.clientTop || 0;
-  var clientLeft = docEl.clientLeft || body.clientLeft || 0;
+  const clientTop = docEl.clientTop || body.clientTop || 0;
+  const clientLeft = docEl.clientLeft || body.clientLeft || 0;
 
-  var top = box.top + scrollTop - clientTop;
-  var left = box.left + scrollLeft - clientLeft;
+  const top = box.top + scrollTop - clientTop;
+  const left = box.left + scrollLeft - clientLeft;
 
   return { top: Math.round(top), left: Math.round(left) };
 };
diff --git a/grafana-plugin/src/utils/index.ts b/grafana-plugin/src/utils/index.ts
index 98d1ef13..76259213 100644
--- a/grafana-plugin/src/utils/index.ts
+++ b/grafana-plugin/src/utils/index.ts
@@ -1,8 +1,9 @@
 import { AppEvents } from '@grafana/data';
+import { AxiosError } from 'axios';
 import { sentenceCase } from 'change-case';
 // @ts-ignore
 import appEvents from 'grafana/app/core/app_events';
-import { isArray, concat, isPlainObject, flatMap, map, keys, isNil } from 'lodash-es';
+import { isArray, concat, isPlainObject, flatMap, map, keys } from 'lodash-es';
 import qs from 'query-string';
 
 export const TZ_OFFSET = new Date().getTimezoneOffset();
@@ -26,8 +27,8 @@ export function showApiError(error: any) {
   throw error;
 }
 
-export function refreshPageError(error: any) {
-  if (error.response.status == 502) {
+export function refreshPageError(error: AxiosError) {
+  if (error.response?.status === 502) {
     const payload = error.response.data;
     const text = `Try to refresh the page. ${payload}`;
     openErrorNotification(text);
diff --git a/grafana-plugin/src/utils/loadCss.ts b/grafana-plugin/src/utils/loadCss.ts
index e5efcbee..5db0ddb2 100644
--- a/grafana-plugin/src/utils/loadCss.ts
+++ b/grafana-plugin/src/utils/loadCss.ts
@@ -1,5 +1,5 @@
 export default function loadCss(url: string) {
-  return new Promise((resolve, reject) => {
+  return new Promise((resolve, _reject) => {
     let link = document.createElement('link');
     link.type = 'text/css';
     link.rel = 'stylesheet';
diff --git a/grafana-plugin/tsconfig.json b/grafana-plugin/tsconfig.json
index add73ef9..56342bec 100644
--- a/grafana-plugin/tsconfig.json
+++ b/grafana-plugin/tsconfig.json
@@ -6,9 +6,10 @@
     "rootDirs": ["src", "frontend_enterprise/src"],
     "baseUrl": "src",
     "typeRoots": ["./node_modules/@types"],
-    "noUnusedLocals": false,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
     "strict": false,
     "resolveJsonModule": true,
-    "noImplicitAny": false,
+    "noImplicitAny": false
   }
 }
diff --git a/grafana-plugin/webpack.config.js b/grafana-plugin/webpack.config.js
index d7c05774..9e6f58e9 100644
--- a/grafana-plugin/webpack.config.js
+++ b/grafana-plugin/webpack.config.js
@@ -1,5 +1,4 @@
 const path = require('path');
-const fs = require('fs');
 
 const CircularDependencyPlugin = require('circular-dependency-plugin');
 
@@ -133,8 +132,7 @@ module.exports.getWebpackConfig = (config, options) => {
         allowAsyncCycles: false,
         // set the current working directory for displaying module paths
         cwd: process.cwd(),
-      })
-      // new BundleAnalyzerPlugin(),
+      }),
     ],
 
     resolve: {
@@ -144,12 +142,5 @@ module.exports.getWebpackConfig = (config, options) => {
     },
   };
 
-  /* fs.writeFile('webpack-conf.json', JSON.stringify(newConfig, null, 2), function (err) {
-    if (err) {
-      return console.log(err);
-    }
-    console.log('config > webpack-conf.json');
-  }); */
-
   return newConfig;
 };
diff --git a/grafana-plugin/yarn.lock b/grafana-plugin/yarn.lock
index 5e2745a2..d2836932 100644
--- a/grafana-plugin/yarn.lock
+++ b/grafana-plugin/yarn.lock
@@ -1262,6 +1262,15 @@
     esquery "^1.4.0"
     jsdoc-type-pratt-parser "~2.2.5"
 
+"@es-joy/jsdoccomment@~0.33.0":
+  version "0.33.0"
+  resolved "https://registry.yarnpkg.com/@es-joy/jsdoccomment/-/jsdoccomment-0.33.0.tgz#59416d08442d0fdbb316fc1cb491e750db80b9ad"
+  integrity sha512-bkxMGTlHPE4vfarXt1L1fOm81O18jTRFNgh3Fm4iPKctfWxcpJw4cpth5BhLkGZy4HFzGn/KfD/zGks/J+ZIIw==
+  dependencies:
+    comment-parser "1.3.1"
+    esquery "^1.4.0"
+    jsdoc-type-pratt-parser "~3.1.0"
+
 "@eslint/eslintrc@^1.2.1", "@eslint/eslintrc@^1.3.0":
   version "1.3.2"
   resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-1.3.2.tgz#58b69582f3b7271d8fa67fe5251767a5b38ea356"
@@ -1277,6 +1286,21 @@
     minimatch "^3.1.2"
     strip-json-comments "^3.1.1"
 
+"@eslint/eslintrc@^1.3.3":
+  version "1.3.3"
+  resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-1.3.3.tgz#2b044ab39fdfa75b4688184f9e573ce3c5b0ff95"
+  integrity sha512-uj3pT6Mg+3t39fvLrj8iuCIJ38zKO9FpGtJ4BBJebJhEwjoT+KLVNCcHT5QC9NGRIEi7fZ0ZR8YRb884auB4Lg==
+  dependencies:
+    ajv "^6.12.4"
+    debug "^4.3.2"
+    espree "^9.4.0"
+    globals "^13.15.0"
+    ignore "^5.2.0"
+    import-fresh "^3.2.1"
+    js-yaml "^4.1.0"
+    minimatch "^3.1.2"
+    strip-json-comments "^3.1.1"
+
 "@formatjs/ecma402-abstract@1.12.0":
   version "1.12.0"
   resolved "https://registry.yarnpkg.com/@formatjs/ecma402-abstract/-/ecma402-abstract-1.12.0.tgz#2fb5e8983d5fae2fad9ec6c77aec1803c2b88d8e"
@@ -1383,6 +1407,20 @@
     eslint-plugin-react-hooks "4.3.0"
     typescript "4.6.4"
 
+"@grafana/eslint-config@^5.0.0":
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/@grafana/eslint-config/-/eslint-config-5.0.0.tgz#e08a89d378772340bc6cd1872ec4d15666269aba"
+  integrity sha512-8kJ95KYyeSBjucdu9R4qem8ik6s3LdCRxC2cfub9vSngzUyQIwPpXbLlWr9FrpZcmP5NiZBB15FhpW/FxjYbQQ==
+  dependencies:
+    "@typescript-eslint/eslint-plugin" "5.16.0"
+    "@typescript-eslint/parser" "5.16.0"
+    eslint "8.11.0"
+    eslint-config-prettier "8.5.0"
+    eslint-plugin-jsdoc "38.0.6"
+    eslint-plugin-react "7.29.4"
+    eslint-plugin-react-hooks "4.3.0"
+    typescript "4.6.4"
+
 "@grafana/runtime@^9.1.1":
   version "9.1.7"
   resolved "https://registry.yarnpkg.com/@grafana/runtime/-/runtime-9.1.7.tgz#b4081852e94e398defd0a16cfe74f77a47e00d35"
@@ -1596,6 +1634,15 @@
     uplot "1.6.22"
     uuid "8.3.2"
 
+"@humanwhocodes/config-array@^0.10.5":
+  version "0.10.7"
+  resolved "https://registry.yarnpkg.com/@humanwhocodes/config-array/-/config-array-0.10.7.tgz#6d53769fd0c222767e6452e8ebda825c22e9f0dc"
+  integrity sha512-MDl6D6sBsaV452/QSdX+4CXIjZhIcI0PELsxUjk4U828yd58vk3bTIvk/6w5FY+4hIy9sLW0sfrV7K7Kc++j/w==
+  dependencies:
+    "@humanwhocodes/object-schema" "^1.2.1"
+    debug "^4.1.1"
+    minimatch "^3.0.4"
+
 "@humanwhocodes/config-array@^0.9.2":
   version "0.9.5"
   resolved "https://registry.yarnpkg.com/@humanwhocodes/config-array/-/config-array-0.9.5.tgz#2cbaf9a89460da24b5ca6531b8bbfc23e1df50c7"
@@ -1605,6 +1652,11 @@
     debug "^4.1.1"
     minimatch "^3.0.4"
 
+"@humanwhocodes/module-importer@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz#af5b2691a22b44be847b0ca81641c5fb6ad0172c"
+  integrity sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==
+
 "@humanwhocodes/object-schema@^1.2.1":
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/@humanwhocodes/object-schema/-/object-schema-1.2.1.tgz#b520529ec21d8e5945a1851dfd1c32e94e39ff45"
@@ -3009,6 +3061,11 @@
   resolved "https://registry.yarnpkg.com/@types/semver/-/semver-7.3.9.tgz#152c6c20a7688c30b967ec1841d31ace569863fc"
   integrity sha512-L/TMpyURfBkf+o/526Zb6kd/tchUP3iBDEPjqjb+U2MAJhVRxxrmr2fwpe08E7QsV7YLcpq0tUaQ9O9x97ZIxQ==
 
+"@types/semver@^7.3.12":
+  version "7.3.12"
+  resolved "https://registry.yarnpkg.com/@types/semver/-/semver-7.3.12.tgz#920447fdd78d76b19de0438b7f60df3c4a80bf1c"
+  integrity sha512-WwA1MW0++RfXmCr12xeYOOC5baSC9mSb0ZqCquFzKhcoF4TvHu5MKOuXsncgZcpVFhB1pXd5hZmM0ryAoCp12A==
+
 "@types/serve-static@*":
   version "1.15.0"
   resolved "https://registry.yarnpkg.com/@types/serve-static/-/serve-static-1.15.0.tgz#c7930ff61afb334e121a9da780aac0d9b8f34155"
@@ -3139,6 +3196,20 @@
     semver "^7.3.5"
     tsutils "^3.21.0"
 
+"@typescript-eslint/eslint-plugin@^5.40.1":
+  version "5.40.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.40.1.tgz#3203a6ff396b1194083faaa6e5110c401201d7d5"
+  integrity sha512-FsWboKkWdytGiXT5O1/R9j37YgcjO8MKHSUmWnIEjVaz0krHkplPnYi7mwdb+5+cs0toFNQb0HIrN7zONdIEWg==
+  dependencies:
+    "@typescript-eslint/scope-manager" "5.40.1"
+    "@typescript-eslint/type-utils" "5.40.1"
+    "@typescript-eslint/utils" "5.40.1"
+    debug "^4.3.4"
+    ignore "^5.2.0"
+    regexpp "^3.2.0"
+    semver "^7.3.7"
+    tsutils "^3.21.0"
+
 "@typescript-eslint/parser@5.16.0":
   version "5.16.0"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-5.16.0.tgz#e4de1bde4b4dad5b6124d3da227347616ed55508"
@@ -3157,6 +3228,14 @@
     "@typescript-eslint/types" "5.16.0"
     "@typescript-eslint/visitor-keys" "5.16.0"
 
+"@typescript-eslint/scope-manager@5.40.1":
+  version "5.40.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-5.40.1.tgz#a7a5197dfd234622a2421ea590ee0ccc02e18dfe"
+  integrity sha512-jkn4xsJiUQucI16OLCXrLRXDZ3afKhOIqXs4R3O+M00hdQLKR58WuyXPZZjhKLFCEP2g+TXdBRtLQ33UfAdRUg==
+  dependencies:
+    "@typescript-eslint/types" "5.40.1"
+    "@typescript-eslint/visitor-keys" "5.40.1"
+
 "@typescript-eslint/type-utils@5.16.0":
   version "5.16.0"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-5.16.0.tgz#b482bdde1d7d7c0c7080f7f2f67ea9580b9e0692"
@@ -3166,11 +3245,26 @@
     debug "^4.3.2"
     tsutils "^3.21.0"
 
+"@typescript-eslint/type-utils@5.40.1":
+  version "5.40.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-5.40.1.tgz#091e4ce3bebbdb68f4980bae9dee2e4e1725f601"
+  integrity sha512-DLAs+AHQOe6n5LRraXiv27IYPhleF0ldEmx6yBqBgBLaNRKTkffhV1RPsjoJBhVup2zHxfaRtan8/YRBgYhU9Q==
+  dependencies:
+    "@typescript-eslint/typescript-estree" "5.40.1"
+    "@typescript-eslint/utils" "5.40.1"
+    debug "^4.3.4"
+    tsutils "^3.21.0"
+
 "@typescript-eslint/types@5.16.0":
   version "5.16.0"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-5.16.0.tgz#5827b011982950ed350f075eaecb7f47d3c643ee"
   integrity sha512-oUorOwLj/3/3p/HFwrp6m/J2VfbLC8gjW5X3awpQJ/bSG+YRGFS4dpsvtQ8T2VNveV+LflQHjlLvB6v0R87z4g==
 
+"@typescript-eslint/types@5.40.1":
+  version "5.40.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-5.40.1.tgz#de37f4f64de731ee454bb2085d71030aa832f749"
+  integrity sha512-Icg9kiuVJSwdzSQvtdGspOlWNjVDnF3qVIKXdJ103o36yRprdl3Ge5cABQx+csx960nuMF21v8qvO31v9t3OHw==
+
 "@typescript-eslint/typescript-estree@5.16.0":
   version "5.16.0"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-5.16.0.tgz#32259459ec62f5feddca66adc695342f30101f61"
@@ -3184,6 +3278,19 @@
     semver "^7.3.5"
     tsutils "^3.21.0"
 
+"@typescript-eslint/typescript-estree@5.40.1":
+  version "5.40.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-5.40.1.tgz#9a7d25492f02c69882ce5e0cd1857b0c55645d72"
+  integrity sha512-5QTP/nW5+60jBcEPfXy/EZL01qrl9GZtbgDZtDPlfW5zj/zjNrdI2B5zMUHmOsfvOr2cWqwVdWjobCiHcedmQA==
+  dependencies:
+    "@typescript-eslint/types" "5.40.1"
+    "@typescript-eslint/visitor-keys" "5.40.1"
+    debug "^4.3.4"
+    globby "^11.1.0"
+    is-glob "^4.0.3"
+    semver "^7.3.7"
+    tsutils "^3.21.0"
+
 "@typescript-eslint/utils@5.16.0":
   version "5.16.0"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-5.16.0.tgz#42218b459d6d66418a4eb199a382bdc261650679"
@@ -3196,6 +3303,20 @@
     eslint-scope "^5.1.1"
     eslint-utils "^3.0.0"
 
+"@typescript-eslint/utils@5.40.1":
+  version "5.40.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-5.40.1.tgz#3204fb73a559d3b7bab7dc9d3c44487c2734a9ca"
+  integrity sha512-a2TAVScoX9fjryNrW6BZRnreDUszxqm9eQ9Esv8n5nXApMW0zeANUYlwh/DED04SC/ifuBvXgZpIK5xeJHQ3aw==
+  dependencies:
+    "@types/json-schema" "^7.0.9"
+    "@types/semver" "^7.3.12"
+    "@typescript-eslint/scope-manager" "5.40.1"
+    "@typescript-eslint/types" "5.40.1"
+    "@typescript-eslint/typescript-estree" "5.40.1"
+    eslint-scope "^5.1.1"
+    eslint-utils "^3.0.0"
+    semver "^7.3.7"
+
 "@typescript-eslint/visitor-keys@5.16.0":
   version "5.16.0"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-5.16.0.tgz#f27dc3b943e6317264c7492e390c6844cd4efbbb"
@@ -3204,6 +3325,14 @@
     "@typescript-eslint/types" "5.16.0"
     eslint-visitor-keys "^3.0.0"
 
+"@typescript-eslint/visitor-keys@5.40.1":
+  version "5.40.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-5.40.1.tgz#f3d2bf5af192f4432b84cec6fdcb387193518754"
+  integrity sha512-A2DGmeZ+FMja0geX5rww+DpvILpwo1OsiQs0M+joPWJYsiEFBLsH0y1oFymPNul6Z5okSmHpP4ivkc2N0Cgfkw==
+  dependencies:
+    "@typescript-eslint/types" "5.40.1"
+    eslint-visitor-keys "^3.3.0"
+
 "@webassemblyjs/ast@1.11.1":
   version "1.11.1"
   resolved "https://registry.yarnpkg.com/@webassemblyjs/ast/-/ast-1.11.1.tgz#2bfd767eae1a6996f432ff7e8d7fc75679c0b6a7"
@@ -3611,7 +3740,7 @@ array.prototype.flat@^1.2.5:
     es-abstract "^1.19.2"
     es-shim-unscopables "^1.0.0"
 
-array.prototype.flatmap@^1.2.5:
+array.prototype.flatmap@^1.2.5, array.prototype.flatmap@^1.3.0:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/array.prototype.flatmap/-/array.prototype.flatmap-1.3.0.tgz#a7e8ed4225f4788a70cd910abcf0791e76a5534f"
   integrity sha512-PZC9/8TKAIxcWKdyeb77EzULHPrIX/tIZebLJUQOMR1OwYosT8yggdfWScfTBCDj5utONvOuPQQumYsU2ULbkg==
@@ -5521,12 +5650,25 @@ eslint-plugin-jsdoc@38.0.6:
     semver "^7.3.5"
     spdx-expression-parse "^3.0.1"
 
+eslint-plugin-jsdoc@^39.3.14:
+  version "39.3.14"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-jsdoc/-/eslint-plugin-jsdoc-39.3.14.tgz#2591bf48907a7527a6e689fd721634364d08fe4e"
+  integrity sha512-kle7ot5xvzXwWzg7ElzTPM/y1IWUo0kfa5X+ZwOC/7Jw81OJaqIaNEk+2ZH+HcKkbwRUQ3RTdK9qsm4p5vbXAQ==
+  dependencies:
+    "@es-joy/jsdoccomment" "~0.33.0"
+    comment-parser "1.3.1"
+    debug "^4.3.4"
+    escape-string-regexp "^4.0.0"
+    esquery "^1.4.0"
+    semver "^7.3.8"
+    spdx-expression-parse "^3.0.1"
+
 eslint-plugin-react-hooks@4.3.0:
   version "4.3.0"
   resolved "https://registry.yarnpkg.com/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.3.0.tgz#318dbf312e06fab1c835a4abef00121751ac1172"
   integrity sha512-XslZy0LnMn+84NEG9jSGR6eGqaZB3133L8xewQo3fQagbQuGt7a63gf+P1NGKZavEYEC3UXaWEAA/AqDkuN6xA==
 
-eslint-plugin-react-hooks@4.6.0:
+eslint-plugin-react-hooks@4.6.0, eslint-plugin-react-hooks@^4.6.0:
   version "4.6.0"
   resolved "https://registry.yarnpkg.com/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.6.0.tgz#4c3e697ad95b77e93f8646aaa1630c1ba607edd3"
   integrity sha512-oFc7Itz9Qxh2x4gNHStv3BqJq54ExXmfC+a1NjAta66IAN87Wu0R/QArgIS9qKzX3dXKPI9H5crl9QchNMY9+g==
@@ -5551,6 +5693,26 @@ eslint-plugin-react@7.29.4:
     semver "^6.3.0"
     string.prototype.matchall "^4.0.6"
 
+eslint-plugin-react@^7.31.10:
+  version "7.31.10"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-react/-/eslint-plugin-react-7.31.10.tgz#6782c2c7fe91c09e715d536067644bbb9491419a"
+  integrity sha512-e4N/nc6AAlg4UKW/mXeYWd3R++qUano5/o+t+wnWxIf+bLsOaH3a4q74kX3nDjYym3VBN4HyO9nEn1GcAqgQOA==
+  dependencies:
+    array-includes "^3.1.5"
+    array.prototype.flatmap "^1.3.0"
+    doctrine "^2.1.0"
+    estraverse "^5.3.0"
+    jsx-ast-utils "^2.4.1 || ^3.0.0"
+    minimatch "^3.1.2"
+    object.entries "^1.1.5"
+    object.fromentries "^2.0.5"
+    object.hasown "^1.1.1"
+    object.values "^1.1.5"
+    prop-types "^15.8.1"
+    resolve "^2.0.0-next.3"
+    semver "^6.3.0"
+    string.prototype.matchall "^4.0.7"
+
 eslint-plugin-rulesdir@^0.2.1:
   version "0.2.1"
   resolved "https://registry.yarnpkg.com/eslint-plugin-rulesdir/-/eslint-plugin-rulesdir-0.2.1.tgz#e246bb9657e68eb0a30680c60775f40aa829ec0b"
@@ -5671,7 +5833,60 @@ eslint@8.20.0:
     text-table "^0.2.0"
     v8-compile-cache "^2.0.3"
 
-espree@^9.3.1, espree@^9.3.2, espree@^9.4.0:
+eslint@^8.25.0:
+  version "8.25.0"
+  resolved "https://registry.yarnpkg.com/eslint/-/eslint-8.25.0.tgz#00eb962f50962165d0c4ee3327708315eaa8058b"
+  integrity sha512-DVlJOZ4Pn50zcKW5bYH7GQK/9MsoQG2d5eDH0ebEkE8PbgzTTmtt/VTH9GGJ4BfeZCpBLqFfvsjX35UacUL83A==
+  dependencies:
+    "@eslint/eslintrc" "^1.3.3"
+    "@humanwhocodes/config-array" "^0.10.5"
+    "@humanwhocodes/module-importer" "^1.0.1"
+    ajv "^6.10.0"
+    chalk "^4.0.0"
+    cross-spawn "^7.0.2"
+    debug "^4.3.2"
+    doctrine "^3.0.0"
+    escape-string-regexp "^4.0.0"
+    eslint-scope "^7.1.1"
+    eslint-utils "^3.0.0"
+    eslint-visitor-keys "^3.3.0"
+    espree "^9.4.0"
+    esquery "^1.4.0"
+    esutils "^2.0.2"
+    fast-deep-equal "^3.1.3"
+    file-entry-cache "^6.0.1"
+    find-up "^5.0.0"
+    glob-parent "^6.0.1"
+    globals "^13.15.0"
+    globby "^11.1.0"
+    grapheme-splitter "^1.0.4"
+    ignore "^5.2.0"
+    import-fresh "^3.0.0"
+    imurmurhash "^0.1.4"
+    is-glob "^4.0.0"
+    js-sdsl "^4.1.4"
+    js-yaml "^4.1.0"
+    json-stable-stringify-without-jsonify "^1.0.1"
+    levn "^0.4.1"
+    lodash.merge "^4.6.2"
+    minimatch "^3.1.2"
+    natural-compare "^1.4.0"
+    optionator "^0.9.1"
+    regexpp "^3.2.0"
+    strip-ansi "^6.0.1"
+    strip-json-comments "^3.1.0"
+    text-table "^0.2.0"
+
+espree@^9.3.1, espree@^9.3.2:
+  version "9.3.3"
+  resolved "https://registry.yarnpkg.com/espree/-/espree-9.3.3.tgz#2dd37c4162bb05f433ad3c1a52ddf8a49dc08e9d"
+  integrity sha512-ORs1Rt/uQTqUKjDdGCyrtYxbazf5umATSf/K4qxjmZHORR6HJk+2s/2Pqe+Kk49HHINC/xNIrGfgh8sZcll0ng==
+  dependencies:
+    acorn "^8.8.0"
+    acorn-jsx "^5.3.2"
+    eslint-visitor-keys "^3.3.0"
+
+espree@^9.4.0:
   version "9.4.0"
   resolved "https://registry.yarnpkg.com/espree/-/espree-9.4.0.tgz#cd4bc3d6e9336c433265fc0aa016fc1aaf182f8a"
   integrity sha512-DQmnRpLj7f6TgN/NYb0MTzJXL+vJF9h3pHy4JhCIs3zwcgez8xmGg3sXHcEO97BrmO2OSvCwMdfdlyl+E9KjOw==
@@ -5865,6 +6080,11 @@ fast-deep-equal@^3.1.1, fast-deep-equal@^3.1.3:
   resolved "https://registry.yarnpkg.com/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz#3a7d56b559d6cbc3eb512325244e619a65c6c525"
   integrity sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==
 
+fast-diff@^1.1.2:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/fast-diff/-/fast-diff-1.2.0.tgz#73ee11982d86caaf7959828d519cfe927fac5f03"
+  integrity sha512-xJuoT5+L99XlZ8twedaRf6Ax2TgQVxvgZOYoPKqZufmJib0tL2tegPBOZb1pVNgIhlqDlA0eO0c3wBvQcmzx4w==
+
 fast-glob@^3.0.3, fast-glob@^3.2.11, fast-glob@^3.2.5, fast-glob@^3.2.7, fast-glob@^3.2.9:
   version "3.2.12"
   resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.2.12.tgz#7f39ec99c2e6ab030337142da9e0c18f37afae80"
@@ -6365,7 +6585,7 @@ globby@^10.0.1:
     merge2 "^1.2.3"
     slash "^3.0.0"
 
-globby@^11.0.3, globby@^11.0.4:
+globby@^11.0.3, globby@^11.0.4, globby@^11.1.0:
   version "11.1.0"
   resolved "https://registry.yarnpkg.com/globby/-/globby-11.1.0.tgz#bd4be98bb042f83d796f7e3811991fbe82a0d34b"
   integrity sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==
@@ -6405,6 +6625,11 @@ graceful-fs@^4.1.2, graceful-fs@^4.1.6, graceful-fs@^4.2.0, graceful-fs@^4.2.2,
   resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.10.tgz#147d3a006da4ca3ce14728c7aefc287c367d7a6c"
   integrity sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA==
 
+grapheme-splitter@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/grapheme-splitter/-/grapheme-splitter-1.0.4.tgz#9cf3a665c6247479896834af35cf1dbb4400767e"
+  integrity sha512-bzh50DW9kTPM00T8y4o8vQg89Di9oLJVLW/KaOGIXJWP/iqCN6WKYkbNOF04vFLJhwcpYUh9ydh/+5vpOqV4YQ==
+
 gzip-size@^6.0.0:
   version "6.0.0"
   resolved "https://registry.yarnpkg.com/gzip-size/-/gzip-size-6.0.0.tgz#065367fd50c239c0671cbcbad5be3e2eeb10e462"
@@ -7334,14 +7559,6 @@ jest-canvas-mock@2.3.1:
     cssfontparser "^1.2.1"
     moo-color "^1.0.2"
 
-jest-canvas-mock@^2.3.1:
-  version "2.4.0"
-  resolved "https://registry.yarnpkg.com/jest-canvas-mock/-/jest-canvas-mock-2.4.0.tgz#947b71442d7719f8e055decaecdb334809465341"
-  integrity sha512-mmMpZzpmLzn5vepIaHk5HoH3Ka4WykbSoLuG/EKoJd0x0ID/t+INo1l8ByfcUJuDM+RIsL4QDg/gDnBbrj2/IQ==
-  dependencies:
-    cssfontparser "^1.2.1"
-    moo-color "^1.0.2"
-
 jest-changed-files@^27.5.1:
   version "27.5.1"
   resolved "https://registry.yarnpkg.com/jest-changed-files/-/jest-changed-files-27.5.1.tgz#a348aed00ec9bf671cc58a66fcbe7c3dfd6a68f5"
@@ -7550,16 +7767,6 @@ jest-junit@13.1.0:
     uuid "^8.3.2"
     xml "^1.0.1"
 
-jest-junit@^13.1.0:
-  version "13.2.0"
-  resolved "https://registry.yarnpkg.com/jest-junit/-/jest-junit-13.2.0.tgz#66eeb86429aafac8c1745a70f44ace185aacb943"
-  integrity sha512-B0XNlotl1rdsvFZkFfoa19mc634+rrd8E4Sskb92Bb8MmSXeWV9XJGUyctunZS1W410uAxcyYuPUGVnbcOH8cg==
-  dependencies:
-    mkdirp "^1.0.4"
-    strip-ansi "^6.0.1"
-    uuid "^8.3.2"
-    xml "^1.0.1"
-
 jest-leak-detector@^27.5.1:
   version "27.5.1"
   resolved "https://registry.yarnpkg.com/jest-leak-detector/-/jest-leak-detector-27.5.1.tgz#6ec9d54c3579dd6e3e66d70e3498adf80fde3fb8"
@@ -7588,11 +7795,6 @@ jest-matcher-utils@^29.1.2:
     jest-get-type "^29.0.0"
     pretty-format "^29.1.2"
 
-jest-matchmedia-mock@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/jest-matchmedia-mock/-/jest-matchmedia-mock-1.1.0.tgz#eaae8c5d1dee4e4f7c59f8cb1b38b5d7ea842552"
-  integrity sha512-REnJRsOSCMpGAlkxmvVTqEBpregyFVi9MPEH3N83W1yLKzDdNehtCkcdDZduXq74PLtfI+11NyM4zKCK5ynV9g==
-
 jest-message-util@^27.5.1:
   version "27.5.1"
   resolved "https://registry.yarnpkg.com/jest-message-util/-/jest-message-util-27.5.1.tgz#bdda72806da10d9ed6425e12afff38cd1458b6cf"
@@ -7834,6 +8036,11 @@ js-cookie@^2.2.1:
   resolved "https://registry.yarnpkg.com/js-cookie/-/js-cookie-2.2.1.tgz#69e106dc5d5806894562902aa5baec3744e9b2b8"
   integrity sha512-HvdH2LzI/EAZcUwA8+0nKNtWHqS+ZmijLA30RwZA0bo7ToCckjK5MkGhjED9KoRcXO6BaGI3I9UIzSA1FKFPOQ==
 
+js-sdsl@^4.1.4:
+  version "4.1.5"
+  resolved "https://registry.yarnpkg.com/js-sdsl/-/js-sdsl-4.1.5.tgz#1ff1645e6b4d1b028cd3f862db88c9d887f26e2a"
+  integrity sha512-08bOAKweV2NUC1wqTtf3qZlnpOX/R2DU9ikpjOHs0H+ibQv3zpncVQg6um4uYtRtrwIX8M4Nh3ytK4HGlYAq7Q==
+
 "js-tokens@^3.0.0 || ^4.0.0", js-tokens@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-4.0.0.tgz#19203fb59991df98e3a287050d4647cdeaf32499"
@@ -7859,6 +8066,11 @@ jsdoc-type-pratt-parser@~2.2.5:
   resolved "https://registry.yarnpkg.com/jsdoc-type-pratt-parser/-/jsdoc-type-pratt-parser-2.2.5.tgz#c9f93afac7ee4b5ed4432fe3f09f7d36b05ed0ff"
   integrity sha512-2a6eRxSxp1BW040hFvaJxhsCMI9lT8QB8t14t+NY5tC5rckIR0U9cr2tjOeaFirmEOy6MHvmJnY7zTBHq431Lw==
 
+jsdoc-type-pratt-parser@~3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/jsdoc-type-pratt-parser/-/jsdoc-type-pratt-parser-3.1.0.tgz#a4a56bdc6e82e5865ffd9febc5b1a227ff28e67e"
+  integrity sha512-MgtD0ZiCDk9B+eI73BextfRrVQl0oyzRG8B2BjORts6jbunj4ScKPcyXGTbB6eXL4y9TzxCm6hyeLq/2ASzNdw==
+
 jsdom@^16.6.0:
   version "16.7.0"
   resolved "https://registry.yarnpkg.com/jsdom/-/jsdom-16.7.0.tgz#918ae71965424b197c819f8183a754e18977b710"
@@ -8864,7 +9076,7 @@ object.fromentries@^2.0.5:
     define-properties "^1.1.3"
     es-abstract "^1.19.1"
 
-object.hasown@^1.1.0:
+object.hasown@^1.1.0, object.hasown@^1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/object.hasown/-/object.hasown-1.1.1.tgz#ad1eecc60d03f49460600430d97f23882cf592a3"
   integrity sha512-LYLe4tivNQzq4JdaWW6WO3HMZZJWzkkH8fnI6EebWl0VZth2wL2Lovm74ep2/gZzlaTdV62JZHEqHQ2yVn8Q/A==
@@ -9893,6 +10105,13 @@ prelude-ls@~1.1.2:
   resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.1.2.tgz#21932a549f5e52ffd9a827f570e04be62a97da54"
   integrity sha512-ESF23V4SKG6lVSGZgYNpbsiaAkdab6ZgOxe52p7+Kid3W3u3bxR4Vfd/o21dmN7jSt0IwgZ4v5MUd26FEtXE9w==
 
+prettier-linter-helpers@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/prettier-linter-helpers/-/prettier-linter-helpers-1.0.0.tgz#d23d41fe1375646de2d0104d3454a3008802cf7b"
+  integrity sha512-GbK2cP9nraSSUF9N2XwUwqfzlAFlMNYYl+ShE/V+H8a9uNl/oUqB1w2EL54Jh0OlyRSd8RfWYJ3coVS4TROP2w==
+  dependencies:
+    fast-diff "^1.1.2"
+
 prettier@2.7.1, prettier@^2.7.1:
   version "2.7.1"
   resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.7.1.tgz#e235806850d057f97bb08368a4f7d899f7760c64"
@@ -11107,7 +11326,7 @@ semver-compare@^1.0.0:
   resolved "https://registry.yarnpkg.com/semver/-/semver-5.7.1.tgz#a954f931aeba508d307bbf069eff0c01c96116f7"
   integrity sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==
 
-semver@7.x, semver@^7.3.2, semver@^7.3.4, semver@^7.3.5, semver@^7.3.7:
+semver@7.x, semver@^7.3.2, semver@^7.3.4, semver@^7.3.5, semver@^7.3.7, semver@^7.3.8:
   version "7.3.8"
   resolved "https://registry.yarnpkg.com/semver/-/semver-7.3.8.tgz#07a78feafb3f7b32347d725e33de7e2a2df67798"
   integrity sha512-NB1ctGL5rlHrPJtFDVIVzTyQylMLu9N9VICA6HSFJo8MCGVTMW6gfpicwKmmK/dAjTOrqu5l63JJOpDSrAis3A==
@@ -11588,7 +11807,7 @@ string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.2, string-width@^4.2
     is-fullwidth-code-point "^3.0.0"
     strip-ansi "^6.0.1"
 
-string.prototype.matchall@^4.0.6:
+string.prototype.matchall@^4.0.6, string.prototype.matchall@^4.0.7:
   version "4.0.7"
   resolved "https://registry.yarnpkg.com/string.prototype.matchall/-/string.prototype.matchall-4.0.7.tgz#8e6ecb0d8a1fb1fda470d81acecb2dba057a481d"
   integrity sha512-f48okCX7JiwVi1NXCVWcFnZgADDC/n2vePlQ/KUCNqCikLLilQvwjMO8+BHVKvgzH0JB0J9LEPgxOGT02RoETg==
@@ -11702,6 +11921,11 @@ stylehacks@^5.1.0:
     browserslist "^4.16.6"
     postcss-selector-parser "^6.0.4"
 
+stylelint-config-prettier@^9.0.3:
+  version "9.0.3"
+  resolved "https://registry.yarnpkg.com/stylelint-config-prettier/-/stylelint-config-prettier-9.0.3.tgz#0dccebeff359dcc393c9229184408b08964d561c"
+  integrity sha512-5n9gUDp/n5tTMCq1GLqSpA30w2sqWITSSEiAWQlpxkKGAUbjcemQ0nbkRvRUa0B1LgD3+hCvdL7B1eTxy1QHJg==
+
 stylelint-config-recommended@^5.0.0:
   version "5.0.0"
   resolved "https://registry.yarnpkg.com/stylelint-config-recommended/-/stylelint-config-recommended-5.0.0.tgz#fb5653f495a60b4938f2ad3e77712d9e1039ae78"
@@ -11714,6 +11938,13 @@ stylelint-config-standard@^22.0.0:
   dependencies:
     stylelint-config-recommended "^5.0.0"
 
+stylelint-prettier@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/stylelint-prettier/-/stylelint-prettier-2.0.0.tgz#ead781aea522379f2ffa2d136bafdfc451d699a5"
+  integrity sha512-jvT3G+9lopkeB0ARmDPszyfaOnvnIF+30QCjZxyt7E6fynI1T9mOKgYDNb9bXX17M7PXMZaX3j/26wqakjp1tw==
+  dependencies:
+    prettier-linter-helpers "^1.0.0"
+
 stylelint@^13.13.1:
   version "13.13.1"
   resolved "https://registry.yarnpkg.com/stylelint/-/stylelint-13.13.1.tgz#fca9c9f5de7990ab26a00f167b8978f083a18f3c"