- #{keyword} -
- ))} +The project has been successfully updated.
+
{dataConnectorSource}
- {extendedPreview &&+ This filter is set, not valid for the current Content. +
+ + + ) : ( ++ This filter is set, not valid for the current Content. +
+ + + ) : ( +None
+ )} + + ); + } + + return null; +} + +interface GroupSearchFilterRadioOrCheckboxElementProps { + children: React.ReactNode; + identifier: string; + isChecked: boolean; + onChange?: () => void; + type: "radio" | "checkbox"; + visualization: "accordion" | "list"; +} +function GroupSearchFilterRadioOrCheckboxElement({ + children, + identifier, + isChecked, + onChange, + type, + visualization, +}: GroupSearchFilterRadioOrCheckboxElementProps) { + return ( ++ {isFetching ? ( + "Fetching results" + ) : ( + + {total ? total : "No"} {total && total > 1 ? "results" : "result"} + + )} + {query && ( + <> + {" "} + for {`"${query}"`} + + )} + {filters && ( + <> + {" "} + (filtered by <>{filters}) + + )} +
+ ); +} diff --git a/client/src/features/groupsV2/search/GroupSearchResults.tsx b/client/src/features/groupsV2/search/GroupSearchResults.tsx new file mode 100644 index 0000000000..fd0e5805bb --- /dev/null +++ b/client/src/features/groupsV2/search/GroupSearchResults.tsx @@ -0,0 +1,216 @@ +/*! + * Copyright 2025 - Swiss Data Science Center (SDSC) + * A partnership between École Polytechnique Fédérale de Lausanne (EPFL) and + * Eidgenössische Technische Hochschule Zürich (ETHZ). + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT + * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +import cx from "classnames"; +import { useMemo } from "react"; +import { + Database, + Eye, + Folder2Open, + Globe2, + Lock, + Pencil, + Question, +} from "react-bootstrap-icons"; +import { generatePath, Link, useSearchParams } from "react-router"; +import { Col, ListGroup, Row } from "reactstrap"; +import Pagination from "~/components/Pagination"; +import { TimeCaption } from "~/components/TimeCaption"; +import KeywordBadge from "~/components/keywords/KeywordBadge"; +import KeywordContainer from "~/components/keywords/KeywordContainer"; +import { ShowGlobalDataConnector } from "~/features/searchV2/components/SearchV2Results"; +import UserAvatar from "~/features/usersV2/show/UserAvatar"; +import { ABSOLUTE_ROUTES } from "~/routing/routes.constants"; +import { useGroupSearch } from "./groupSearch.hook"; +import { GroupSearchEntity } from "./groupSearch.types"; +import { FILTER_PAGE, FILTER_PER_PAGE } from "./groupsSearch.constants"; + +export default function GroupSearchResults() { + // Load and visualize the search results + const [searchParams] = useSearchParams(); + const { data } = useGroupSearch(); + + return ( +Nothing here. Try another search.
+ )} +
+ Created by{" "}
+
+
{item.description}
} + {sortedKeywords.length > 0 && ( +
+
+
- {project.namespace} -
+{project.namespace}
{project.description && (- {project.description} -
+{project.description}