feat: upload files with postage stamps (#126)

* chore: release 0.3.0

* feat: added postage stamp table to list all stamps

* feat: postage stamp modal to purchase stamps

* feat: postage stamps provider

* chore: added formik

* chore: proper form state handling

* chore: revert accidental release inclusion

* chore: polishing identified when developing the upload functionality

* feat: upload files with postage stamps

* style: tabs styles are defined in theme now, addressed other PR comments

* style: removed unused styles

* fix: enable encrypted hashes to download

Co-authored-by: bee-worker <70210089+bee-worker@users.noreply.github.com>

src/theme.tsx

@@ -1,4 +1,5 @@
-import { createMuiTheme } from '@material-ui/core/styles'
+import { createMuiTheme, Theme } from '@material-ui/core/styles'
+import { orange } from '@material-ui/core/colors'
 
 declare module '@material-ui/core/styles/createPalette' {
   interface TypeBackground {
@@ -6,6 +7,54 @@ declare module '@material-ui/core/styles/createPalette' {
   }
 }
 
+// Overwriting default components styles
+const componentsOverrides = (theme: Theme) => ({
+  MuiTab: {
+    root: {
+      backgroundColor: 'transparent',
+      fontWeight: theme.typography.fontWeightRegular,
+      marginRight: theme.spacing(4),
+      fontFamily: [
+        '-apple-system',
+        'BlinkMacSystemFont',
+        '"Segoe UI"',
+        'Roboto',
+        '"Helvetica Neue"',
+        'Arial',
+        'sans-serif',
+        '"Apple Color Emoji"',
+        '"Segoe UI Emoji"',
+        '"Segoe UI Symbol"',
+      ].join(','),
+      '&:hover': {
+        color: theme.palette.secondary,
+        opacity: 1,
+      },
+      '&$selected': {
+        color: theme.palette.secondary,
+        fontWeight: theme.typography.fontWeightMedium,
+      },
+      '&:focus': {
+        color: theme.palette.secondary,
+      },
+    },
+  },
+  MuiTabs: {
+    root: {
+      borderBottom: 'none',
+    },
+    indicator: {
+      backgroundColor: theme.palette.primary.main,
+    },
+  },
+})
+
+const propsOverrides = {
+  MuiTab: {
+    disableRipple: true,
+  },
+}
+
 export const lightTheme = createMuiTheme({
   palette: {
     type: 'light',
@@ -13,7 +62,9 @@ export const lightTheme = createMuiTheme({
       default: '#fafafa',
     },
     primary: {
-      main: '#6a6a6a',
+      light: orange.A200,
+      main: '#dd7700',
+      dark: orange[800],
     },
     secondary: {
       main: '#333333',
@@ -32,7 +83,9 @@ export const darkTheme = createMuiTheme({
       paper: '#161b22',
     },
     primary: {
+      light: orange.A200,
       main: '#dd7700',
+      dark: orange[800],
     },
     secondary: {
       main: '#1f2937',
@@ -42,3 +95,8 @@ export const darkTheme = createMuiTheme({
     fontFamily: ['Work Sans', 'Montserrat', 'Nunito', 'Roboto', '"Helvetica Neue"', 'Arial', 'sans-serif'].join(','),
   },
 })
+
+darkTheme.overrides = componentsOverrides(darkTheme)
+darkTheme.props = propsOverrides
+lightTheme.overrides = componentsOverrides(lightTheme)
+lightTheme.props = propsOverrides