mirror/checktheroads-hyperglass
1
0
Fork 0
mirror of https://github.com/checktheroads/hyperglass synced 2024-05-11 05:55:08 +00:00
Code Releases Activity

Refactor React components & update deps

Browse Source
This commit is contained in:
checktheroads
2020-07-05 17:20:10 -07:00
parent 6ea8dfe975
commit 79c271b0ce
56 changed files with 1231 additions and 1272 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
hyperglass/ui/components/SubmitButton.js
View File

@@ -1,4 +1,5 @@
import React from "react";
import * as React from "react";
import { forwardRef } from "react";
import {
Box,
PseudoBox,
@@ -54,7 +55,11 @@ const btnSizeMap = {
}
};
const SubmitButton = React.forwardRef(
const btnBg = { dark: "primary.300", light: "primary.500" };
const btnBgActive = { dark: "primary.400", light: "primary.600" };
const btnBgHover = { dark: "primary.200", light: "primary.400" };
const SubmitButton = forwardRef(
(
{
isLoading = false,
@@ -71,18 +76,6 @@ const SubmitButton = React.forwardRef(
const _isDisabled = isDisabled || isLoading;
const { colorMode } = useColorMode();
const theme = useTheme();
const btnBg = {
dark: theme.colors.primary[300],
light: theme.colors.primary[500]
};
const btnBgActive = {
dark: theme.colors.primary[400],
light: theme.colors.primary[600]
};
const btnBgHover = {
dark: theme.colors.primary[200],
light: theme.colors.primary[400]
};
const btnColor = opposingColor(theme, btnBg[colorMode]);
const btnColorActive = opposingColor(theme, btnBgActive[colorMode]);
const btnColorHover = opposingColor(theme, btnBgHover[colorMode]);
@@ -126,5 +119,4 @@ const SubmitButton = React.forwardRef(
}
);
SubmitButton.displayName = "SubmitButton";
export default SubmitButton;