feat(UserCard): add UserCard support in UIFactory

ytsaurus · Apr 16, 2024 · c99fae5 · c99fae5
1 parent 65abfc5
commit c99fae5
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 2 deletions.
diff --git a/packages/ui/src/ui/UIFactory.tsx b/packages/ui/src/ui/UIFactory.tsx
@@ -28,6 +28,7 @@ import YT from './config/yt-config';
 import {PreparedAclSubject} from './utils/acl/acl-types';
 import {PreparedRole} from './utils/acl';
 import {UISettingsMonitoring} from '../shared/ui-settings';
+import {DefaultUserCard, type UserCardProps} from './components/UserLink/UserLink';
 
 type HeaderItemOrPage =
     | {
@@ -306,6 +307,8 @@ export interface UIFactory {
         disabled?: boolean;
     }): React.ReactNode;
 
+    renderUserCard(props: UserCardProps): React.ReactNode;
+
     makeSupportContent(
         params: {login: string; cluster?: string; buttonToWrap?: React.ReactNode},
         makeContent: (params: {
@@ -555,6 +558,10 @@ const uiFactory: UIFactory = {
         return undefined;
     },
 
+    renderUserCard(props: UserCardProps): React.ReactNode {
+        return <DefaultUserCard {...props} />;
+    },
+
     makeSupportContent(_x, makeContent) {
         const {reportBugUrl} = uiSettings;
         if (!reportBugUrl) {

diff --git a/packages/ui/src/ui/components/UserLink/UserLink.tsx b/packages/ui/src/ui/components/UserLink/UserLink.tsx
@@ -8,7 +8,7 @@ import './UserLink.scss';
 
 const block = cn('user-link');
 
-interface Props {
+export interface UserCardProps {
     className?: string;
     noLink?: boolean;
     internal?: boolean; // use YT link
@@ -18,14 +18,19 @@ interface Props {
     children?: React.ReactElement;
 }
 
-export function UserCard({userName, className, noLink, internal, children}: Props) {
+export function DefaultUserCard(props: UserCardProps) {
+    const {userName, className, noLink, internal, children} = props;
     const url = internal
         ? `/${YT.cluster}/users?filter=${userName}`
         : UIFactory.makeUrlForUserName({login: userName, cluster: YT.cluster});
 
     return <UserName {...{className, userName, url: noLink ? undefined : url, children}} />;
 }
 
+export function UserCard(props: UserCardProps) {
+    return UIFactory.renderUserCard(props);
+}
+
 export function UserName({
     userName,
     url,