Unable to drag alpha

import {SketchPicker} from 'react-color'

<SketchPicker/>

alpha slider unable to work

[Dror-Bar]

@dmitriy-komarov try this:

const decimalToHex = (alpha: number) => alpha === 0 ? '00' : Math.round(255 * alpha).toString(16)

const handleColorChange = (color: ColorResult) => {
   const hexCode = `${c.hex}${decimalToHex(c.rgb.a)}` 
}

Solution from the thread I linked.

[Dongd0825]

@dmitriy-komarov try this:

const decimalToHex = (alpha: number) => alpha === 0 ? '00' : Math.round(255 * alpha).toString(16)

const handleColorChange = (color: ColorResult) => {
   const hexCode = `${c.hex}${decimalToHex(c.rgb.a)}` 
}

Solution from the thread I linked.

enhance version

const decimalToHex = (alpha: number) => {
     let aHex = Math.round(255 * alpha).toString(16);
     return alpha === 0 ? '00' : aHex.length < 2 ? `0${aHex}` : aHex;
}

const handleColorChange = (color: ColorResult) => {
  const hexCode = `${color.hex}${decimalToHex(color?.rgb?.a ?? defaultAlpha)}`;
};