feat: card attachments (#247)

* feat: add card attachment schema

* feat: setup s3 util funcs

* feat: add attachments router and repo funcs

* feat: add upload button

* feat: add thumbnails and attachment viewer

* feat: add download and delete button

* feat: add file viewer and downloads

* feat: update compose and readme

* chore: build lang

* feat: display attachments on public boards

* chore: update compiled translations

apps/web/src/views/public/board/CardModal.tsx

@@ -9,6 +9,7 @@ import LabelIcon from "~/components/LabelIcon";
 import { useModal } from "~/providers/modal";
 import { api } from "~/utils/api";
 import ActivityList from "~/views/card/components/ActivityList";
+import { AttachmentThumbnails } from "~/views/card/components/AttachmentThumbnails";
 import Checklists from "~/views/card/components/Checklists";
 
 export function CardModal({
@@ -126,11 +127,24 @@ export function CardModal({
                     <Editor
                       content={data.description}
                       readOnly
-                      workspaceMembers={data?.list.board.workspace.members ?? []}
+                      workspaceMembers={
+                        data?.list.board.workspace.members ?? []
+                      }
                     />
                   </div>
                 </div>
               )}
+              {data?.attachments &&
+                data.attachments.length > 0 &&
+                cardPublicId && (
+                  <div className="mb-10 max-w-2xl">
+                    <AttachmentThumbnails
+                      attachments={data.attachments}
+                      cardPublicId={cardPublicId}
+                      isReadOnly
+                    />
+                  </div>
+                )}
               {data?.checklists && data.checklists.length > 0 && (
                 <Checklists
                   checklists={data.checklists}

apps/web/src/views/public/board/index.tsx

@@ -189,6 +189,7 @@ export default function PublicBoardView() {
                             members={[]}
                             description={card.description}
                             comments={card.comments ?? []}
+                            attachments={card.attachments}
                           />
                         </Link>
                       ))}