37 lines
1.2 KiB
TypeScript
37 lines
1.2 KiB
TypeScript
import React, { useState } from 'react'
|
|
|
|
interface CurrTimeStampAttrInt {
|
|
type: string;
|
|
handlePropertyChange: (changeTo: string, changeWith: string | boolean | number) => void;
|
|
}
|
|
|
|
const CurrTimeStampAttr: React.FC<CurrTimeStampAttrInt> = ({ type, handlePropertyChange}) => {
|
|
|
|
const [isCurrentTimeStamp, setIsCurrentTimeStamp] = useState<boolean>(true);
|
|
|
|
const handleIsCurrentTimeStamp = (checked: boolean) => {
|
|
if (type.toLowerCase() === "temporal") {
|
|
setIsCurrentTimeStamp(checked)
|
|
handlePropertyChange("currentTimeStamp", checked);
|
|
}
|
|
}
|
|
|
|
return (
|
|
<div className="flex justify-between items-center border-1 p-1.5 rounded-sm border-slate-200">
|
|
<label
|
|
className="text-slate-600 transitions-all duration-150 font-medium"
|
|
htmlFor="use_current_timestamp"
|
|
>
|
|
Use Current Timestamp
|
|
</label>
|
|
<input
|
|
checked={isCurrentTimeStamp ? isCurrentTimeStamp : false}
|
|
onChange={(e) => handleIsCurrentTimeStamp(e.target.checked)}
|
|
id="use_current_timestamp"
|
|
type="checkbox"
|
|
/>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default CurrTimeStampAttr |