diff --git a/packages/web/src/app/groupchats/components/group-chat-search.tsx b/packages/web/src/app/groupchats/components/group-chat-search.tsx index a2dd866d..0c95fec4 100644 --- a/packages/web/src/app/groupchats/components/group-chat-search.tsx +++ b/packages/web/src/app/groupchats/components/group-chat-search.tsx @@ -4,10 +4,13 @@ import { FC, Fragment, useEffect, useState } from "react"; import { GroupChatPlatform, GroupChatResult } from "ui/groupchats"; import { GroupChatSearchBar } from "ui/groupchats/client"; import { SearchClient } from "typesense"; -import { ExclamationTriangleIcon } from "@heroicons/react/20/solid"; +import { + ExclamationTriangleIcon, + InformationCircleIcon, +} from "@heroicons/react/20/solid"; import Link from "next/link"; import { navigateToLogin } from "../../../context/user/navigate-to-login"; -import { useTypesense } from "../../../context/typesense/provider"; +import { useTypesense } from "../../../context/typesense"; type GroupchatResult = { id: string; @@ -66,27 +69,40 @@ export const GroupChatSearch: FC<{ isLoggedIn: boolean }> = ({ />
- {!isLoggedIn && ( - <> -

- - Not seeing what you are looking for? Only Facebook groups and - Instagram pages are available without{" "} - - logging in with Discord - - . -

+

Not seeing what you are looking for?

+

+ + Ask the group's admin to shoot me a message{" "} + + over on Discord + {" "} + to get the group on here! +

-
- + {!isLoggedIn && ( +

+ + Only Facebook groups and Instagram pages are available without{" "} + + logging in with Discord + + . +

)} +
{results.map((r) => ( diff --git a/packages/web/src/app/groupchats/page.tsx b/packages/web/src/app/groupchats/page.tsx index 8fa6169e..062bb954 100644 --- a/packages/web/src/app/groupchats/page.tsx +++ b/packages/web/src/app/groupchats/page.tsx @@ -2,7 +2,7 @@ import { Heading } from "ui"; import { GroupChatSearch } from "./components/group-chat-search"; import { Metadata } from "next"; import { getIsLoggedIn } from "../../context/user/user"; -import { TypesenseProvider } from "../../context/typesense/provider"; +import { TypesenseProvider } from "../../context/typesense"; import { graphqlWithHeaders } from "../../lib/graphql/client"; export const metadata: Metadata = {