@extrawest/firebase-chat-list-component
Version:
React Firebase Chat List Component
28 lines (27 loc) • 1.09 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const react_1 = __importDefault(require("react"));
const core_1 = require("@material-ui/core");
const lab_1 = require("@material-ui/lab");
const useStyles = core_1.makeStyles(() => ({
list: {
padding: 20,
"& > div:nth-child(even)": {
display: "flex",
justifyContent: "flex-start",
},
"& > div:nth-child(odd)": {
display: "flex",
justifyContent: "flex-end",
},
},
}));
const ChatSkeleton = ({ length = 3 }) => {
const classes = useStyles();
return (react_1.default.createElement(core_1.Box, { className: classes.list }, Array.from(new Array(length)).map((_item, index) => (react_1.default.createElement(core_1.Box, { key: index, pt: 0.5 },
react_1.default.createElement(lab_1.Skeleton, { height: "90px", width: "80%" }))))));
};
exports.default = ChatSkeleton;