base role setting fix

web/src/app/admin/users/page.tsx

@@ -18,6 +18,8 @@ import { ErrorCallout } from "@/components/ErrorCallout";
 import { HidableSection } from "@/app/admin/assistants/HidableSection";
 import BulkAdd from "@/components/admin/users/BulkAdd";
 import { UsersResponse } from "@/lib/users/interfaces";
+import { UserRole } from "@/lib/types";
+import SlackUserTable from "@/components/admin/users/SlackUserTable";
 
 const ValidDomainsDisplay = ({ validDomains }: { validDomains: string[] }) => {
   if (!validDomains.length) {
@@ -101,6 +103,9 @@ const UsersTables = ({
   const finalInvited = invited.filter(
     (user) => !accepted.map((u) => u.email).includes(user.email)
   );
+  const slackUsers = accepted.filter(
+    (user) => user.role === UserRole.SLACK_USER
+  );
 
   return (
     <>
@@ -125,6 +130,17 @@ const UsersTables = ({
           <ValidDomainsDisplay validDomains={validDomains} />
         )}
       </HidableSection>
+
+      <HidableSection sectionTitle="Slack Users">
+        {slackUsers.length > 0 ? (
+          <SlackUserTable users={slackUsers} />
+        ) : (
+          <div className="text-sm">
+            To invite additional teammates, use the <b>Invite Users</b> button
+            above!
+          </div>
+        )}
+      </HidableSection>
       <SignedUpUserTable
         users={accepted}
         setPopup={setPopup}

web/src/components/admin/users/SlackUserTable.tsx

@@ -0,0 +1,34 @@
+import React from "react";
+import { User } from "@/lib/types";
+import {
+  Table,
+  TableCell,
+  TableBody,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from "@/components/ui/table";
+
+interface SlackUserTableProps {
+  users: User[];
+}
+
+const SlackUserTable: React.FC<SlackUserTableProps> = ({ users }) => {
+  return (
+    <>
+      <p className="mb-4 text-sm text-gray-600">
+        This list displays Slack users who have access to Danswer through the
+        Slack integration.
+      </p>
+      <ul className="list-disc pl-5">
+        {users.map((user) => (
+          <li key={user.id} className="mb-2">
+            {user.email}
+          </li>
+        ))}
+      </ul>
+    </>
+  );
+};
+
+export default SlackUserTable;