a tool for shared writing and social publishing
add draft and published tags to previews in leaflet home
+8
-13
+8
-13
app/home/LeafletPreview.tsx
+8
-13
app/home/LeafletPreview.tsx
···
59
59
"theme/card-background-image-opacity",
60
60
);
61
61
62
-
// let cardBackgroundImage =
63
-
// useEntity(props.entityID, "theme/card-background-image") ||
64
-
// rootBackgroundImage;
65
-
// let cardBackgroundImageRepeat =
66
-
// useEntity(props.entityID, "theme/card-background-image-repeat") ||
67
-
// rootBackgroundRepeat;
68
-
// let cardBackgroundImageOpacity =
69
-
// useEntity(props.entityID, "theme/card-background-image-opacity")?.data
70
-
// .value ||
71
-
// rootBackgroundOpacity?.data.value ||
72
-
// 1;
73
-
74
62
return (
75
63
<div className="relative max-h-40 h-40">
76
64
<ThemeProvider local entityID={root}>
···
115
103
<LeafletAreYouSure token={props.token} setState={setState} />
116
104
)}
117
105
</div>
118
-
<div className="flex justify-end pt-1 shrink-0">
106
+
<div className="flex justify-between pt-1 shrink-0 w-full gap-2">
107
+
{(props.draft || props.published) && (
108
+
<div
109
+
className={`text-xs bg-bg-page rounded-md px-0.5 italic ${props.published ? "font-bold text-tertiary" : "text-tertiary"}`}
110
+
>
111
+
{props.published ? "Published!" : "Draft"}
112
+
</div>
113
+
)}
119
114
<LeafletOptions
120
115
leaflet={props.token}
121
116
isTemplate={isTemplate}