From 99da7e7ad0f836c018d974fddc7f934c5c81a5dc Mon Sep 17 00:00:00 2001
From: Eug-VS <eug-vs@keemail.me>
Date: Thu, 6 Feb 2020 17:00:42 +0300
Subject: feat: migrate BenzinThemeProvider to Typescript

---
 src/lib/BenzinThemeProvider/BenzinThemeProvider.js | 40 ------------------
 .../BenzinThemeProvider/BenzinThemeProvider.tsx    | 49 ++++++++++++++++++++++
 2 files changed, 49 insertions(+), 40 deletions(-)
 delete mode 100644 src/lib/BenzinThemeProvider/BenzinThemeProvider.js
 create mode 100644 src/lib/BenzinThemeProvider/BenzinThemeProvider.tsx

diff --git a/src/lib/BenzinThemeProvider/BenzinThemeProvider.js b/src/lib/BenzinThemeProvider/BenzinThemeProvider.js
deleted file mode 100644
index 8e52ed4..0000000
--- a/src/lib/BenzinThemeProvider/BenzinThemeProvider.js
+++ /dev/null
@@ -1,40 +0,0 @@
-import React from 'react';
-import { createMuiTheme, ThemeProvider } from '@material-ui/core/styles';
-import { CssBaseline } from '@material-ui/core';
-import 'typeface-roboto';
-
-
-const benzinTheme = createMuiTheme({
-  palette: {
-    type: 'dark',
-    primary: {
-      main: '#ffa726',
-    },
-    secondary: {
-      main: '#9c27b0',
-    },
-    background: {
-      default: '#121212',
-      paper: '#1e1e1e',
-      elevation1: '#1e1e1e',
-      elevation2: '#232323',
-      elevation3: '#252525',
-    },
-    text: {
-      primary: '#f4f4f4',
-      secondary: 'rgba(255, 255, 255, 0.6)',
-    }
-  },
-});
-
-
-const BenzinThemeProvider = ({ children }) => (
-  <ThemeProvider theme={benzinTheme}>
-    <CssBaseline />
-    {children}
-  </ThemeProvider>
-);
-
-
-export default BenzinThemeProvider;
-
diff --git a/src/lib/BenzinThemeProvider/BenzinThemeProvider.tsx b/src/lib/BenzinThemeProvider/BenzinThemeProvider.tsx
new file mode 100644
index 0000000..efb4f86
--- /dev/null
+++ b/src/lib/BenzinThemeProvider/BenzinThemeProvider.tsx
@@ -0,0 +1,49 @@
+import React from 'react';
+import { createMuiTheme, ThemeProvider } from '@material-ui/core/styles';
+import { CssBaseline } from '@material-ui/core';
+import 'typeface-roboto';
+
+
+declare module '@material-ui/core/styles/createPalette' {
+  interface TypeBackground {
+      elevation1: string;
+      elevation2: string;
+      elevation3: string;
+  }
+}
+
+
+const benzinTheme = createMuiTheme({
+  palette: {
+    type: 'dark',
+    primary: {
+      main: '#ffa726',
+    },
+    secondary: {
+      main: '#9c27b0',
+    },
+    background: {
+      default: '#121212',
+      paper: '#1e1e1e',
+      elevation1: '#1e1e1e',
+      elevation2: '#232323',
+      elevation3: '#252525',
+    },
+    text: {
+      primary: '#f4f4f4',
+      secondary: 'rgba(255, 255, 255, 0.6)',
+    }
+  },
+});
+
+
+const BenzinThemeProvider: React.FC = ({ children }) => (
+  <ThemeProvider theme={benzinTheme}>
+    <CssBaseline />
+    {children}
+  </ThemeProvider>
+);
+
+
+export default BenzinThemeProvider;
+
-- 
cgit v1.2.3