Refactored feed-sources-columns component with additional slides column feature

Author: jeppekroghitk

src/components/feed-sources/feed-sources-columns.jsx

@@ -1,13 +1,27 @@
-import { React } from "react";
+import { React, useContext } from "react";
 import { useTranslation } from "react-i18next";
 import ColumnHoc from "../util/column-hoc";
+import ListButton from "../util/list/list-button.jsx";
+import SelectColumnHoc from "../util/select-column-hoc.jsx";
+import UserContext from "../../context/user-context.jsx";
 
 /**
- * Columns for themes lists.
+ * Retrieves the columns for feed sources data based on API call response.
  *
- * @returns {object} The columns for the themes lists.
+ * @param {object} props - The props.
+ * @param {Function} props.apiCall - The API call function to retrieve feed sources data.
+ * @param {string} props.infoModalRedirect - The redirect URL for information modal.
+ * @param {string} props.infoModalTitle - The title for information modal.
+ * @param {string} props.dataKey - The key for data retrieval.
+ * @returns {object} Columns - An array of objects representing the columns for
+ *   feed sources data.
  */
-function getFeedSourcesColumns() {
+function getFeedSourcesColumns({
+  apiCall,
+  infoModalRedirect,
+  infoModalTitle,
+}) {
+  const context = useContext(UserContext);
   const { t } = useTranslation("common", { keyPrefix: "feed-sources-list" });
 
   const columns = [
@@ -16,9 +30,34 @@ function getFeedSourcesColumns() {
       content: ({ feedType }) => <>{feedType}</>,
       label: t("columns.feed-type"),
     },
+    {
+      key: "slides",
+      label: t("number-of-slides"),
+      render: ({ tenants }) => {
+        return (
+          tenants?.length === 0 ||
+          !tenants.find(
+            (tenant) =>
+              tenant.tenantKey === context.selectedTenant.get.tenantKey
+          )
+        );
+      },
+      // eslint-disable-next-line react/prop-types
+      content: ({ id } ) => (
+        <ListButton
+          apiCall={apiCall}
+          redirectTo={infoModalRedirect}
+          displayData={id}
+          modalTitle={infoModalTitle}
+        />
+      ),
+    },
   ];
 
   return columns;
 }
 
-export default ColumnHoc(getFeedSourcesColumns);
+const FeedSourceColumns = ColumnHoc(getFeedSourcesColumns);
+const SelectFeedSourceColumns = SelectColumnHoc(getFeedSourcesColumns);
+
+export { SelectFeedSourceColumns, FeedSourceColumns };