a tool for shared writing and social publishing
fix delete button on card blocks not working
+52
-50
+52
-50
components/Blocks/CardBlock.tsx
+52
-50
components/Blocks/CardBlock.tsx
···
126
126
</div>
127
127
</div>
128
128
) : (
129
-
<div
130
-
className="cardBlockContent w-full flex overflow-clip cursor-pointer"
131
-
onMouseDown={(e) => {
132
-
e.preventDefault();
133
-
e.stopPropagation();
134
-
useUIState.getState().openCard(props.parent, cardEntity);
135
-
if (rep) focusCard(cardEntity, rep);
136
-
}}
137
-
>
138
-
<div className="my-2 ml-3 grow min-w-0 text-sm bg-transparent overflow-clip ">
139
-
{docMetadata[0] && (
140
-
<div
141
-
className={`cardBlockOne outline-none resize-none align-top flex gap-2 ${docMetadata[0].type === "heading" ? "font-bold text-base" : ""}`}
142
-
>
143
-
{docMetadata[0].listData && (
144
-
<ListMarker
145
-
{...docMetadata[0]}
146
-
className={
147
-
docMetadata[0].type === "heading"
148
-
? "!pt-[12px]"
149
-
: "!pt-[8px]"
150
-
}
151
-
/>
152
-
)}
153
-
<RenderedTextBlock entityID={docMetadata[0].value} />
154
-
</div>
155
-
)}
156
-
{docMetadata[1] && (
157
-
<div
158
-
className={`cardBlockLineTwo outline-none resize-none align-top flex gap-2 ${docMetadata[1].type === "heading" ? "font-bold" : ""}`}
159
-
>
160
-
{docMetadata[1].listData && (
161
-
<ListMarker {...docMetadata[1]} className="!pt-[8px]" />
162
-
)}
163
-
<RenderedTextBlock entityID={docMetadata[1].value} />
164
-
</div>
165
-
)}
166
-
{docMetadata[2] && (
167
-
<div
168
-
className={`cardBlockLineThree outline-none resize-none align-top flex gap-2 ${docMetadata[2].type === "heading" ? "font-bold" : ""}`}
169
-
>
170
-
{docMetadata[2].listData && (
171
-
<ListMarker {...docMetadata[2]} className="!pt-[8px]" />
172
-
)}
129
+
<>
130
+
<div
131
+
className="cardBlockContent w-full flex overflow-clip cursor-pointer"
132
+
onMouseDown={(e) => {
133
+
e.preventDefault();
134
+
e.stopPropagation();
135
+
useUIState.getState().openCard(props.parent, cardEntity);
136
+
if (rep) focusCard(cardEntity, rep);
137
+
}}
138
+
>
139
+
<div className="my-2 ml-3 grow min-w-0 text-sm bg-transparent overflow-clip ">
140
+
{docMetadata[0] && (
141
+
<div
142
+
className={`cardBlockOne outline-none resize-none align-top flex gap-2 ${docMetadata[0].type === "heading" ? "font-bold text-base" : ""}`}
143
+
>
144
+
{docMetadata[0].listData && (
145
+
<ListMarker
146
+
{...docMetadata[0]}
147
+
className={
148
+
docMetadata[0].type === "heading"
149
+
? "!pt-[12px]"
150
+
: "!pt-[8px]"
151
+
}
152
+
/>
153
+
)}
154
+
<RenderedTextBlock entityID={docMetadata[0].value} />
155
+
</div>
156
+
)}
157
+
{docMetadata[1] && (
158
+
<div
159
+
className={`cardBlockLineTwo outline-none resize-none align-top flex gap-2 ${docMetadata[1].type === "heading" ? "font-bold" : ""}`}
160
+
>
161
+
{docMetadata[1].listData && (
162
+
<ListMarker {...docMetadata[1]} className="!pt-[8px]" />
163
+
)}
164
+
<RenderedTextBlock entityID={docMetadata[1].value} />
165
+
</div>
166
+
)}
167
+
{docMetadata[2] && (
168
+
<div
169
+
className={`cardBlockLineThree outline-none resize-none align-top flex gap-2 ${docMetadata[2].type === "heading" ? "font-bold" : ""}`}
170
+
>
171
+
{docMetadata[2].listData && (
172
+
<ListMarker {...docMetadata[2]} className="!pt-[8px]" />
173
+
)}
173
174
174
-
<RenderedTextBlock entityID={docMetadata[2].value} />
175
-
</div>
176
-
)}
175
+
<RenderedTextBlock entityID={docMetadata[2].value} />
176
+
</div>
177
+
)}
178
+
</div>
179
+
{props.renderPreview && <CardPreview entityID={cardEntity} />}
177
180
</div>
178
-
{props.renderPreview && <CardPreview entityID={cardEntity} />}
179
181
{permission && (
180
182
<button
181
-
className="absolute p-1 top-0.5 right-0.5 hover:text-accent-contrast text-secondary sm:hidden sm:group-hover/cardBlock:block"
183
+
className="absolute p-1 top-0.5 right-0.5 hover:text-accent-contrast text-secondary sm:hidden sm:group-hover/cardBlock:block z-10"
182
184
onClick={(e) => {
183
185
e.stopPropagation();
184
186
setAreYouSure(true);
···
187
189
<CloseTiny />
188
190
</button>
189
191
)}
190
-
</div>
192
+
</>
191
193
)}
192
194
</div>
193
195
);