@nexusui/components
Version:
These are custom components specially-developed for NexusUI applications. They will make your life easier by giving you out-of-the-box implementations for various high-level UI elements that you can drop directly into your application.
2 lines (1 loc) • 799 B
JavaScript
;Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),e=require("@mui/material/Typography"),r=require("@mui/material/Stack"),a=require("../../../core/StatusAvatar/StatusAvatar.container.js");function s(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var i=s(e),o=s(r);const n="NexusFileUserCell";exports.FileUserCell=({row:e})=>{const r=e.owner.split(" ");return t.jsxs(o.default,{direction:"row",justifyContent:"center",alignItems:"flex-start",spacing:2,className:`${n}-root`,"data-testid":`${n}-root`,children:[t.jsx(a.StatusAvatar,{"data-testid":`${n}-avatar`,firstName:r[0],lastName:r.pop(),sx:{width:24,height:24}}),t.jsx(i.default,{"data-testid":`${n}-name`,variant:"body2",color:"text.secondary",noWrap:!0,children:e.owner})]})};