fix: replies

Author: Marcus Pousette

packages/social-media-app/frontend/src/canvas/AppSelect.tsx

@@ -108,10 +108,11 @@ export const AppSelect = (properties: {
                                         {({ selected, active }) => (
                                             <div className="flex flex-col">
                                                 <span
-                                                    className={`truncate ${selected
+                                                    className={`truncate ${
+                                                        selected
                                                             ? "font-medium"
                                                             : "font-normal"
-                                                        }`}
+                                                    }`}
                                                 >
                                                     {app.title}
                                                 </span>
@@ -127,11 +128,14 @@ export const AppSelect = (properties: {
                                 {query.length > 0 && (
                                     <ComboboxOption
                                         className={({ active, selected }) =>
-                                            `cursor-default select-none relative py-2 pl-10 pr-4 ${active
-                                                ? "bg-primary-400 dark:bg-primary-600"
-                                                : "text-gray-900"
-                                            } ${selected &&
-                                            "bg-primary-600 dark:bg-primary-200"}`
+                                            `cursor-default select-none relative py-2 pl-10 pr-4 ${
+                                                active
+                                                    ? "bg-primary-400 dark:bg-primary-600"
+                                                    : "text-gray-900"
+                                            } ${
+                                                selected &&
+                                                "bg-primary-600 dark:bg-primary-200"
+                                            }`
                                         }
                                         value={unknownApp(query)}
                                     >

packages/social-media-app/frontend/src/canvas/Replies.tsx

@@ -98,6 +98,11 @@ export const Replies = (properties: { canvas?: CanvasDB }) => {
                     {sortedReplies.map((reply) => (
                         <div key={reply.id.toString()}>
                             <CanvasPreview canvas={reply} />
+                            <div className="flex w-full mt-1">
+                                <span className="mr-auto text-sm underline">
+                                    {`Replies (0)`}
+                                </span>
+                            </div>
                         </div>
                     ))}
                 </div>