@stackoverflow/backstage-plugin-stack-overflow-teams 1.5.0 → 1.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +3 -3
- package/config.d.ts +1 -1
- package/package.json +4 -12
- package/dist/api/StackOverflowAPI.esm.js +0 -125
- package/dist/api/StackOverflowAPI.esm.js.map +0 -1
- package/dist/components/StackOverflow/StackOverflowMe.esm.js +0 -110
- package/dist/components/StackOverflow/StackOverflowMe.esm.js.map +0 -1
- package/dist/components/StackOverflow/StackOverflowPostQuestionModal.esm.js +0 -406
- package/dist/components/StackOverflow/StackOverflowPostQuestionModal.esm.js.map +0 -1
- package/dist/components/StackOverflow/StackOverflowPosts.esm.js +0 -402
- package/dist/components/StackOverflow/StackOverflowPosts.esm.js.map +0 -1
- package/dist/components/StackOverflow/StackOverflowSearchResultListItem.esm.js +0 -147
- package/dist/components/StackOverflow/StackOverflowSearchResultListItem.esm.js.map +0 -1
- package/dist/components/StackOverflow/StackOverflowTags.esm.js +0 -117
- package/dist/components/StackOverflow/StackOverflowTags.esm.js.map +0 -1
- package/dist/components/StackOverflow/StackOverflowUsers.esm.js +0 -193
- package/dist/components/StackOverflow/StackOverflowUsers.esm.js.map +0 -1
- package/dist/components/StackOverflow/TiptapEditor.esm.js +0 -308
- package/dist/components/StackOverflow/TiptapEditor.esm.js.map +0 -1
- package/dist/components/StackOverflow/hooks/useStackOverflowData.esm.js +0 -128
- package/dist/components/StackOverflow/hooks/useStackOverflowData.esm.js.map +0 -1
- package/dist/components/StackOverflow/hooks/useStackOverflowSearch.esm.js +0 -53
- package/dist/components/StackOverflow/hooks/useStackOverflowSearch.esm.js.map +0 -1
- package/dist/components/StackOverflow/hooks/useStackOverflowStyles.esm.js +0 -39
- package/dist/components/StackOverflow/hooks/useStackOverflowStyles.esm.js.map +0 -1
- package/dist/components/StackOverflowAuth/StackAuthCallback.esm.js +0 -47
- package/dist/components/StackOverflowAuth/StackAuthCallback.esm.js.map +0 -1
- package/dist/components/StackOverflowAuth/StackAuthFailed.esm.js +0 -35
- package/dist/components/StackOverflowAuth/StackAuthFailed.esm.js.map +0 -1
- package/dist/components/StackOverflowAuth/StackAuthLoading.esm.js +0 -20
- package/dist/components/StackOverflowAuth/StackAuthLoading.esm.js.map +0 -1
- package/dist/components/StackOverflowAuth/StackAuthStart.esm.js +0 -225
- package/dist/components/StackOverflowAuth/StackAuthStart.esm.js.map +0 -1
- package/dist/components/StackOverflowAuth/StackAuthSuccess.esm.js +0 -37
- package/dist/components/StackOverflowAuth/StackAuthSuccess.esm.js.map +0 -1
- package/dist/icons/LogoutIcon.esm.js +0 -24
- package/dist/icons/LogoutIcon.esm.js.map +0 -1
- package/dist/icons/StackOverflowIcon.esm.js +0 -25
- package/dist/icons/StackOverflowIcon.esm.js.map +0 -1
- package/dist/index.d.ts +0 -48
- package/dist/index.esm.js +0 -18
- package/dist/index.esm.js.map +0 -1
- package/dist/package.json.esm.js +0 -98
- package/dist/package.json.esm.js.map +0 -1
- package/dist/pages/StackOverflowHub.esm.js +0 -82
- package/dist/pages/StackOverflowHub.esm.js.map +0 -1
- package/dist/pages/StackOverflowTeamsPage.esm.js +0 -42
- package/dist/pages/StackOverflowTeamsPage.esm.js.map +0 -1
- package/dist/pages/index.esm.js +0 -3
- package/dist/pages/index.esm.js.map +0 -1
- package/dist/plugin.esm.js +0 -27
- package/dist/plugin.esm.js.map +0 -1
- package/dist/routes.esm.js +0 -8
- package/dist/routes.esm.js.map +0 -1
- package/dist/utils/decodeHtml.esm.js +0 -8
- package/dist/utils/decodeHtml.esm.js.map +0 -1
- package/dist/utils/getTimeAgo.esm.js +0 -30
- package/dist/utils/getTimeAgo.esm.js.map +0 -1
|
@@ -1,117 +0,0 @@
|
|
|
1
|
-
import React, { useState, useEffect, useCallback } from 'react';
|
|
2
|
-
import { Progress, ResponseErrorPanel, Link } from '@backstage/core-components';
|
|
3
|
-
import { useStackOverflowData } from './hooks/useStackOverflowData.esm.js';
|
|
4
|
-
import { useApi } from '@backstage/core-plugin-api';
|
|
5
|
-
import { stackoverflowteamsApiRef } from '../../api/StackOverflowAPI.esm.js';
|
|
6
|
-
import './hooks/useStackOverflowStyles.esm.js';
|
|
7
|
-
import { Box, TextField, InputAdornment, Typography, Grid, Chip } from '@material-ui/core';
|
|
8
|
-
import SearchIcon from '@material-ui/icons/Search';
|
|
9
|
-
|
|
10
|
-
const StackOverflowTagList = ({
|
|
11
|
-
tags,
|
|
12
|
-
searchTerm,
|
|
13
|
-
isApiSearch = false,
|
|
14
|
-
isSearching = false
|
|
15
|
-
}) => {
|
|
16
|
-
if (isSearching) {
|
|
17
|
-
return null;
|
|
18
|
-
}
|
|
19
|
-
if (tags.length === 0) {
|
|
20
|
-
return /* @__PURE__ */ React.createElement(Box, { textAlign: "center", py: 4 }, /* @__PURE__ */ React.createElement(Typography, { variant: "body1", gutterBottom: true }, isApiSearch ? `No tags found for "${searchTerm}" on your Stack Overflow Team` : `No matching tags were found for "${searchTerm}"`));
|
|
21
|
-
}
|
|
22
|
-
return /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 1 }, tags.map((tag) => /* @__PURE__ */ React.createElement(Link, { key: tag.name, to: tag.webUrl, noTrack: true }, /* @__PURE__ */ React.createElement(
|
|
23
|
-
Chip,
|
|
24
|
-
{
|
|
25
|
-
label: `${tag.name}(${tag.postCount})`,
|
|
26
|
-
variant: "outlined",
|
|
27
|
-
clickable: true
|
|
28
|
-
}
|
|
29
|
-
))));
|
|
30
|
-
};
|
|
31
|
-
const StackOverflowTags = () => {
|
|
32
|
-
const { data, loading, error, fetchData } = useStackOverflowData("tags");
|
|
33
|
-
const [searchTerm, setSearchTerm] = useState("");
|
|
34
|
-
const [apiSearchResults, setApiSearchResults] = useState(null);
|
|
35
|
-
const [apiSearchLoading, setApiSearchLoading] = useState(false);
|
|
36
|
-
const [apiSearchError, setApiSearchError] = useState(null);
|
|
37
|
-
const [hasAttemptedApiSearch, setHasAttemptedApiSearch] = useState(false);
|
|
38
|
-
const stackOverflowTeamsApi = useApi(stackoverflowteamsApiRef);
|
|
39
|
-
const [baseUrl, setBaseUrl] = useState("");
|
|
40
|
-
useEffect(() => {
|
|
41
|
-
stackOverflowTeamsApi.getBaseUrl().then((url) => setBaseUrl(url));
|
|
42
|
-
}, [stackOverflowTeamsApi]);
|
|
43
|
-
useEffect(() => {
|
|
44
|
-
fetchData();
|
|
45
|
-
}, [fetchData]);
|
|
46
|
-
const searchTagsViaApi = useCallback(async (searchQuery) => {
|
|
47
|
-
if (!searchQuery.trim()) {
|
|
48
|
-
setApiSearchResults(null);
|
|
49
|
-
setHasAttemptedApiSearch(false);
|
|
50
|
-
return;
|
|
51
|
-
}
|
|
52
|
-
setApiSearchLoading(true);
|
|
53
|
-
setApiSearchError(null);
|
|
54
|
-
setHasAttemptedApiSearch(false);
|
|
55
|
-
try {
|
|
56
|
-
const response = await stackOverflowTeamsApi.getTags(searchQuery);
|
|
57
|
-
setApiSearchResults(response.items || []);
|
|
58
|
-
} catch (err) {
|
|
59
|
-
setApiSearchError(err);
|
|
60
|
-
setApiSearchResults([]);
|
|
61
|
-
} finally {
|
|
62
|
-
setApiSearchLoading(false);
|
|
63
|
-
setHasAttemptedApiSearch(true);
|
|
64
|
-
}
|
|
65
|
-
}, [stackOverflowTeamsApi]);
|
|
66
|
-
useEffect(() => {
|
|
67
|
-
const timer = setTimeout(() => {
|
|
68
|
-
const localFilteredTags2 = (data?.tags || []).filter(
|
|
69
|
-
(tag) => tag.name.toLowerCase().includes(searchTerm.toLowerCase())
|
|
70
|
-
);
|
|
71
|
-
if (localFilteredTags2.length === 0 && searchTerm.trim()) {
|
|
72
|
-
searchTagsViaApi(searchTerm);
|
|
73
|
-
} else {
|
|
74
|
-
setApiSearchResults(null);
|
|
75
|
-
setApiSearchError(null);
|
|
76
|
-
setHasAttemptedApiSearch(false);
|
|
77
|
-
}
|
|
78
|
-
}, 300);
|
|
79
|
-
return () => clearTimeout(timer);
|
|
80
|
-
}, [searchTerm, data?.tags, searchTagsViaApi]);
|
|
81
|
-
const localFilteredTags = (data?.tags || []).filter(
|
|
82
|
-
(tag) => tag.name.toLowerCase().includes(searchTerm.toLowerCase())
|
|
83
|
-
);
|
|
84
|
-
const shouldShowApiResults = localFilteredTags.length === 0 && searchTerm.trim() && hasAttemptedApiSearch && apiSearchResults !== null;
|
|
85
|
-
const tagsToShow = shouldShowApiResults ? apiSearchResults : localFilteredTags;
|
|
86
|
-
const isShowingApiResults = shouldShowApiResults;
|
|
87
|
-
const currentLoading = apiSearchLoading;
|
|
88
|
-
const currentError = apiSearchError;
|
|
89
|
-
const shouldShowResults = !currentLoading && !currentError && // Show local results if we have them
|
|
90
|
-
(localFilteredTags.length > 0 || // Show API results if we have attempted API search and got results
|
|
91
|
-
hasAttemptedApiSearch && apiSearchResults !== null);
|
|
92
|
-
return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Box, { mb: 2 }, /* @__PURE__ */ React.createElement(
|
|
93
|
-
TextField,
|
|
94
|
-
{
|
|
95
|
-
fullWidth: true,
|
|
96
|
-
variant: "outlined",
|
|
97
|
-
placeholder: "Filter tags...",
|
|
98
|
-
value: searchTerm,
|
|
99
|
-
onChange: (e) => setSearchTerm(e.target.value),
|
|
100
|
-
InputProps: {
|
|
101
|
-
startAdornment: /* @__PURE__ */ React.createElement(InputAdornment, { position: "start" }, /* @__PURE__ */ React.createElement(SearchIcon, null))
|
|
102
|
-
}
|
|
103
|
-
}
|
|
104
|
-
)), loading && /* @__PURE__ */ React.createElement(Progress, null), error && /* @__PURE__ */ React.createElement(ResponseErrorPanel, { error }), !loading && !error && /* @__PURE__ */ React.createElement(React.Fragment, null, currentLoading && /* @__PURE__ */ React.createElement(Progress, null), currentError && /* @__PURE__ */ React.createElement(ResponseErrorPanel, { error: currentError }), shouldShowResults && /* @__PURE__ */ React.createElement(
|
|
105
|
-
StackOverflowTagList,
|
|
106
|
-
{
|
|
107
|
-
tags: tagsToShow || [],
|
|
108
|
-
searchTerm,
|
|
109
|
-
baseUrl,
|
|
110
|
-
isApiSearch: !!isShowingApiResults,
|
|
111
|
-
isSearching: currentLoading
|
|
112
|
-
}
|
|
113
|
-
)));
|
|
114
|
-
};
|
|
115
|
-
|
|
116
|
-
export { StackOverflowTags, StackOverflowTags as default };
|
|
117
|
-
//# sourceMappingURL=StackOverflowTags.esm.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"StackOverflowTags.esm.js","sources":["../../../src/components/StackOverflow/StackOverflowTags.tsx"],"sourcesContent":["import React, { useEffect, useState, useCallback } from 'react';\nimport { Link, Progress, ResponseErrorPanel } from '@backstage/core-components';\nimport { useStackOverflowData } from './hooks/';\nimport {\n Chip,\n Grid,\n TextField,\n Box,\n Typography,\n InputAdornment,\n} from '@material-ui/core';\nimport { Tag } from '../../types';\nimport SearchIcon from '@material-ui/icons/Search';\nimport { stackoverflowteamsApiRef } from '../../api';\nimport { useApi } from '@backstage/core-plugin-api';\n\nconst StackOverflowTagList = ({\n tags,\n searchTerm,\n isApiSearch = false,\n isSearching = false,\n}: {\n tags: Tag[];\n searchTerm: string;\n baseUrl: string;\n isApiSearch?: boolean;\n isSearching?: boolean;\n}) => {\n if (isSearching) {\n return null; \n }\n\n if (tags.length === 0) {\n return (\n <Box textAlign=\"center\" py={4}>\n <Typography variant=\"body1\" gutterBottom>\n {isApiSearch \n ? `No tags found for \"${searchTerm}\" on your Stack Overflow Team`\n : `No matching tags were found for \"${searchTerm}\"`\n }\n </Typography>\n </Box>\n );\n }\n\n return (\n <Grid container spacing={1}>\n {tags.map(tag => (\n <Link key={tag.name} to={tag.webUrl} noTrack>\n <Chip\n label={`${tag.name}(${tag.postCount})`}\n variant=\"outlined\"\n clickable\n />\n </Link>\n ))}\n </Grid>\n );\n};\n\nexport const StackOverflowTags = () => {\n const { data, loading, error, fetchData } = useStackOverflowData('tags');\n const [searchTerm, setSearchTerm] = useState('');\n const [apiSearchResults, setApiSearchResults] = useState<Tag[] | null>(null);\n const [apiSearchLoading, setApiSearchLoading] = useState(false);\n const [apiSearchError, setApiSearchError] = useState<Error | null>(null);\n const [hasAttemptedApiSearch, setHasAttemptedApiSearch] = useState(false);\n const stackOverflowTeamsApi = useApi(stackoverflowteamsApiRef);\n\n const [baseUrl, setBaseUrl] = useState<string>('');\n \n useEffect(() => {\n stackOverflowTeamsApi.getBaseUrl().then(url => setBaseUrl(url));\n }, [stackOverflowTeamsApi]);\n\n useEffect(() => {\n fetchData();\n }, [fetchData]);\n\n // Debounced API search function\n const searchTagsViaApi = useCallback(async (searchQuery: string) => {\n if (!searchQuery.trim()) {\n setApiSearchResults(null);\n setHasAttemptedApiSearch(false);\n return;\n }\n\n setApiSearchLoading(true);\n setApiSearchError(null);\n setHasAttemptedApiSearch(false);\n \n try {\n const response = await stackOverflowTeamsApi.getTags(searchQuery);\n setApiSearchResults(response.items || []);\n } catch (err) {\n setApiSearchError(err as Error);\n setApiSearchResults([]);\n } finally {\n setApiSearchLoading(false);\n setHasAttemptedApiSearch(true);\n }\n }, [stackOverflowTeamsApi]);\n\n // Debounce the search to avoid too many API calls\n useEffect(() => {\n const timer = setTimeout(() => {\n const localFilteredTags = (data?.tags || []).filter(tag =>\n tag.name.toLowerCase().includes(searchTerm.toLowerCase()),\n );\n\n // If no local results and we have a search term, try API search\n if (localFilteredTags.length === 0 && searchTerm.trim()) {\n searchTagsViaApi(searchTerm);\n } else {\n // Reset API search results when we have local results or no search term\n setApiSearchResults(null);\n setApiSearchError(null);\n setHasAttemptedApiSearch(false);\n }\n }, 300); // 300ms debounce\n\n return () => clearTimeout(timer);\n }, [searchTerm, data?.tags, searchTagsViaApi]);\n\n const localFilteredTags = (data?.tags || []).filter(tag =>\n tag.name.toLowerCase().includes(searchTerm.toLowerCase()),\n );\n\n const shouldShowApiResults = localFilteredTags.length === 0 && searchTerm.trim() && hasAttemptedApiSearch && apiSearchResults !== null;\n const tagsToShow = shouldShowApiResults ? apiSearchResults : localFilteredTags;\n const isShowingApiResults = shouldShowApiResults;\n const currentLoading = apiSearchLoading;\n const currentError = apiSearchError;\n\n const shouldShowResults = !currentLoading && !currentError && (\n // Show local results if we have them\n localFilteredTags.length > 0 ||\n // Show API results if we have attempted API search and got results\n (hasAttemptedApiSearch && apiSearchResults !== null)\n );\n\n return (\n <div>\n <Box mb={2}>\n <TextField\n fullWidth\n variant=\"outlined\"\n placeholder=\"Filter tags...\"\n value={searchTerm}\n onChange={e => setSearchTerm(e.target.value)}\n InputProps={{\n startAdornment: (\n <InputAdornment position=\"start\">\n <SearchIcon />\n </InputAdornment>\n ),\n }}\n />\n </Box>\n\n {/* Show initial loading state */}\n {loading && <Progress />}\n \n {/* Show initial error state */}\n {error && <ResponseErrorPanel error={error} />}\n \n {/* Only show content when initial data is loaded */}\n {!loading && !error && (\n <>\n {/* Show API search loading */}\n {currentLoading && <Progress />}\n \n {/* Show API search error */}\n {currentError && <ResponseErrorPanel error={currentError} />}\n \n {/* Show results when appropriate */}\n {shouldShowResults && (\n <StackOverflowTagList\n tags={tagsToShow || []}\n searchTerm={searchTerm}\n baseUrl={baseUrl}\n isApiSearch={!!isShowingApiResults}\n isSearching={currentLoading}\n />\n )}\n </>\n )}\n </div>\n );\n};\n\nexport default StackOverflowTags;"],"names":["localFilteredTags"],"mappings":"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"}
|
|
@@ -1,193 +0,0 @@
|
|
|
1
|
-
import React, { useState, useEffect } from 'react';
|
|
2
|
-
import { Progress, ResponseErrorPanel, Link } from '@backstage/core-components';
|
|
3
|
-
import { useStackOverflowData } from './hooks/useStackOverflowData.esm.js';
|
|
4
|
-
import { useApi } from '@backstage/core-plugin-api';
|
|
5
|
-
import { stackoverflowteamsApiRef } from '../../api/StackOverflowAPI.esm.js';
|
|
6
|
-
import './hooks/useStackOverflowStyles.esm.js';
|
|
7
|
-
import { Box, TextField, InputAdornment, Typography, Grid, Card, CardContent, Avatar, IconButton, Chip } from '@material-ui/core';
|
|
8
|
-
import SearchIcon from '@material-ui/icons/Search';
|
|
9
|
-
import LaunchIcon from '@material-ui/icons/Launch';
|
|
10
|
-
import PersonIcon from '@material-ui/icons/Person';
|
|
11
|
-
import BusinessIcon from '@material-ui/icons/Business';
|
|
12
|
-
import { makeStyles } from '@material-ui/core/styles';
|
|
13
|
-
|
|
14
|
-
const useStyles = makeStyles((theme) => ({
|
|
15
|
-
searchBox: {
|
|
16
|
-
marginBottom: theme.spacing(3)
|
|
17
|
-
},
|
|
18
|
-
userCard: {
|
|
19
|
-
height: "100%",
|
|
20
|
-
display: "flex",
|
|
21
|
-
flexDirection: "column",
|
|
22
|
-
transition: theme.transitions.create(["box-shadow", "transform"], {
|
|
23
|
-
duration: theme.transitions.duration.short
|
|
24
|
-
}),
|
|
25
|
-
"&:hover": {
|
|
26
|
-
boxShadow: theme.shadows[4]
|
|
27
|
-
}
|
|
28
|
-
},
|
|
29
|
-
cardContent: {
|
|
30
|
-
height: "100%",
|
|
31
|
-
display: "flex",
|
|
32
|
-
flexDirection: "column",
|
|
33
|
-
"&:last-child": {
|
|
34
|
-
paddingBottom: theme.spacing(2)
|
|
35
|
-
}
|
|
36
|
-
},
|
|
37
|
-
cardHeader: {
|
|
38
|
-
display: "flex",
|
|
39
|
-
alignItems: "flex-start",
|
|
40
|
-
gap: theme.spacing(2),
|
|
41
|
-
marginBottom: theme.spacing(2),
|
|
42
|
-
minHeight: theme.spacing(6)
|
|
43
|
-
// Ensures consistent header height
|
|
44
|
-
},
|
|
45
|
-
userInfo: {
|
|
46
|
-
flex: 1,
|
|
47
|
-
minWidth: 0,
|
|
48
|
-
display: "flex",
|
|
49
|
-
flexDirection: "column",
|
|
50
|
-
gap: theme.spacing(0.5)
|
|
51
|
-
},
|
|
52
|
-
userName: {
|
|
53
|
-
lineHeight: 1.2,
|
|
54
|
-
minHeight: theme.spacing(3)
|
|
55
|
-
// Consistent name height
|
|
56
|
-
},
|
|
57
|
-
jobTitle: {
|
|
58
|
-
minHeight: theme.spacing(2.5)
|
|
59
|
-
// Consistent job title height
|
|
60
|
-
},
|
|
61
|
-
departmentContainer: {
|
|
62
|
-
minHeight: theme.spacing(2.5)
|
|
63
|
-
// Consistent department height
|
|
64
|
-
},
|
|
65
|
-
cardFooter: {
|
|
66
|
-
marginTop: "auto",
|
|
67
|
-
// Push footer to bottom
|
|
68
|
-
paddingTop: theme.spacing(1),
|
|
69
|
-
display: "flex",
|
|
70
|
-
justifyContent: "space-between",
|
|
71
|
-
alignItems: "center",
|
|
72
|
-
minHeight: theme.spacing(4)
|
|
73
|
-
// Consistent footer height
|
|
74
|
-
},
|
|
75
|
-
reputationChip: {
|
|
76
|
-
backgroundColor: theme.palette.primary.main,
|
|
77
|
-
color: theme.palette.primary.contrastText,
|
|
78
|
-
minWidth: theme.spacing(8)
|
|
79
|
-
// Consistent chip width
|
|
80
|
-
},
|
|
81
|
-
roleChip: {
|
|
82
|
-
minWidth: theme.spacing(7)
|
|
83
|
-
// Consistent role chip width
|
|
84
|
-
},
|
|
85
|
-
avatar: {
|
|
86
|
-
width: theme.spacing(5),
|
|
87
|
-
height: theme.spacing(5)
|
|
88
|
-
},
|
|
89
|
-
emptyState: {
|
|
90
|
-
textAlign: "center",
|
|
91
|
-
padding: theme.spacing(6, 2)
|
|
92
|
-
},
|
|
93
|
-
exploreMore: {
|
|
94
|
-
textAlign: "center",
|
|
95
|
-
marginTop: theme.spacing(3),
|
|
96
|
-
padding: theme.spacing(2)
|
|
97
|
-
}
|
|
98
|
-
}));
|
|
99
|
-
const UserCard = ({ user }) => {
|
|
100
|
-
const classes = useStyles();
|
|
101
|
-
const isModerator = user.role === "Moderator";
|
|
102
|
-
const isAdmin = user.role === "Admin";
|
|
103
|
-
return /* @__PURE__ */ React.createElement(Link, { to: user.webUrl, target: "_blank", rel: "Backstage_Plugin", style: { textDecoration: "none" } }, /* @__PURE__ */ React.createElement(Card, { className: classes.userCard }, /* @__PURE__ */ React.createElement(CardContent, { className: classes.cardContent }, /* @__PURE__ */ React.createElement(Box, { className: classes.cardHeader }, /* @__PURE__ */ React.createElement(
|
|
104
|
-
Avatar,
|
|
105
|
-
{
|
|
106
|
-
src: user.avatarUrl,
|
|
107
|
-
alt: user.name,
|
|
108
|
-
className: classes.avatar
|
|
109
|
-
},
|
|
110
|
-
/* @__PURE__ */ React.createElement(PersonIcon, null)
|
|
111
|
-
), /* @__PURE__ */ React.createElement(Box, { className: classes.userInfo }, /* @__PURE__ */ React.createElement(
|
|
112
|
-
Typography,
|
|
113
|
-
{
|
|
114
|
-
variant: "h6",
|
|
115
|
-
noWrap: true,
|
|
116
|
-
className: classes.userName
|
|
117
|
-
},
|
|
118
|
-
user.name
|
|
119
|
-
), /* @__PURE__ */ React.createElement(Box, { className: classes.jobTitle }, user.jobTitle ? /* @__PURE__ */ React.createElement(Typography, { variant: "body2", color: "textSecondary", noWrap: true }, user.jobTitle) : /* @__PURE__ */ React.createElement(Box, null)), /* @__PURE__ */ React.createElement(Box, { className: classes.departmentContainer }, user.department ? /* @__PURE__ */ React.createElement(Box, { display: "flex", alignItems: "center" }, /* @__PURE__ */ React.createElement(BusinessIcon, { fontSize: "small", color: "disabled" }), /* @__PURE__ */ React.createElement(Box, { ml: 0.5 }, /* @__PURE__ */ React.createElement(Typography, { variant: "body2", color: "textSecondary", noWrap: true }, user.department))) : /* @__PURE__ */ React.createElement(Box, null))), /* @__PURE__ */ React.createElement(IconButton, { size: "small", "aria-label": "open profile" }, /* @__PURE__ */ React.createElement(LaunchIcon, { fontSize: "small" }))), /* @__PURE__ */ React.createElement(Box, { className: classes.cardFooter }, /* @__PURE__ */ React.createElement(
|
|
120
|
-
Chip,
|
|
121
|
-
{
|
|
122
|
-
size: "small",
|
|
123
|
-
label: `${user.reputation.toLocaleString()} rep`,
|
|
124
|
-
className: classes.reputationChip,
|
|
125
|
-
variant: "default"
|
|
126
|
-
}
|
|
127
|
-
), /* @__PURE__ */ React.createElement(Box, null, (isModerator || isAdmin) && /* @__PURE__ */ React.createElement(
|
|
128
|
-
Chip,
|
|
129
|
-
{
|
|
130
|
-
label: isModerator ? "Moderator" : "Admin",
|
|
131
|
-
size: "small",
|
|
132
|
-
color: isModerator ? "primary" : "secondary",
|
|
133
|
-
variant: "outlined",
|
|
134
|
-
className: classes.roleChip
|
|
135
|
-
}
|
|
136
|
-
))))));
|
|
137
|
-
};
|
|
138
|
-
const StackOverflowUserList = ({
|
|
139
|
-
users,
|
|
140
|
-
searchTerm,
|
|
141
|
-
baseUrl
|
|
142
|
-
}) => {
|
|
143
|
-
const classes = useStyles();
|
|
144
|
-
if (users.length === 0) {
|
|
145
|
-
return /* @__PURE__ */ React.createElement(Box, { className: classes.emptyState }, /* @__PURE__ */ React.createElement(PersonIcon, { fontSize: "large", color: "disabled" }), /* @__PURE__ */ React.createElement(Typography, { variant: "h6", gutterBottom: true }, 'No users found matching "', searchTerm, '"'), /* @__PURE__ */ React.createElement(Typography, { variant: "body2", color: "textSecondary", paragraph: true }, "Try adjusting your search terms"), /* @__PURE__ */ React.createElement(Link, { to: `${baseUrl}/users` }, /* @__PURE__ */ React.createElement(Typography, { variant: "body1", color: "primary" }, "Browse all users \u2192")));
|
|
146
|
-
}
|
|
147
|
-
return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 3 }, users.map((user) => /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12, sm: 6, md: 4, lg: 3, key: user.id }, /* @__PURE__ */ React.createElement(UserCard, { user })))), users.length > 0 && /* @__PURE__ */ React.createElement(Box, { className: classes.exploreMore }, /* @__PURE__ */ React.createElement(Link, { to: `${baseUrl}/users` }, /* @__PURE__ */ React.createElement(Typography, { variant: "body1", color: "primary" }, "Explore more users \u2192"))));
|
|
148
|
-
};
|
|
149
|
-
const StackOverflowUsers = () => {
|
|
150
|
-
const classes = useStyles();
|
|
151
|
-
const { data, loading, error, fetchData } = useStackOverflowData("users");
|
|
152
|
-
const [searchTerm, setSearchTerm] = useState("");
|
|
153
|
-
const stackOverflowTeamsApi = useApi(stackoverflowteamsApiRef);
|
|
154
|
-
const [baseUrl, setBaseUrl] = useState("");
|
|
155
|
-
useEffect(() => {
|
|
156
|
-
stackOverflowTeamsApi.getBaseUrl().then((url) => setBaseUrl(url));
|
|
157
|
-
}, [stackOverflowTeamsApi]);
|
|
158
|
-
useEffect(() => {
|
|
159
|
-
fetchData();
|
|
160
|
-
}, [fetchData]);
|
|
161
|
-
if (loading) {
|
|
162
|
-
return /* @__PURE__ */ React.createElement(Progress, null);
|
|
163
|
-
}
|
|
164
|
-
if (error) {
|
|
165
|
-
return /* @__PURE__ */ React.createElement(ResponseErrorPanel, { error });
|
|
166
|
-
}
|
|
167
|
-
const filteredUsers = (data?.users || []).sort((a, b) => b.reputation - a.reputation).filter(
|
|
168
|
-
(user) => `${user.name} ${user.jobTitle} ${user.department} ${user.role}`.toLowerCase().includes(searchTerm.toLowerCase())
|
|
169
|
-
);
|
|
170
|
-
return /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Box, { className: classes.searchBox }, /* @__PURE__ */ React.createElement(
|
|
171
|
-
TextField,
|
|
172
|
-
{
|
|
173
|
-
fullWidth: true,
|
|
174
|
-
variant: "outlined",
|
|
175
|
-
placeholder: "Search users...",
|
|
176
|
-
value: searchTerm,
|
|
177
|
-
onChange: (e) => setSearchTerm(e.target.value),
|
|
178
|
-
InputProps: {
|
|
179
|
-
startAdornment: /* @__PURE__ */ React.createElement(InputAdornment, { position: "start" }, /* @__PURE__ */ React.createElement(SearchIcon, null))
|
|
180
|
-
}
|
|
181
|
-
}
|
|
182
|
-
)), /* @__PURE__ */ React.createElement(
|
|
183
|
-
StackOverflowUserList,
|
|
184
|
-
{
|
|
185
|
-
users: filteredUsers,
|
|
186
|
-
searchTerm,
|
|
187
|
-
baseUrl
|
|
188
|
-
}
|
|
189
|
-
));
|
|
190
|
-
};
|
|
191
|
-
|
|
192
|
-
export { StackOverflowUsers, StackOverflowUsers as default };
|
|
193
|
-
//# sourceMappingURL=StackOverflowUsers.esm.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"StackOverflowUsers.esm.js","sources":["../../../src/components/StackOverflow/StackOverflowUsers.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { Link, Progress, ResponseErrorPanel } from '@backstage/core-components';\nimport { useStackOverflowData } from './hooks/';\nimport {\n Grid,\n TextField,\n Box,\n Typography,\n InputAdornment,\n Card,\n CardContent,\n Avatar,\n Chip,\n IconButton,\n} from '@material-ui/core';\nimport { stackoverflowteamsApiRef, User } from '../../api';\nimport SearchIcon from '@material-ui/icons/Search';\nimport LaunchIcon from '@material-ui/icons/Launch';\nimport PersonIcon from '@material-ui/icons/Person';\nimport BusinessIcon from '@material-ui/icons/Business';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { useApi } from '@backstage/core-plugin-api';\n\nconst useStyles = makeStyles(theme => ({\n searchBox: {\n marginBottom: theme.spacing(3),\n },\n userCard: {\n height: '100%',\n display: 'flex',\n flexDirection: 'column',\n transition: theme.transitions.create(['box-shadow', 'transform'], {\n duration: theme.transitions.duration.short,\n }),\n '&:hover': {\n boxShadow: theme.shadows[4],\n },\n },\n cardContent: {\n height: '100%',\n display: 'flex',\n flexDirection: 'column',\n '&:last-child': {\n paddingBottom: theme.spacing(2),\n },\n },\n cardHeader: {\n display: 'flex',\n alignItems: 'flex-start',\n gap: theme.spacing(2),\n marginBottom: theme.spacing(2),\n minHeight: theme.spacing(6), // Ensures consistent header height\n },\n userInfo: {\n flex: 1,\n minWidth: 0,\n display: 'flex',\n flexDirection: 'column',\n gap: theme.spacing(0.5),\n },\n userName: {\n lineHeight: 1.2,\n minHeight: theme.spacing(3), // Consistent name height\n },\n jobTitle: {\n minHeight: theme.spacing(2.5), // Consistent job title height\n },\n departmentContainer: {\n minHeight: theme.spacing(2.5), // Consistent department height\n },\n cardFooter: {\n marginTop: 'auto', // Push footer to bottom\n paddingTop: theme.spacing(1),\n display: 'flex',\n justifyContent: 'space-between',\n alignItems: 'center',\n minHeight: theme.spacing(4), // Consistent footer height\n },\n reputationChip: {\n backgroundColor: theme.palette.primary.main,\n color: theme.palette.primary.contrastText,\n minWidth: theme.spacing(8), // Consistent chip width\n },\n roleChip: {\n minWidth: theme.spacing(7), // Consistent role chip width\n },\n avatar: {\n width: theme.spacing(5),\n height: theme.spacing(5),\n },\n emptyState: {\n textAlign: 'center',\n padding: theme.spacing(6, 2),\n },\n exploreMore: {\n textAlign: 'center',\n marginTop: theme.spacing(3),\n padding: theme.spacing(2),\n },\n}));\n\nconst UserCard = ({ user }: { user: User }) => {\n const classes = useStyles();\n const isModerator = user.role === 'Moderator';\n const isAdmin = user.role === 'Admin';\n\n return (\n <Link to={user.webUrl} target=\"_blank\" rel=\"Backstage_Plugin\" style={{ textDecoration: 'none' }}>\n <Card className={classes.userCard}>\n <CardContent className={classes.cardContent}>\n <Box className={classes.cardHeader}>\n <Avatar \n src={user.avatarUrl} \n alt={user.name}\n className={classes.avatar}\n >\n <PersonIcon />\n </Avatar>\n <Box className={classes.userInfo}>\n <Typography \n variant=\"h6\" \n noWrap \n className={classes.userName}\n >\n {user.name}\n </Typography>\n <Box className={classes.jobTitle}>\n {user.jobTitle ? (\n <Typography variant=\"body2\" color=\"textSecondary\" noWrap>\n {user.jobTitle}\n </Typography>\n ) : (\n <Box />\n )}\n </Box>\n <Box className={classes.departmentContainer}>\n {user.department ? (\n <Box display=\"flex\" alignItems=\"center\">\n <BusinessIcon fontSize=\"small\" color=\"disabled\" />\n <Box ml={0.5}>\n <Typography variant=\"body2\" color=\"textSecondary\" noWrap>\n {user.department}\n </Typography>\n </Box>\n </Box>\n ) : (\n <Box />\n )}\n </Box>\n </Box>\n <IconButton size=\"small\" aria-label=\"open profile\">\n <LaunchIcon fontSize=\"small\" />\n </IconButton>\n </Box>\n \n <Box className={classes.cardFooter}>\n <Chip\n size=\"small\"\n label={`${user.reputation.toLocaleString()} rep`}\n className={classes.reputationChip}\n variant=\"default\"\n />\n <Box>\n {(isModerator || isAdmin) && (\n <Chip\n label={isModerator ? 'Moderator' : 'Admin'}\n size=\"small\"\n color={isModerator ? 'primary' : 'secondary'}\n variant=\"outlined\"\n className={classes.roleChip}\n />\n )}\n </Box>\n </Box>\n </CardContent>\n </Card>\n </Link>\n );\n}\n\nconst StackOverflowUserList = ({\n users,\n searchTerm,\n baseUrl,\n}: {\n users: User[];\n searchTerm: string;\n baseUrl: string;\n}) => {\n const classes = useStyles();\n\n if (users.length === 0) {\n return (\n <Box className={classes.emptyState}>\n <PersonIcon fontSize=\"large\" color=\"disabled\" />\n <Typography variant=\"h6\" gutterBottom>\n No users found matching \"{searchTerm}\"\n </Typography>\n <Typography variant=\"body2\" color=\"textSecondary\" paragraph>\n Try adjusting your search terms\n </Typography>\n <Link to={`${baseUrl}/users`}>\n <Typography variant=\"body1\" color=\"primary\">\n Browse all users →\n </Typography>\n </Link>\n </Box>\n );\n }\n\n return (\n <>\n <Grid container spacing={3}>\n {users.map(user => (\n <Grid item xs={12} sm={6} md={4} lg={3} key={user.id}>\n <UserCard user={user} />\n </Grid>\n ))}\n </Grid>\n \n {users.length > 0 && (\n <Box className={classes.exploreMore}>\n <Link to={`${baseUrl}/users`}>\n <Typography variant=\"body1\" color=\"primary\">\n Explore more users →\n </Typography>\n </Link>\n </Box>\n )}\n </>\n );\n};\n\nexport const StackOverflowUsers = () => {\n const classes = useStyles();\n const { data, loading, error, fetchData } = useStackOverflowData('users');\n const [searchTerm, setSearchTerm] = useState('');\n const stackOverflowTeamsApi = useApi(stackoverflowteamsApiRef);\n const [baseUrl, setBaseUrl] = useState<string>('');\n\n useEffect(() => {\n stackOverflowTeamsApi.getBaseUrl().then(url => setBaseUrl(url));\n }, [stackOverflowTeamsApi]);\n\n useEffect(() => {\n fetchData();\n }, [fetchData]);\n\n if (loading) {\n return <Progress />;\n }\n\n if (error) {\n return <ResponseErrorPanel error={error} />;\n }\n\n const filteredUsers = (data?.users || [])\n .sort((a, b) => b.reputation - a.reputation)\n .filter(user =>\n `${user.name} ${user.jobTitle} ${user.department} ${user.role}`\n .toLowerCase()\n .includes(searchTerm.toLowerCase()),\n );\n\n return (\n <Box>\n <Box className={classes.searchBox}>\n <TextField\n fullWidth\n variant=\"outlined\"\n placeholder=\"Search users...\"\n value={searchTerm}\n onChange={e => setSearchTerm(e.target.value)}\n InputProps={{\n startAdornment: (\n <InputAdornment position=\"start\">\n <SearchIcon />\n </InputAdornment>\n ),\n }}\n />\n </Box>\n <StackOverflowUserList\n users={filteredUsers}\n searchTerm={searchTerm}\n baseUrl={baseUrl}\n />\n </Box>\n );\n};\n\nexport default StackOverflowUsers;"],"names":[],"mappings":"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"}
|