()
| 44 | } |
| 45 | |
| 46 | function LoadingUserState() { |
| 47 | return ( |
| 48 | <div |
| 49 | className={css({ |
| 50 | bg: "gray.100", |
| 51 | display: "flex", |
| 52 | justifyContent: "center", |
| 53 | alignItems: "center", |
| 54 | my: "-12", |
| 55 | px: "4", |
| 56 | })} |
| 57 | > |
| 58 | <div |
| 59 | className={css({ |
| 60 | px: "8", |
| 61 | py: "6", |
| 62 | display: "flex", |
| 63 | alignItems: "center", |
| 64 | flexDirection: "column", |
| 65 | bg: "white", |
| 66 | shadow: "lg", |
| 67 | rounded: "md", |
| 68 | })} |
| 69 | > |
| 70 | <p className={css({ fontSize: "md" })}>Loading user data</p> |
| 71 | |
| 72 | <div className={css({ mt: "2" })}> |
| 73 | <span |
| 74 | className={css({ |
| 75 | animation: "spin", |
| 76 | display: "flex", |
| 77 | alignItems: "center", |
| 78 | roundedTopRight: "md", |
| 79 | roundedBottomRight: "md", |
| 80 | px: "2", |
| 81 | _focus: { ring: "none", ringOffset: "none" }, |
| 82 | })} |
| 83 | > |
| 84 | <svg |
| 85 | xmlns="http://www.w3.org/2000/svg" |
| 86 | fill="none" |
| 87 | viewBox="0 0 24 24" |
| 88 | stroke-width="1.5" |
| 89 | stroke="currentColor" |
| 90 | className={css({ h: "5", w: "5", color: "gray.400" })} |
| 91 | > |
| 92 | <path |
| 93 | strokeLinecap="round" |
| 94 | strokeLinejoin="round" |
| 95 | d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0 3.181 3.183a8.25 8.25 0 0 0 13.803-3.7M4.031 9.865a8.25 8.25 0 0 1 13.803-3.7l3.181 3.182m0-4.991v4.99" |
| 96 | /> |
| 97 | </svg> |
| 98 | </span> |
| 99 | </div> |
| 100 | </div> |
| 101 | </div> |
| 102 | ); |
| 103 | } |
nothing calls this directly
no outgoing calls
no test coverage detected