From 66f3f0ba07a4274f9715c5c1d74d2ac91478decc Mon Sep 17 00:00:00 2001
From: Tatius Titus <129622680+tatiustaitus@users.noreply.github.com>
Date: Sun, 2 Apr 2023 05:07:09 +0330
Subject: [PATCH] fix: Do not render div as a descendant of p (#494)
---
src/components/proxy/proxy-render.tsx | 10 +++++++---
1 file changed, 7 insertions(+), 3 deletions(-)
diff --git a/src/components/proxy/proxy-render.tsx b/src/components/proxy/proxy-render.tsx
index 07d0745..012064a 100644
--- a/src/components/proxy/proxy-render.tsx
+++ b/src/components/proxy/proxy-render.tsx
@@ -40,7 +40,7 @@ export const ProxyRender = (props: RenderProps) => {
<ListItemText
primary={group.name}
secondary={
- <Box
+ <ListItemTextChild
sx={{
overflow: "hidden",
display: "flex",
@@ -50,7 +50,7 @@ export const ProxyRender = (props: RenderProps) => {
>
<StyledTypeBox>{group.type}</StyledTypeBox>
<StyledSubtitle>{group.now}</StyledSubtitle>
- </Box>
+ </ListItemTextChild>
}
secondaryTypographyProps={{
sx: { display: "flex", alignItems: "center" },
@@ -142,7 +142,11 @@ const StyledSubtitle = styled("span")`
white-space: nowrap;
`;
-const StyledTypeBox = styled(Box)(({ theme }) => ({
+const ListItemTextChild = styled("span")`
+ display: block;
+`;
+
+const StyledTypeBox = styled(ListItemTextChild)(({ theme }) => ({
display: "inline-block",
border: "1px solid #ccc",
borderColor: alpha(theme.palette.primary.main, 0.5),
--
GitLab