chore: adjust files

src/components/log/log-item.tsx

@@ -0,0 +1,37 @@
+import { styled, Box } from "@mui/material";
+import { ApiType } from "../../services/types";
+
+const Item = styled(Box)(({ theme }) => ({
+  padding: "8px 0",
+  margin: "0 12px",
+  lineHeight: 1.35,
+  borderBottom: `1px solid ${theme.palette.divider}`,
+  "& .time": {},
+  "& .type": {
+    display: "inline-block",
+    padding: "0 6px",
+    textAlign: "center",
+    borderRadius: 2,
+    textTransform: "uppercase",
+    fontWeight: "600",
+  },
+  "& .data": {},
+}));
+
+interface Props {
+  value: ApiType.LogItem;
+}
+
+const LogItem = (props: Props) => {
+  const { value } = props;
+
+  return (
+    <Item>
+      <span className="time">{value.time}</span>
+      <span className="type">{value.type}</span>
+      <span className="data">{value.payload}</span>
+    </Item>
+  );
+};
+
+export default LogItem;