layout responsivo 2ª parte

This commit is contained in:
ertprs
2021-09-07 13:00:51 -03:00
parent 50d6c42345
commit 4bf8ac4521
15 changed files with 2108 additions and 1951 deletions

View File

@@ -4,28 +4,28 @@ import React, { useState } from "react";
import { GithubPicker } from "react-color";
const ColorPicker = ({ onChange, currentColor, handleClose, open }) => {
const [selectedColor, setSelectedColor] = useState(currentColor);
const [selectedColor, setSelectedColor] = useState(currentColor);
const handleChange = color => {
setSelectedColor(color.hex);
handleClose();
};
const handleChange = (color) => {
setSelectedColor(color.hex);
handleClose();
};
return (
<Dialog
onClose={handleClose}
aria-labelledby="simple-dialog-title"
open={open}
>
<GithubPicker
width={"100%"}
triangle="hide"
color={selectedColor}
onChange={handleChange}
onChangeComplete={color => onChange(color.hex)}
/>
</Dialog>
);
return (
<Dialog
onClose={handleClose}
aria-labelledby="simple-dialog-title"
open={open}
>
<GithubPicker
width={"100%"}
triangle="hide"
color={selectedColor}
onChange={handleChange}
onChangeComplete={(color) => onChange(color.hex)}
/>
</Dialog>
);
};
export default ColorPicker;