Вы не можете выбрать более 25 тем Темы должны начинаться с буквы или цифры, могут содержать дефисы(-) и должны содержать не более 35 символов.

SkeletonDirectChat.js 2.0KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. import React from "react";
  2. import {
  3. SkeletonDirectChatContainer,
  4. SkeletonDirectChatFirstColumn,
  5. SkeletonDirectChatFirstLine,
  6. SkeletonDirectChatFourthLine,
  7. SkeletonDirectChatFourthLineContainer,
  8. SkeletonDirectChatHeading,
  9. SkeletonDirectChatImage,
  10. SkeletonDirectChatRoundImage,
  11. SkeletonDirectChatSecondColumn,
  12. SkeletonDirectChatSecondColumnFirstLine,
  13. SkeletonDirectChatSecondColumnSecondLine,
  14. SkeletonDirectChatSecondLine,
  15. SkeletonDirectChatThirdColumn,
  16. SkeletonDirectChatThirdColumnSecondLine,
  17. SkeletonDirectChatThirdColumnSecondLineInside,
  18. SkeletonDirectChatThirdLine,
  19. SkeletonDirectChatVerticalLine,
  20. } from "./SkeletonDirectChat.styled";
  21. const SkeletonDirectChat = () => {
  22. return (
  23. <>
  24. <SkeletonDirectChatHeading />
  25. <SkeletonDirectChatContainer>
  26. <SkeletonDirectChatImage />
  27. <SkeletonDirectChatFirstColumn>
  28. <SkeletonDirectChatFirstLine />
  29. <SkeletonDirectChatSecondLine />
  30. <SkeletonDirectChatThirdLine />
  31. <SkeletonDirectChatFourthLineContainer>
  32. <SkeletonDirectChatFourthLine />
  33. <SkeletonDirectChatFourthLine />
  34. <SkeletonDirectChatFourthLine />
  35. </SkeletonDirectChatFourthLineContainer>
  36. </SkeletonDirectChatFirstColumn>
  37. <SkeletonDirectChatVerticalLine />
  38. <SkeletonDirectChatSecondColumn>
  39. <SkeletonDirectChatSecondColumnFirstLine />
  40. <SkeletonDirectChatSecondColumnSecondLine />
  41. <SkeletonDirectChatSecondColumnSecondLine />
  42. <SkeletonDirectChatSecondColumnSecondLine />
  43. <SkeletonDirectChatSecondColumnSecondLine />
  44. </SkeletonDirectChatSecondColumn>
  45. <SkeletonDirectChatThirdColumn>
  46. <SkeletonDirectChatRoundImage />
  47. <SkeletonDirectChatThirdColumnSecondLine>
  48. <SkeletonDirectChatThirdColumnSecondLineInside />
  49. </SkeletonDirectChatThirdColumnSecondLine>
  50. </SkeletonDirectChatThirdColumn>
  51. </SkeletonDirectChatContainer>
  52. </>
  53. );
  54. };
  55. export default SkeletonDirectChat;