showEmbeddingCodeModal()}
editAccessRole={"ROLE_UI_EVENTS_EMBEDDING_CODE_VIEW"}
- // tooltipText={"EVENTS.EVENTS.TABLE.TOOLTIP.EMBEDDING_CODE"} // Disabled due to performance concerns
+ tooltipText={"EVENTS.EVENTS.TABLE.TOOLTIP.EMBEDDING_CODE"}
className={"action-cell-button"}
>
diff --git a/src/components/events/partials/EventsDateCell.tsx b/src/components/events/partials/EventsDateCell.tsx
index aaa642c9a8..94a23a4704 100644
--- a/src/components/events/partials/EventsDateCell.tsx
+++ b/src/components/events/partials/EventsDateCell.tsx
@@ -18,7 +18,7 @@ const EventsDateCell = ({
filterName="startDate"
fetchResource={fetchEvents}
loadResourceIntoTable={loadEventsIntoTable}
- // tooltipText="EVENTS.EVENTS.TABLE.TOOLTIP.START" // Disabled due to performance concerns
+ tooltipText="EVENTS.EVENTS.TABLE.TOOLTIP.START"
/>
);
};
diff --git a/src/components/events/partials/EventsLocationCell.tsx b/src/components/events/partials/EventsLocationCell.tsx
index d542a4b685..1bd16b7859 100644
--- a/src/components/events/partials/EventsLocationCell.tsx
+++ b/src/components/events/partials/EventsLocationCell.tsx
@@ -20,7 +20,7 @@ const EventsLocationCell = ({
filterItems={[{
filterValue: row.location,
children: row.location,
- // cellTooltipText: "EVENTS.EVENTS.TABLE.TOOLTIP.LOCATION", // Disabled due to performance concerns
+ cellTooltipText: "EVENTS.EVENTS.TABLE.TOOLTIP.LOCATION",
}]}
fetchResource={fetchEvents}
loadResourceIntoTable={loadEventsIntoTable}
diff --git a/src/components/events/partials/EventsPresentersCell.tsx b/src/components/events/partials/EventsPresentersCell.tsx
index dd76f3653b..56b42c42e3 100644
--- a/src/components/events/partials/EventsPresentersCell.tsx
+++ b/src/components/events/partials/EventsPresentersCell.tsx
@@ -18,7 +18,7 @@ const EventsPresentersCell = ({
filterItems={row.presenters.map(presenter => ({
filterValue: presenter,
children: presenter,
- // cellTooltipText: "EVENTS.EVENTS.TABLE.TOOLTIP.PRESENTER", // Disabled due to performance concerns
+ cellTooltipText: "EVENTS.EVENTS.TABLE.TOOLTIP.PRESENTER",
}))}
fetchResource={fetchEvents}
loadResourceIntoTable={loadEventsIntoTable}
diff --git a/src/components/events/partials/EventsSeriesCell.tsx b/src/components/events/partials/EventsSeriesCell.tsx
index 02e39ca8f5..97054182b5 100644
--- a/src/components/events/partials/EventsSeriesCell.tsx
+++ b/src/components/events/partials/EventsSeriesCell.tsx
@@ -19,7 +19,7 @@ const EventsSeriesCell = ({
filterItems={[{
filterValue: row.series.id,
children: row.series.title,
- // cellTooltipText: "EVENTS.EVENTS.TABLE.TOOLTIP.SERIES", // Disabled due to performance concerns
+ cellTooltipText: "EVENTS.EVENTS.TABLE.TOOLTIP.SERIES",
}]}
fetchResource={fetchEvents}
loadResourceIntoTable={loadEventsIntoTable}
diff --git a/src/components/events/partials/EventsStatusCell.tsx b/src/components/events/partials/EventsStatusCell.tsx
index 8e137272c7..20ee6a5d91 100644
--- a/src/components/events/partials/EventsStatusCell.tsx
+++ b/src/components/events/partials/EventsStatusCell.tsx
@@ -44,7 +44,7 @@ const EventsStatusCell = ({
openStatusModal()}
className={"crosslink"}
- // tooltipText={"EVENTS.EVENTS.TABLE.TOOLTIP.STATUS"} // Disabled due to performance concerns
+ tooltipText={"EVENTS.EVENTS.TABLE.TOOLTIP.STATUS"}
>
{t(row.displayable_status as ParseKeys)}
diff --git a/src/components/events/partials/ModalTabsAndPages/EventDetailsWorkflowTab.tsx b/src/components/events/partials/ModalTabsAndPages/EventDetailsWorkflowTab.tsx
index 067e72036a..c2205117c0 100644
--- a/src/components/events/partials/ModalTabsAndPages/EventDetailsWorkflowTab.tsx
+++ b/src/components/events/partials/ModalTabsAndPages/EventDetailsWorkflowTab.tsx
@@ -25,7 +25,6 @@ import { ParseKeys } from "i18next";
import ModalContent from "../../../shared/modals/ModalContent";
import EventDetailsTabHierarchyNavigation from "./EventDetailsTabHierarchyNavigation";
import { LuChevronRight, LuCircleStop, LuCircleX, LuHand, LuRefreshCw } from "react-icons/lu";
-import { Tooltip } from "../../../shared/Tooltip";
/**
* This component manages the workflows tab of the event details modal
@@ -153,9 +152,7 @@ const EventDetailsWorkflowTab = ({
| {item.id} |
{item.title} |
-
- {item.submitter}
-
+ {item.submitter}
|
{t("dateFormats.dateTime.medium", {
diff --git a/src/components/events/partials/ModalTabsAndPages/NewTobiraPage.tsx b/src/components/events/partials/ModalTabsAndPages/NewTobiraPage.tsx
index 8575fa6d1d..89265d5fbe 100644
--- a/src/components/events/partials/ModalTabsAndPages/NewTobiraPage.tsx
+++ b/src/components/events/partials/ModalTabsAndPages/NewTobiraPage.tsx
@@ -9,7 +9,6 @@ import { TobiraPage, fetchSeriesDetailsTobiraNew, setErrorTobiraPage, setTobiraP
import { getSeriesTobiraPage, getSeriesTobiraPageError } from "../../../../selectors/seriesSeletctor";
import { NOTIFICATION_CONTEXT_TOBIRA } from "../../../../configs/modalConfig";
import { SaveEditFooter } from "../../../shared/SaveEditFooter";
-import { Tooltip } from "../../../shared/Tooltip";
import ModalContent from "../../../shared/modals/ModalContent";
import ButtonLikeAnchor from "../../../shared/ButtonLikeAnchor";
import { LuChevronRight, LuCircleX } from "react-icons/lu";
@@ -253,20 +252,18 @@ const NewTobiraPage = ({
{currentPage.children.map((page, key) =>
-
|
page.blocks?.length || select(page)}
+ data-tooltip-id="my-tooltip"
+ data-tooltip-content={t("EVENTS.SERIES.NEW.TOBIRA.MOUNT_DISCLAIMER")}
+ data-tooltip-hidden={!!page.blocks?.length}
+ data-tooltip-place="left"
/>
|
-
{page.new
? 0 &&
{onlyEngage && (
- // // Disabled due to performance concerns
-
- {t("YES")}
-
- //
+
+ {t("YES")}
+
)}
{!onlyEngage &&
<>
diff --git a/src/components/events/partials/SeriesActionsCell.tsx b/src/components/events/partials/SeriesActionsCell.tsx
index c88720f13a..5c16e49d0c 100644
--- a/src/components/events/partials/SeriesActionsCell.tsx
+++ b/src/components/events/partials/SeriesActionsCell.tsx
@@ -71,7 +71,7 @@ const SeriesActionsCell = ({
onClick={() => showSeriesDetailsModal()}
className={"action-cell-button more-series"}
editAccessRole={"ROLE_UI_SERIES_DETAILS_VIEW"}
- // tooltipText={"EVENTS.SERIES.TABLE.TOOLTIP.DETAILS"} // Disabled due to performance concerns
+ tooltipText={"EVENTS.SERIES.TABLE.TOOLTIP.DETAILS"}
>
@@ -81,7 +81,7 @@ const SeriesActionsCell = ({
onClick={() => showDeleteConfirmation()}
className={"action-cell-button remove"}
editAccessRole={"ROLE_UI_SERIES_DELETE"}
- // tooltipText={"EVENTS.SERIES.TABLE.TOOLTIP.DELETE"} // Disabled due to performance concerns
+ tooltipText={"EVENTS.SERIES.TABLE.TOOLTIP.DELETE"}
>
diff --git a/src/components/events/partials/SeriesContributorsCell.tsx b/src/components/events/partials/SeriesContributorsCell.tsx
index 54fe80b5f7..ca00f25340 100644
--- a/src/components/events/partials/SeriesContributorsCell.tsx
+++ b/src/components/events/partials/SeriesContributorsCell.tsx
@@ -17,7 +17,7 @@ const SeriesContributorsCell = ({
filterName="contributors"
fetchResource={fetchSeries}
loadResourceIntoTable={loadSeriesIntoTable}
- // tooltipText="EVENTS.SERIES.TABLE.TOOLTIP.CONTRIBUTORS" // Disabled due to performance concerns
+ tooltipText="EVENTS.SERIES.TABLE.TOOLTIP.CONTRIBUTORS"
/>
);
};
diff --git a/src/components/events/partials/SeriesDateTimeCell.tsx b/src/components/events/partials/SeriesDateTimeCell.tsx
index a993412b64..5c7d32c4e7 100644
--- a/src/components/events/partials/SeriesDateTimeCell.tsx
+++ b/src/components/events/partials/SeriesDateTimeCell.tsx
@@ -19,7 +19,7 @@ const SeriesDateTimeCell = ({
filterName="CreationDate"
fetchResource={fetchSeries}
loadResourceIntoTable={loadSeriesIntoTable}
- // tooltipText="EVENTS.SERIES.TABLE.TOOLTIP.CREATION" // Disabled due to performance concerns
+ tooltipText="EVENTS.SERIES.TABLE.TOOLTIP.CREATION"
/>
}
diff --git a/src/components/events/partials/SeriesOrganizersCell.tsx b/src/components/events/partials/SeriesOrganizersCell.tsx
index 16f5fd1ea1..3bda411a07 100644
--- a/src/components/events/partials/SeriesOrganizersCell.tsx
+++ b/src/components/events/partials/SeriesOrganizersCell.tsx
@@ -17,7 +17,7 @@ const SeriesOrganizersCell = ({
filterName="organizers"
fetchResource={fetchSeries}
loadResourceIntoTable={loadSeriesIntoTable}
- // tooltipText="EVENTS.SERIES.TABLE.TOOLTIP.ORGANIZER" // Disabled due to performance concerns
+ tooltipText="EVENTS.SERIES.TABLE.TOOLTIP.ORGANIZER"
/>
);
};
diff --git a/src/components/events/partials/SeriesTitleCell.tsx b/src/components/events/partials/SeriesTitleCell.tsx
index 6f3b8ac71b..b755e21a7f 100644
--- a/src/components/events/partials/SeriesTitleCell.tsx
+++ b/src/components/events/partials/SeriesTitleCell.tsx
@@ -14,7 +14,7 @@ const SeriesTitleCell = ({
path={"/events/events"}
filterName={"series"}
filterValue={row.id}
- // tooltipText={"EVENTS.SERIES.TABLE.TOOLTIP.SERIES"} // Disabled due to performance concerns
+ tooltipText={"EVENTS.SERIES.TABLE.TOOLTIP.SERIES"}
resetBeforeRedirect
>
{row.title}
diff --git a/src/components/recordings/partials/RecordingsActionCell.tsx b/src/components/recordings/partials/RecordingsActionCell.tsx
index c021f7b666..704e1e842f 100644
--- a/src/components/recordings/partials/RecordingsActionCell.tsx
+++ b/src/components/recordings/partials/RecordingsActionCell.tsx
@@ -37,7 +37,7 @@ const RecordingsActionCell = ({
onClick={() => showRecordingDetails()}
className={"action-cell-button"}
editAccessRole={"ROLE_UI_LOCATIONS_DETAILS_VIEW"}
- // tooltipText={"RECORDINGS.RECORDINGS.TABLE.TOOLTIP.DETAILS"} // Disabled due to performance concerns
+ tooltipText={"RECORDINGS.RECORDINGS.TABLE.TOOLTIP.DETAILS"}
>
@@ -50,7 +50,7 @@ const RecordingsActionCell = ({
{/* delete location/recording */}
{row.name}
diff --git a/src/components/shared/BaseButton.tsx b/src/components/shared/BaseButton.tsx
index f3a6edfcd5..e8d9f015f1 100644
--- a/src/components/shared/BaseButton.tsx
+++ b/src/components/shared/BaseButton.tsx
@@ -1,41 +1,40 @@
import React, { JSX } from "react";
import { ParseKeys, TOptions } from "i18next";
-import { Tooltip } from "./Tooltip";
import { useTranslation } from "react-i18next";
type BaseButtonProps = JSX.IntrinsicElements["button"] & {
tooltipText?: ParseKeys
tooltipParams?: TOptions
+ tooltipOptions?: { [key: string]: unknown }
}
const BaseButton = React.forwardRef(({
tooltipText,
tooltipParams,
+ tooltipOptions,
children,
...rest
}, ref) => {
const { t } = useTranslation();
- const buttonComponent = (
+ const tooltipProps = tooltipText
+ ? {
+ "data-tooltip-id": "my-tooltip",
+ "data-tooltip-content": tooltipParams ? t(tooltipText, tooltipParams) : t(tooltipText),
+ }
+ : {};
+
+ return (
);
-
- if (tooltipText) {
- return (
-
- {buttonComponent}
-
- );
- }
-
- return buttonComponent;
});
export default BaseButton;
diff --git a/src/components/shared/MainNav.tsx b/src/components/shared/MainNav.tsx
index 6d126f647d..d4c4445f4b 100644
--- a/src/components/shared/MainNav.tsx
+++ b/src/components/shared/MainNav.tsx
@@ -9,7 +9,6 @@ import { hasAccess } from "../../utils/utils";
import { useHotkeys } from "react-hotkeys-hook";
import { availableHotkeys } from "../../configs/hotkeysConfig";
import { useAppSelector } from "../../store";
-import { Tooltip } from "./Tooltip";
import ButtonLikeAnchor from "./ButtonLikeAnchor";
import { ParseKeys } from "i18next";
import {
@@ -187,10 +186,8 @@ const MainNav = ({
return (
- toggleMenu()}>
-
-
-
+ toggleMenu()}>
+
{isOpen && (
diff --git a/src/components/users/partials/AclsActionsCell.tsx b/src/components/users/partials/AclsActionsCell.tsx
index 0792917dd2..2c69a4e3e3 100644
--- a/src/components/users/partials/AclsActionsCell.tsx
+++ b/src/components/users/partials/AclsActionsCell.tsx
@@ -43,7 +43,7 @@ const AclsActionsCell = ({
onClick={showAclDetails}
className={"action-cell-button"}
editAccessRole={"ROLE_UI_ACLS_EDIT"}
- // tooltipText={"USERS.ACLS.TABLE.TOOLTIP.DETAILS"} // Disabled due to performance concerns
+ tooltipText={"USERS.ACLS.TABLE.TOOLTIP.DETAILS"}
>
@@ -61,7 +61,7 @@ const AclsActionsCell = ({
{/* delete ACL */}
showGroupDetails()}
className={"action-cell-button"}
editAccessRole={"ROLE_UI_GROUPS_EDIT"}
- // tooltipText={"USERS.GROUPS.TABLE.TOOLTIP.DETAILS"} // Disabled due to performance concerns
+ tooltipText={"USERS.GROUPS.TABLE.TOOLTIP.DETAILS"}
>
@@ -56,7 +56,7 @@ const GroupsActionsCell = ({
{/* delete group */}
showUserDetails()}
className={"action-cell-button"}
editAccessRole={"ROLE_UI_USERS_EDIT"}
- // tooltipText={"USERS.USERS.TABLE.TOOLTIP.DETAILS"} // Disabled due to performance concerns
+ tooltipText={"USERS.USERS.TABLE.TOOLTIP.DETAILS"}
>
@@ -61,7 +61,7 @@ const UsersActionCell = ({
{(row.manageable || (row.provider !== "opencast" && row.provider !== "system")) &&
| |