| 4 | import type { TraceType } from "@refinedev/devtools-shared"; |
| 5 | |
| 6 | export const TraceList = ({ trace }: { trace?: TraceType[] }) => { |
| 7 | return ( |
| 8 | <div className={clsx("re-flex", "trace-list")}> |
| 9 | {[...(trace ?? [])].reverse().map((t, i, arr) => ( |
| 10 | <div |
| 11 | key={`${t}-${i}`} |
| 12 | className={clsx( |
| 13 | "trace-item", |
| 14 | i > 0 && "-re-ml-px", |
| 15 | i === 0 && "re-pl-2", |
| 16 | i === arr.length - 1 && "re-pr-2", |
| 17 | i === 0 && "re-rounded-l-xl", |
| 18 | i === arr.length - 1 && "re-rounded-r-xl", |
| 19 | "re-border", |
| 20 | "re-border-gray-700", |
| 21 | "re-py-1", |
| 22 | "re-pl-1.5", |
| 23 | "re-pr-2", |
| 24 | "re-text-gray-300", |
| 25 | "re-text-xs", |
| 26 | )} |
| 27 | > |
| 28 | {t.function} |
| 29 | </div> |
| 30 | ))} |
| 31 | </div> |
| 32 | ); |
| 33 | }; |