Merge pull request #12 from StackExchange/PS-425-question-modal

Huge enhancement to the Post Question modal component

Author: EstoesMoises

plugins/stack-overflow-teams-backend/src/router.ts

@@ -283,7 +283,8 @@ export async function createRouter({
           .status(401)
           .json({ error: 'Missing Stack Overflow Teams Access Token' });
       }
-      const tags = await stackOverflowService.getTags(authToken);
+      const search = req.query.search as string | undefined;
+      const tags = await stackOverflowService.getTags(authToken, search);
       return res.send(tags);
     } catch (error: any) {
       logger.error('Error fetching tags', { error });

plugins/stack-overflow-teams-backend/src/services/StackOverflowService/createStackOverflowService.ts

@@ -36,8 +36,13 @@ export async function createStackOverflowService({
     // GET
     getQuestions: authToken =>
       api.GET<PaginatedResponse<Question>>('/questions', authToken, teamName, { sort: 'creation', order: 'desc' }),
-    getTags: authToken =>
-      api.GET<PaginatedResponse<Tag>>('/tags', authToken, teamName, { sort: 'creationDate', order: 'desc'}),
+    getTags: (authToken, search?: string) => {
+      const params: Record<string, string> = { sort: 'postCount', order: 'desc' };
+      if (search) {
+        params.partialName = search;
+      }
+      return api.GET<PaginatedResponse<Tag>>('/tags', authToken, teamName, params);
+    },
     getUsers: authToken =>
       api.GET<PaginatedResponse<User>>('/users', authToken, teamName),
     getMe: authToken => api.GET<User>('/users/me', authToken, teamName),
@@ -63,4 +68,4 @@ export async function createStackOverflowService({
         teamName,
       ),
   };
-}
+}

plugins/stack-overflow-teams-backend/src/services/StackOverflowService/types.ts

@@ -62,7 +62,7 @@ export type StackOverflowConfig = {
 
 export interface StackOverflowAPI {
   getQuestions(authToken: string): Promise<PaginatedResponse<Question>>;
-  getTags(authToken: string): Promise<PaginatedResponse<Tag>>;
+  getTags(authToken: string, search?: string): Promise<PaginatedResponse<Tag>>;
   getUsers(authToken: string): Promise<PaginatedResponse<User>>;
   getMe(authToken: string): Promise<User>;
   postQuestions(

plugins/stack-overflow-teams/package.json

@@ -40,12 +40,20 @@
     "@backstage/plugin-search-react": "^1.8.6",
     "@backstage/theme": "^0.6.3",
     "@emotion/react": "^11.14.0",
-    "@emotion/styled": "^11.14.0",
+    "@emotion/styled": "^11.14.1",
     "@material-ui/core": "^4.9.13",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "^4.0.0-alpha.61",
-    "@mui/icons-material": "^7.1.0",
+    "@mui/icons-material": "^7.2.0",
     "@mui/material": "5.16.14",
+    "@tiptap/core": "^3.0.7",
+    "@tiptap/extension-heading": "^3.0.7",
+    "@tiptap/extension-image": "^3.0.7",
+    "@tiptap/extension-table": "^3.0.7",
+    "@tiptap/extensions": "^3.0.7",
+    "@tiptap/pm": "^3.0.7",
+    "@tiptap/react": "^3.0.7",
+    "@tiptap/starter-kit": "^3.0.7",
     "react-use": "^17.2.4"
   },
   "peerDependencies": {

plugins/stack-overflow-teams/src/api/StackOverflowAPI.ts

@@ -19,7 +19,7 @@ interface BaseUrlResponse {
 export interface StackOverflowAPI {
   search(query: string): Promise<any>;
   getQuestions(): Promise<ApiResponse<Question>>;
-  getTags(): Promise<ApiResponse<Tag>>;
+  getTags(search?: string): Promise<ApiResponse<Tag>>;
   getUsers(): Promise<ApiResponse<User>>;
   getMe(): Promise<User>;
   getBaseUrl(): Promise<string>;
@@ -66,7 +66,10 @@ export const createStackOverflowApi = (
   return {
     search: (query: string) => requestAPI<any>('search', 'POST', { query }),
     getQuestions: () => requestAPI<ApiResponse<Question>>('questions'),
-    getTags: () => requestAPI<ApiResponse<Tag>>('tags'),
+    getTags: (search?: string) => {
+      const params = search ? [`search=${encodeURIComponent(search)}`] : undefined;
+      return requestAPI<ApiResponse<Tag>>('tags', 'GET', undefined, params);
+    },
     getUsers: () => requestAPI<ApiResponse<User>>('users'),
     getMe: () => requestAPI<User>('me'),
     getBaseUrl: async () => {