Add detailed search result ui (#1738)

Add a dedicated search page with more results and different types.
Users and groups are now indexed along with repositories.

Co-authored-by: René Pfeuffer <rene.pfeuffer@cloudogu.com>
This commit is contained in:
Sebastian Sdorra
2021-07-28 11:19:00 +02:00
committed by GitHub
parent ad6000722d
commit 91fec0f478
60 changed files with 2665 additions and 517 deletions

View File

@@ -33,6 +33,7 @@ const Avatar = styled.p`
type Props = {
repository: Repository;
size?: 16 | 24 | 32 | 48 | 64 | 96 | 128;
};
const renderExtensionPoint = (repository: Repository) => {
@@ -40,13 +41,13 @@ const renderExtensionPoint = (repository: Repository) => {
<ExtensionPoint
name="repos.repository-avatar.primary"
props={{
repository
repository,
}}
>
<ExtensionPoint
name="repos.repository-avatar"
props={{
repository
repository,
}}
>
<Image src="/images/blib.jpg" alt="Logo" />
@@ -55,8 +56,8 @@ const renderExtensionPoint = (repository: Repository) => {
);
};
const RepositoryAvatar: FC<Props> = ({ repository }) => {
return <Avatar className="image is-64x64">{renderExtensionPoint(repository)}</Avatar>;
const RepositoryAvatar: FC<Props> = ({ repository, size = 64 }) => {
return <Avatar className={`image is-${size}x${size}`}>{renderExtensionPoint(repository)}</Avatar>;
};
export default RepositoryAvatar;