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-left items-center gap-1.5 mt-0.5">
|
|
<label
|
|
className={`text-xs ${isCurrentTimeStamp ? "text-slate-600" : "text-slate-400"} transitions-all duration-150`}
|
|
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 |