Replace burger menu icon with gear icon (#178)

pull/179/head
Artem 3 years ago committed by GitHub
parent 3439d27ca8
commit ccc62bc65f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
  1. 3
      src/components/appHeader/ConfigureButton.tsx
  2. 16
      src/components/ui/icons.tsx

@ -15,6 +15,7 @@ import {
setCurrency,
currencyType,
} from "src/hooks/ONE-ETH-SwitcherHook";
import { GearIcon } from "../ui/icons";
export function ConfigureButton() {
const theme = useThemeMode();
@ -23,7 +24,7 @@ export function ConfigureButton() {
return (
<DropButton
label={<Menu size="medium" color={'#fff'} />}
label={<GearIcon size="24px" color={'#fff'} />}
dropAlign={{ top: "bottom", right: "right" }}
style={{
height: '32px',

@ -104,3 +104,19 @@ export function LatencyIcon(props: IIconProps) {
// </svg>
// );
// }
export function GearIcon(props: IIconProps) {
const theme = React.useContext(ThemeContext);
const { size = "24px", color = theme.global.palette.Grey } = props;
return (
<svg width={size}
height={size}
version="1.1"
viewBox="0 0 512 512"
fill={theme.global.colors[color] || color}
>
<path d="M424.5,216.5h-15.2c-12.4,0-22.8-10.7-22.8-23.4c0-6.4,2.7-12.2,7.5-16.5l9.8-9.6c9.7-9.6,9.7-25.3,0-34.9l-22.3-22.1 c-4.4-4.4-10.9-7-17.5-7c-6.6,0-13,2.6-17.5,7l-9.4,9.4c-4.5,5-10.5,7.7-17,7.7c-12.8,0-23.5-10.4-23.5-22.7V89.1 c0-13.5-10.9-25.1-24.5-25.1h-30.4c-13.6,0-24.4,11.5-24.4,25.1v15.2c0,12.3-10.7,22.7-23.5,22.7c-6.4,0-12.3-2.7-16.6-7.4l-9.7-9.6 c-4.4-4.5-10.9-7-17.5-7s-13,2.6-17.5,7L110,132c-9.6,9.6-9.6,25.3,0,34.8l9.4,9.4c5,4.5,7.8,10.5,7.8,16.9 c0,12.8-10.4,23.4-22.8,23.4H89.2c-13.7,0-25.2,10.7-25.2,24.3V256v15.2c0,13.5,11.5,24.3,25.2,24.3h15.2 c12.4,0,22.8,10.7,22.8,23.4c0,6.4-2.8,12.4-7.8,16.9l-9.4,9.3c-9.6,9.6-9.6,25.3,0,34.8l22.3,22.2c4.4,4.5,10.9,7,17.5,7 c6.6,0,13-2.6,17.5-7l9.7-9.6c4.2-4.7,10.2-7.4,16.6-7.4c12.8,0,23.5,10.4,23.5,22.7v15.2c0,13.5,10.8,25.1,24.5,25.1h30.4 c13.6,0,24.4-11.5,24.4-25.1v-15.2c0-12.3,10.7-22.7,23.5-22.7c6.4,0,12.4,2.8,17,7.7l9.4,9.4c4.5,4.4,10.9,7,17.5,7 c6.6,0,13-2.6,17.5-7l22.3-22.2c9.6-9.6,9.6-25.3,0-34.9l-9.8-9.6c-4.8-4.3-7.5-10.2-7.5-16.5c0-12.8,10.4-23.4,22.8-23.4h15.2 c13.6,0,23.3-10.7,23.3-24.3V256v-15.2C447.8,227.2,438.1,216.5,424.5,216.5z M336.8,256L336.8,256c0,44.1-35.7,80-80,80 c-44.3,0-80-35.9-80-80l0,0l0,0c0-44.1,35.7-80,80-80C301.1,176,336.8,211.9,336.8,256L336.8,256z"/>
</svg>
);
}

Loading…
Cancel
Save