{"version":3,"file":"renderCheckinCell-uqn0KX5-.js","sources":["../../../app/javascript/components/grids/CheckinCell/CheckinCell.tsx","../../../app/javascript/components/grids/CheckinCell/renderCheckinCell.tsx"],"sourcesContent":["import React, { FC, useEffect, useState } from \"react\";\n\nimport railsFetch from \"../../railsFetch\";\nimport { RegistrationCheckPoint } from \"./types\";\n\nexport interface CheckinCellProps {\n  checkPoint: RegistrationCheckPoint;\n}\n\nexport const CheckinCell: FC<CheckinCellProps> = ({\n  checkPoint: initialCheckpoint,\n}) => {\n  const [checkPoint, setCheckPoint] =\n    useState<RegistrationCheckPoint>(initialCheckpoint);\n  const [loading, setLoading] = useState<boolean>(false);\n\n  useEffect(() => setCheckPoint(initialCheckpoint), [initialCheckpoint]);\n\n  const handleChange = async () => {\n    if (loading) return;\n    try {\n      await railsFetch(checkPoint.url, {\n        method: checkPoint.arrived ? \"DELETE\" : \"PUT\",\n      });\n      setCheckPoint({ ...checkPoint, arrived: !checkPoint.arrived });\n      setLoading(false);\n    } catch (e) {\n      console.error(e);\n    }\n  };\n\n  const classes = checkPoint.arrived ? \"button danger\" : \"button action\";\n  const text = checkPoint.arrived ? \"Check out\" : \"Check in\";\n  return (\n    <td>\n      <div className=\"button-group\">\n        <button\n          type=\"button\"\n          className={classes}\n          disabled={loading}\n          onClick={handleChange}\n        >\n          {text}\n        </button>\n      </div>\n    </td>\n  );\n};\n","import React from \"react\";\nimport { CellRenderFunction } from \"@getregistered/greg-editors/\";\nimport { CellRenderer } from \"@getregistered/greg-editors\";\nimport { RegistrationCheckPoint } from \"./types\";\nimport { CheckinCell } from \"./CheckinCell\";\n\nexport const renderCheckinCell: CellRenderFunction = ({ row, column }) => {\n  if (column.type === \"checkpoint\") {\n    const checkPoint = row[column.key] as RegistrationCheckPoint;\n    if (checkPoint.attending) {\n      return (\n        <CheckinCell\n          key={[row.id, column.key].join(\"-\")}\n          checkPoint={checkPoint}\n        />\n      );\n    } else {\n      return <td>NOT ATTENDING</td>;\n    }\n  } else {\n    return <CellRenderer row={row} column={column} />;\n  }\n};\n"],"names":["CheckinCell","__name","initialCheckpoint","checkPoint","setCheckPoint","useState","loading","setLoading","useEffect","handleChange","railsFetch","e","classes","text","React","renderCheckinCell","row","column","CellRenderer"],"mappings":"wLASO,MAAMA,EAAoCC,EAAA,CAAC,CAChD,WAAYC,CACd,IAAM,CACJ,KAAM,CAACC,EAAYC,CAAa,EAC9BC,EAAAA,SAAiCH,CAAiB,EAC9C,CAACI,EAASC,CAAU,EAAIF,EAAAA,SAAkB,EAAK,EAErDG,EAAAA,UAAU,IAAMJ,EAAcF,CAAiB,EAAG,CAACA,CAAiB,CAAC,EAErE,MAAMO,EAAeR,EAAA,SAAY,CAC/B,GAAI,CAAAK,EACA,GAAA,CACI,MAAAI,EAAWP,EAAW,IAAK,CAC/B,OAAQA,EAAW,QAAU,SAAW,KAAA,CACzC,EACDC,EAAc,CAAE,GAAGD,EAAY,QAAS,CAACA,EAAW,QAAS,EAC7DI,EAAW,EAAK,QACTI,EAAG,CACV,QAAQ,MAAMA,CAAC,CAAA,CAEnB,EAXqB,gBAafC,EAAUT,EAAW,QAAU,gBAAkB,gBACjDU,EAAOV,EAAW,QAAU,YAAc,WAChD,OACGW,EAAA,cAAA,KAAA,KACEA,EAAA,cAAA,MAAA,CAAI,UAAU,cACb,EAAAA,EAAA,cAAC,SAAA,CACC,KAAK,SACL,UAAWF,EACX,SAAUN,EACV,QAASG,CAAA,EAERI,CAAA,CAEL,CACF,CAEJ,EAtCiD,eCHpCE,EAAwCd,EAAA,CAAC,CAAE,IAAAe,EAAK,OAAAC,KAAa,CACpE,GAAAA,EAAO,OAAS,aAAc,CAC1B,MAAAd,EAAaa,EAAIC,EAAO,GAAG,EACjC,OAAId,EAAW,UAEXW,EAAA,cAACd,EAAA,CACC,IAAK,CAACgB,EAAI,GAAIC,EAAO,GAAG,EAAE,KAAK,GAAG,EAClC,WAAAd,CAAA,CACF,EAGKW,EAAA,cAAC,UAAG,eAAa,CAC1B,KAEO,QAAAA,EAAA,cAACI,EAAa,CAAA,IAAAF,EAAU,OAAAC,CAAgB,CAAA,CAEnD,EAhBqD"}