Changing of deprecated antd props.

2023-01-17 20:00:29 -08:00
parent 7bd83557c1
commit 533a5b87ec
61 changed files with 66 additions and 66 deletions
--- a/client/src/components/allocations-assignment/allocations-assignment.component.jsx
+++ b/client/src/components/allocations-assignment/allocations-assignment.component.jsx
@@ -61,7 +61,7 @@ export function AllocationsAssignmentComponent({
  );

  return (
-    <Popover content={popContent} visible={visibility}>
+    <Popover content={popContent} open={visibility}>
      <Button onClick={() => setVisibility(true)}>
        {t("allocations.actions.assign")}
      </Button>
--- a/client/src/components/allocations-bulk-assignment/allocations-bulk-assignment.component.jsx
+++ b/client/src/components/allocations-bulk-assignment/allocations-bulk-assignment.component.jsx
@@ -59,7 +59,7 @@ export default connect(
  );

  return (
-    <Popover content={popContent} visible={visibility}>
+    <Popover content={popContent} open={visibility}>
      <Button disabled={disabled} onClick={() => setVisibility(true)}>
        {t("allocations.actions.assign")}
      </Button>
--- a/client/src/components/bill-detail-edit/bill-detail-edit-component.jsx
+++ b/client/src/components/bill-detail-edit/bill-detail-edit-component.jsx
@@ -178,7 +178,7 @@ export function BillDetailEditcontainer({
                <BillDetailEditReturn data={data} />

                <Popconfirm
-                  visible={visible}
+                  open={visible}
                  onConfirm={() => form.submit()}
                  onCancel={() => setVisible(false)}
                  okButtonProps={{ loading: updateLoading }}
--- a/client/src/components/bill-detail-edit/bill-detail-edit-return.component.jsx
+++ b/client/src/components/bill-detail-edit/bill-detail-edit-return.component.jsx
@@ -77,7 +77,7 @@ export function BillDetailEditReturn({
  return (
    <>
      <Modal
-        visible={visible}
+        open={visible}
        onCancel={() => setVisible(false)}
        destroyOnClose
        title={t("bills.actions.return")}
--- a/client/src/components/bill-detail-edit/bill-detail-edit.container.jsx
+++ b/client/src/components/bill-detail-edit/bill-detail-edit.container.jsx
@@ -32,7 +32,7 @@ export default function BillDetailEditcontainer() {
        history.push({ search: queryString.stringify(search) });
      }}
      destroyOnClose
-      visible={search.billid}
+      open={search.billid}
    >
      <BillDetailEditComponent />
    </Drawer>
--- a/client/src/components/bill-enter-modal/bill-enter-modal.container.jsx
+++ b/client/src/components/bill-enter-modal/bill-enter-modal.container.jsx
@@ -344,7 +344,7 @@ function BillEnterModalContainer({
    <Modal
      title={t("bills.labels.new")}
      width={"98%"}
-      visible={billEnterModal.visible}
+      open={billEnterModal.visible}
      okText={t("general.actions.save")}
      keyboard="false"
      onOk={() => form.submit()}
--- a/client/src/components/ca-bc-etf-table-modal/ca-bc-etf-table-modal.container.jsx
+++ b/client/src/components/ca-bc-etf-table-modal/ca-bc-etf-table-modal.container.jsx
@@ -70,7 +70,7 @@ export function ContractsFindModalContainer({

  return (
    <Modal
-      visible={visible}
+      open={visible}
      width="70%"
      title={t("payments.labels.findermodal")}
      onCancel={() => toggleModalVisible()}
--- a/client/src/components/ca-bc-pvrt-calculator/ca-bc-pvrt-calculator.component.jsx
+++ b/client/src/components/ca-bc-pvrt-calculator/ca-bc-pvrt-calculator.component.jsx
@@ -35,7 +35,7 @@ export default function CABCpvrtCalculator({ disabled, form }) {
    <Popover
      destroyTooltipOnHide
      content={popContent}
-      visible={visibility}
+      open={visibility}
      disabled={disabled}
    >
      <Button disabled={disabled} onClick={() => setVisibility(true)}>
--- a/client/src/components/chat-media-selector/chat-media-selector.component.jsx
+++ b/client/src/components/chat-media-selector/chat-media-selector.component.jsx
@@ -88,8 +88,8 @@ export function ChatMediaSelector({
      }
      title={t("messaging.labels.selectmedia")}
      trigger="click"
-      visible={visible}
-      onVisibleChange={handleVisibleChange}
+      open={visible}
+      onOpenChange={handleVisibleChange}
    >
      <Badge count={selectedMedia.filter((s) => s.isSelected).length}>
        <PictureFilled style={{ margin: "0 .5rem" }} />
--- a/client/src/components/contract-convert-to-ro/contract-convert-to-ro.component.jsx
+++ b/client/src/components/contract-convert-to-ro/contract-convert-to-ro.component.jsx
@@ -390,7 +390,7 @@ export function ContractConvertToRo({

  return (
    <div>
-      <Popover content={popContent} visible={visible}>
+      <Popover content={popContent} open={visible}>
        <Button
          onClick={() => setVisible(true)}
          loading={loading}
--- a/client/src/components/contract-license-decode-button/contract-license-decode-button.component.jsx
+++ b/client/src/components/contract-license-decode-button/contract-license-decode-button.component.jsx
@@ -55,7 +55,7 @@ export default function ContractLicenseDecodeButton({ form }) {
  return (
    <div>
      <Modal
-        visible={modalVisible}
+        open={modalVisible}
        okText={t("contracts.actions.senddltoform")}
        onOk={handleInsertForm}
        okButtonProps={{ disabled: !!!decodedBarcode }}
--- a/client/src/components/contracts-find-modal/contracts-find-modal.container.jsx
+++ b/client/src/components/contracts-find-modal/contracts-find-modal.container.jsx
@@ -59,7 +59,7 @@ export function ContractsFindModalContainer({

  return (
    <Modal
-      visible={visible}
+      open={visible}
      width="70%"
      title={t("contracts.labels.findermodal")}
      onCancel={() => toggleModalVisible()}
--- a/client/src/components/courtesy-car-return-modal/courtesy-car-return-modal.container.jsx
+++ b/client/src/components/courtesy-car-return-modal/courtesy-car-return-modal.container.jsx
@@ -64,7 +64,7 @@ export function CCReturnModalContainer({
  return (
    <Modal
      title={t("courtesycars.labels.return")}
-      visible={visible}
+      open={visible}
      onCancel={() => toggleModalVisible()}
      width={"90%"}
      okText={t("general.actions.save")}
--- a/client/src/components/dms-cdk-makes/dms-cdk-makes.component.jsx
+++ b/client/src/components/dms-cdk-makes/dms-cdk-makes.component.jsx
@@ -51,7 +51,7 @@ export function DmsCdkVehicles({ bodyshop, form, socket, job }) {
    <>
      <Modal
        width={"90%"}
-        visible={visible}
+        open={visible}
        onCancel={() => setVisible(false)}
        onOk={() => {
          form.setFieldsValue({
--- a/client/src/components/email-overlay/email-overlay.container.jsx
+++ b/client/src/components/email-overlay/email-overlay.container.jsx
@@ -174,7 +174,7 @@ export function EmailOverlayContainer({
  return (
    <Modal
      destroyOnClose={true}
-      visible={modalVisible}
+      open={modalVisible}
      maskClosable={false}
      width={"80%"}
      onOk={() => form.submit()}
--- a/client/src/components/form-input-number-calculator/form-input-number-calculator.component.jsx
+++ b/client/src/components/form-input-number-calculator/form-input-number-calculator.component.jsx
@@ -94,7 +94,7 @@ const FormInputNUmberCalculator = (

  return (
    <div>
-      <Popover content={popContent} visible={history.length > 0}>
+      <Popover content={popContent} open={history.length > 0}>
        <InputNumber
          ref={ref}
          value={value}
--- a/client/src/components/inventory-upsert-modal/inventory-upsert-modal.container.jsx
+++ b/client/src/components/inventory-upsert-modal/inventory-upsert-modal.container.jsx
@@ -103,7 +103,7 @@ export function InventoryUpsertModalContainer({
          ? t("inventory.actions.edit")
          : t("inventory.actions.new")
      }
-      visible={visible}
+      open={visible}
      okText={t("general.actions.save")}
      onOk={() => {
        form.submit();
--- a/client/src/components/job-3rd-party-modal/job-3rd-party-modal.component.jsx
+++ b/client/src/components/job-3rd-party-modal/job-3rd-party-modal.component.jsx
@@ -96,7 +96,7 @@ export function Jobd3RdPartyModal({ bodyshop, jobId, job }) {
  return (
    <>
      <Button onClick={showModal}>{t("printcenter.jobs.3rdpartypayer")}</Button>
-      <Modal visible={isModalVisible} onOk={handleOk} onCancel={handleCancel}>
+      <Modal open={isModalVisible} onOk={handleOk} onCancel={handleCancel}>
        <Form
          onFinish={handleFinish}
          autoComplete={"off"}
--- a/client/src/components/job-at-change/schedule-event.component.jsx
+++ b/client/src/components/job-at-change/schedule-event.component.jsx
@@ -283,8 +283,8 @@ export function ScheduleEventComponent({

  return (
    <Popover
-      visible={visible}
-      onVisibleChange={(vis) => !event.vacation && setVisible(vis)}
+      open={visible}
+      onOpenChange={(vis) => !event.vacation && setVisible(vis)}
      trigger="click"
      content={event.block ? blockContent : popoverContent}
      style={{
--- a/client/src/components/job-costing-modal/job-costing-modal.container.jsx
+++ b/client/src/components/job-costing-modal/job-costing-modal.container.jsx
@@ -39,7 +39,7 @@ export function JobCostingModalContainer({

  return (
    <Modal
-      visible={visible}
+    open={visible}
      title={t("jobs.labels.jobcosting")}
      onOk={() => {
        toggleModalVisible();
--- a/client/src/components/job-detail-cards/job-detail-cards.component.jsx
+++ b/client/src/components/job-detail-cards/job-detail-cards.component.jsx
@@ -76,7 +76,7 @@ export function JobDetailCards({ bodyshop, setPrintCenterContext }) {

  return (
    <Drawer
-      visible={!!selected}
+      open={!!selected}
      destroyOnClose
      width={drawerPercentage}
      placement="right"
--- a/client/src/components/job-employee-assignments/job-employee-assignments.component.jsx
+++ b/client/src/components/job-employee-assignments/job-employee-assignments.component.jsx
@@ -87,7 +87,7 @@ export function JobEmployeeAssignments({
  );

  return (
-    <Popover destroyTooltipOnHide content={popContent} visible={visibility}>
+    <Popover destroyTooltipOnHide content={popContent} open={visibility}>
      <Spin spinning={loading}>
        <DataLabel label={t("jobs.fields.employee_body")}>
          {body ? (
--- a/client/src/components/job-line-convert-to-labor/job-line-convert-to-labor.component.jsx
+++ b/client/src/components/job-line-convert-to-labor/job-line-convert-to-labor.component.jsx
@@ -225,7 +225,7 @@ export function JobLineConvertToLabor({
        <Popover
          disabled={jobline.convertedtolbr}
          content={overlay}
-          visible={visibility}
+          open={visibility}
          placement="bottom"
        >
          <Tooltip title={t("joblines.actions.converttolabor")}>
--- a/client/src/components/job-lines-upsert-modal/job-lines-upsert-modal.component.jsx
+++ b/client/src/components/job-lines-upsert-modal/job-lines-upsert-modal.component.jsx
@@ -49,7 +49,7 @@ export function JobLinesUpsertModalComponent({
          : t("joblines.labels.new")
      }
      forceRender
-      visible={visible}
+      open={visible}
      width="60%"
      okText={t("general.actions.save")}
      onOk={() => form.submit()}
--- a/client/src/components/job-reconciliation-modal/job-reconciliation.modal.container.jsx
+++ b/client/src/components/job-reconciliation-modal/job-reconciliation.modal.container.jsx
@@ -42,7 +42,7 @@ function JobReconciliationModalContainer({
    <Modal
      title={t("jobs.labels.reconciliationheader")}
      width={"95%"}
-      visible={visible}
+      open={visible}
      okText={t("general.actions.close")}
      onOk={handleCancel}
      onCancel={handleCancel}
--- a/client/src/components/job-scoreboard-add-button/job-scoreboard-add-button.component.jsx
+++ b/client/src/components/job-scoreboard-add-button/job-scoreboard-add-button.component.jsx
@@ -186,7 +186,7 @@ export default function ScoreboardAddButton({
  };

  return (
-    <Popover content={overlay} visible={visibility} placement="bottom">
+    <Popover content={overlay} open={visibility} placement="bottom">
      <Button
        loading={loading}
        disabled={disabled}
--- a/client/src/components/jobs-convert-button/jobs-convert-button.component.jsx
+++ b/client/src/components/jobs-convert-button/jobs-convert-button.component.jsx
@@ -226,7 +226,7 @@ export function JobsConvertButton({
  if (job.converted) return <></>;

  return (
-    <Popover visible={visible} content={popMenu}>
+    <Popover open={visible} content={popMenu}>
      <Button
        key="convert"
        type="danger"
--- a/client/src/components/jobs-documents-gallery/jobs-document-gallery.reassign.component.jsx
+++ b/client/src/components/jobs-documents-gallery/jobs-document-gallery.reassign.component.jsx
@@ -159,7 +159,7 @@ export function JobsDocumentsGalleryReassign({
  );

  return (
-    <Popover content={popContent} visible={visible}>
+    <Popover content={popContent} open={visible}>
      <Button
        disabled={selectedImages.length < 1}
        onClick={() => setVisible(true)}
--- a/client/src/components/jobs-documents-local-gallery/jobs-documents-local-gallery.reassign.component.jsx
+++ b/client/src/components/jobs-documents-local-gallery/jobs-documents-local-gallery.reassign.component.jsx
@@ -83,7 +83,7 @@ export function JobsDocumentsLocalGalleryReassign({
  );

  return (
-    <Popover content={popContent} visible={visible}>
+    <Popover content={popContent} open={visible}>
      <Button
        //disabled={selectedImages.length < 1}
        onClick={() => setVisible(true)}
--- a/client/src/components/labor-allocations-adjustment-edit/labor-allocations-adjustment-edit.component.jsx
+++ b/client/src/components/labor-allocations-adjustment-edit/labor-allocations-adjustment-edit.component.jsx
@@ -171,8 +171,8 @@ export function LaborAllocationsAdjustmentEdit({

  return (
    <Popover
-      visible={visible}
-      onVisibleChange={(vis) => setVisible(vis)}
+      open={visible}
+      onOpenChange={(vis) => setVisible(vis)}
      content={overlay}
      trigger="click"
    >
--- a/client/src/components/note-upsert-modal/note-upsert-modal.container.jsx
+++ b/client/src/components/note-upsert-modal/note-upsert-modal.container.jsx
@@ -117,7 +117,7 @@ export function NoteUpsertModalContainer({
  return (
    <Modal
      title={existingNote ? t("notes.actions.edit") : t("notes.actions.new")}
-      visible={visible}
+      open={visible}
      okText={t("general.actions.save")}
      onOk={() => {
        form.submit();
--- a/client/src/components/parts-order-backorder-eta/parts-order-backorder-eta.component.jsx
+++ b/client/src/components/parts-order-backorder-eta/parts-order-backorder-eta.component.jsx
@@ -76,7 +76,7 @@ export function PartsOrderBackorderEta({
    <Popover
      destroyTooltipOnHide
      content={popContent}
-      visible={visibility}
+      open={visibility}
      disabled={disabled}
    >
      <DateFormatter>{backordered_eta}</DateFormatter>
--- a/client/src/components/parts-order-line-backorder-button/parts-order-line-backorder-button.component.jsx
+++ b/client/src/components/parts-order-line-backorder-button/parts-order-line-backorder-button.component.jsx
@@ -92,7 +92,7 @@ export function PartsOrderLineBackorderButton({
    <Popover
      destroyTooltipOnHide
      content={popContent}
-      visible={visibility}
+      open={visibility}
      disabled={disabled}
    >
      <Button loading={loading} onClick={handlePopover}>
--- a/client/src/components/parts-order-list-table/parts-order-list-table.component.jsx
+++ b/client/src/components/parts-order-list-table/parts-order-list-table.component.jsx
@@ -471,7 +471,7 @@ export function PartsOrderListTableComponent({
      <Drawer
        placement="right"
        onClose={() => handleOnRowClick(null)}
-        visible={selectedpartsorder}
+        open={selectedpartsorder}
        closable
        width={drawerPercentage}
      >
--- a/client/src/components/parts-order-modal/parts-order-modal.container.jsx
+++ b/client/src/components/parts-order-modal/parts-order-modal.container.jsx
@@ -350,7 +350,7 @@ export function PartsOrderModalContainer({

  return (
    <Modal
-      visible={visible}
+    open={visible}
      title={
        isReturn
          ? `${t("parts_orders.labels.returnpartsorder")} ${invoiceNumber}`
--- a/client/src/components/parts-receive-modal/parts-receive-modal.container.jsx
+++ b/client/src/components/parts-receive-modal/parts-receive-modal.container.jsx
@@ -92,7 +92,7 @@ export function PartsReceiveModalContainer({

  return (
    <Modal
-      visible={visible}
+    open={visible}
      title={t("parts_orders.labels.receive")}
      onCancel={() => toggleModalVisible()}
      onOk={() => form.submit()}
--- a/client/src/components/payable-mark-selected-exported/payable-mark-selected-exported.component.jsx
+++ b/client/src/components/payable-mark-selected-exported/payable-mark-selected-exported.component.jsx
@@ -90,7 +90,7 @@ export function BillMarkSelectedExported({

  return (
    <Popconfirm
-      visible={visible}
+      open={visible}
      title={t("general.labels.areyousure")}
      onCancel={() => setVisible(false)}
      onConfirm={handleUpdate}
--- a/client/src/components/payment-mark-selected-exported/payment-mark-selected-exported.component.jsx
+++ b/client/src/components/payment-mark-selected-exported/payment-mark-selected-exported.component.jsx
@@ -93,7 +93,7 @@ export function PaymentMarkSelectedExported({

  return (
    <Popconfirm
-      visible={visible}
+    open={visible}
      title={t("general.labels.areyousure")}
      onCancel={() => setVisible(false)}
      onConfirm={handleUpdate}
--- a/client/src/components/payment-modal/payment-modal.container.jsx
+++ b/client/src/components/payment-modal/payment-modal.container.jsx
@@ -138,7 +138,7 @@ function PaymentModalContainer({
          ? t("payments.labels.new")
          : t("payments.labels.edit")
      }
-      visible={visible}
+      open={visible}
      okText={t("general.actions.save")}
      onOk={() => form.submit()}
      width="50%"
--- a/client/src/components/print-center-jobs-labels/print-center-jobs-labels.component.jsx
+++ b/client/src/components/print-center-jobs-labels/print-center-jobs-labels.component.jsx
@@ -123,7 +123,7 @@ export function PrintCenterJobsLabels({ bodyshop, jobId }) {
    </Card>
  );
  return (
-    <Popover content={content} visible={isModalVisible}>
+    <Popover content={content} open={isModalVisible}>
      <Button onClick={() => setIsModalVisible(true)}>
        {t("printcenter.jobs.labels.labels")}
      </Button>
--- a/client/src/components/print-center-modal/print-center-modal.container.jsx
+++ b/client/src/components/print-center-modal/print-center-modal.container.jsx
@@ -28,7 +28,7 @@ export function PrintCenterModalContainer({

  return (
    <Modal
-      visible={visible}
+    open={visible}
      onOk={() => toggleModalVisible()}
      onCancel={() => toggleModalVisible()}
      cancelButtonProps={{ style: { display: "none" } }}
--- a/client/src/components/production-board-kanban/production-board-kanban.card-settings.component.jsx
+++ b/client/src/components/production-board-kanban/production-board-kanban.card-settings.component.jsx
@@ -166,7 +166,7 @@ export default function ProductionBoardKanbanCardSettings({
    </div>
  );
  return (
-    <Popover content={overlay} visible={visible}>
+    <Popover content={overlay} open={visible}>
      <Button loading={loading} onClick={() => setVisible(true)}>
        {t("production.labels.cardsettings")}
      </Button>
--- a/client/src/components/production-list-columns/production-list-columns.comment.component.jsx
+++ b/client/src/components/production-list-columns/production-list-columns.comment.component.jsx
@@ -41,8 +41,8 @@ export default function ProductionListColumnComment({ record }) {

  return (
    <Popover
-      onVisibleChange={handleVisibleChange}
-      visible={visible}
+      onOpenChange={handleVisibleChange}
+      open={visible}
      content={
        <div style={{ width: "30em" }}>
          <Input.TextArea
--- a/client/src/components/production-list-columns/production-list-columns.date.component.jsx
+++ b/client/src/components/production-list-columns/production-list-columns.date.component.jsx
@@ -52,7 +52,7 @@ export default function ProductionListDate({
  return (
    <Dropdown
      //trigger={["click"]}
-      visible={visible}
+      open={visible}
      style={{
        height: "19px",
      }}
--- a/client/src/components/production-list-columns/production-list-columns.empassignment.component.jsx
+++ b/client/src/components/production-list-columns/production-list-columns.empassignment.component.jsx
@@ -153,7 +153,7 @@ export function ProductionListEmpAssignment({
    theEmployee = bodyshop.employees.find((e) => e.id === record[type]);

  return (
-    <Popover destroyTooltipOnHide content={popContent} visible={visibility}>
+    <Popover destroyTooltipOnHide content={popContent} open={visibility}>
      <Spin spinning={loading}>
        {record[type] ? (
          <div>
--- a/client/src/components/production-list-columns/production-list-columns.lastcontacted.component.jsx
+++ b/client/src/components/production-list-columns/production-list-columns.lastcontacted.component.jsx
@@ -93,7 +93,7 @@ export function ProductionLastContacted({ currentUser, record }) {
    <div>
      <Dropdown
        //trigger={["click"]}
-        visible={visible}
+        open={visible}
        style={{
          height: "19px",
        }}
--- a/client/src/components/production-list-columns/production-list-columns.productionnote.component.jsx
+++ b/client/src/components/production-list-columns/production-list-columns.productionnote.component.jsx
@@ -49,8 +49,8 @@ export default function ProductionListColumnProductionNote({ record }) {

  return (
    <Popover
-      onVisibleChange={handleVisibleChange}
-      visible={visible}
+      onOpenChange={handleVisibleChange}
+      open={visible}
      content={
        <div style={{ width: "30em" }}>
          <Input.TextArea
--- a/client/src/components/production-list-detail/production-list-detail.component.jsx
+++ b/client/src/components/production-list-detail/production-list-detail.component.jsx
@@ -90,7 +90,7 @@ export function ProductionListDetail({
      placement="right"
      width={"33%"}
      onClose={handleClose}
-      visible={selected}
+      open={selected}
    >
      {loading && <LoadingSkeleton />}
      {error && <AlertComponent error={JSON.stringify(error)} />}
--- a/client/src/components/production-list-save-config-button/production-list-save-config-button.component.jsx
+++ b/client/src/components/production-list-save-config-button/production-list-save-config-button.component.jsx
@@ -88,7 +88,7 @@ export function ProductionListSaveConfigButton({
  );

  return (
-    <Popover visible={visible} content={popMenu}>
+    <Popover open={visible} content={popMenu}>
      <Button loading={loading} onClick={() => setVisible(true)}>
        {t("production.actions.saveconfig")}
      </Button>
--- a/client/src/components/report-center-modal/report-center-modal.container.jsx
+++ b/client/src/components/report-center-modal/report-center-modal.container.jsx
@@ -25,7 +25,7 @@ export function ReportCenterModalContainer({

  return (
    <Modal
-      visible={visible}
+    open={visible}
      title={t("printcenter.labels.reportcentermodal")}
      onOk={() => toggleModalVisible()}
      onCancel={() => toggleModalVisible()}
--- a/client/src/components/schedule-job-modal/schedule-job-modal.container.jsx
+++ b/client/src/components/schedule-job-modal/schedule-job-modal.container.jsx
@@ -184,7 +184,7 @@ export function ScheduleJobModalContainer({

  return (
    <Modal
-      visible={visible}
+    open={visible}
      onCancel={() => toggleModalVisible()}
      onOk={() => form.submit()}
      width={"90%"}
--- a/client/src/components/schedule-manual-event/schedule-manual-event.component.jsx
+++ b/client/src/components/schedule-manual-event/schedule-manual-event.component.jsx
@@ -154,7 +154,7 @@ export function ScheduleManualEvent({ bodyshop, event }) {
  };

  return (
-    <Popover content={overlay} visible={visibility}>
+    <Popover content={overlay} open={visibility}>
      <Button loading={loading} onClick={handleClick}>
        {event
          ? t("appointments.actions.reschedule")
--- a/client/src/components/scoreboard-entry-edit/scoreboard-entry-edit.component.jsx
+++ b/client/src/components/scoreboard-entry-edit/scoreboard-entry-edit.component.jsx
@@ -90,7 +90,7 @@ export default function ScoreboardEntryEdit({ entry }) {

  return (
    <div>
-      <Dropdown visible={visible} overlay={popContent}>
+      <Dropdown open={visible} overlay={popContent}>
        <Button
          onClick={(e) => {
            e.stopPropagation();
--- a/client/src/components/scoreboard-jobs-list/scoreboard-jobs-list.component.jsx
+++ b/client/src/components/scoreboard-jobs-list/scoreboard-jobs-list.component.jsx
@@ -100,7 +100,7 @@ export default function ScoreboardJobsList({ scoreBoardlist }) {
  return (
    <>
      <Modal
-        visible={state.visible}
+      open={state.visible}
        destroyOnClose
        width="80%"
        cancelButtonProps={{ style: { display: "none" } }}
--- a/client/src/components/shop-employees/shop-employees-add-vacation.component.jsx
+++ b/client/src/components/shop-employees/shop-employees-add-vacation.component.jsx
@@ -112,7 +112,7 @@ export default function ShopEmployeeAddVacation({ employee }) {
  };

  return (
-    <Popover content={overlay} visible={visibility}>
+    <Popover content={overlay} open={visibility}>
      <Button
        loading={loading}
        disabled={!employee?.active}
--- a/client/src/components/shop-templates-list/shop-templates-list.container.jsx
+++ b/client/src/components/shop-templates-list/shop-templates-list.container.jsx
@@ -38,7 +38,7 @@ export default function ShopTemplatesListContainer({ visibleState }) {
    <Drawer
      placement="left"
      width="25%"
-      visible={visible}
+      open={visible}
      onClose={() => setVisible(false)}
    >
      <div>
--- a/client/src/components/tech-job-print-tickets/tech-job-print-tickets.component.jsx
+++ b/client/src/components/tech-job-print-tickets/tech-job-print-tickets.component.jsx
@@ -116,7 +116,7 @@ export function TechJobPrintTickets({ technician, event }) {
  };

  return (
-    <Popover content={overlay} visible={visibility}>
+    <Popover content={overlay} open={visibility}>
      <Button loading={loading} onClick={handleClick}>
        {t("general.actions.print")}
      </Button>
--- a/client/src/components/tech-lookup-jobs-drawer/tech-lookup-jobs-drawer.component.jsx
+++ b/client/src/components/tech-lookup-jobs-drawer/tech-lookup-jobs-drawer.component.jsx
@@ -73,7 +73,7 @@ export function TechLookupJobsDrawer({ bodyshop, setPrintCenterContext }) {

  return (
    <Drawer
-      visible={!!selected}
+    open={!!selected}
      destroyOnClose
      width={drawerPercentage}
      placement="right"
--- a/client/src/components/time-ticket-modal/time-ticket-modal.container.jsx
+++ b/client/src/components/time-ticket-modal/time-ticket-modal.container.jsx
@@ -167,7 +167,7 @@ export function TimeTicketModalContainer({
          : t("timetickets.labels.new")
      }
      width={"90%"}
-      visible={timeTicketModal.visible}
+      open={timeTicketModal.visible}
      forceRender
      onCancel={handleCancel}
      afterClose={() => form.resetFields()}
--- a/client/src/pages/phonebook/phonebook.page.container.jsx
+++ b/client/src/pages/phonebook/phonebook.page.container.jsx
@@ -58,7 +58,7 @@ export function PhonebookContainer({ setBreadcrumbs, setSelectedHeader }) {
          delete search.phonebookentry;
          history.push({ search: queryString.stringify(search) });
        }}
-        visible={phonebookentry}
+        open={phonebookentry}
      >
        <PhonebookFormContainer />
      </Drawer>
--- a/client/src/pages/shop-vendor/shop-vendor.page.component.jsx
+++ b/client/src/pages/shop-vendor/shop-vendor.page.component.jsx
@@ -36,7 +36,7 @@ export default function ShopVendorPageComponent() {
          delete search.selectedvendor;
          history.push({ search: queryString.stringify(search) });
        }}
-        visible={selectedvendor}
+        open={selectedvendor}
      >
        <VendorsFormContainer />
      </Drawer>