feat: s3 avatar uploads

apps/web/src/views/board/components/Filters.tsx

@@ -10,7 +10,11 @@ import Avatar from "~/components/Avatar";
 import Button from "~/components/Button";
 import CheckboxDropdown from "~/components/CheckboxDropdown";
 import LabelIcon from "~/components/LabelIcon";
-import { formatMemberDisplayName, formatToArray } from "~/utils/helpers";
+import {
+  formatMemberDisplayName,
+  formatToArray,
+  getAvatarUrl,
+} from "~/utils/helpers";
 
 interface Member {
   publicId: string;
@@ -65,7 +69,9 @@ const Filters = ({
       <Avatar
         size="xs"
         name={member.user?.name ?? ""}
-        imageUrl={member.user?.image ? "" : undefined}
+        imageUrl={
+          member.user?.image ? getAvatarUrl(member.user.image) : undefined
+        }
         email={member.user?.email ?? ""}
       />
     ),

apps/web/src/views/board/components/NewCardForm.tsx

@@ -18,7 +18,7 @@ import Toggle from "~/components/Toggle";
 import { useModal } from "~/providers/modal";
 import { usePopup } from "~/providers/popup";
 import { api } from "~/utils/api";
-import { formatMemberDisplayName } from "~/utils/helpers";
+import { formatMemberDisplayName, getAvatarUrl } from "~/utils/helpers";
 
 type NewCardFormInput = NewCardInput & {
   isCreateAnotherEnabled: boolean;
@@ -155,7 +155,9 @@ export function NewCardForm({
         <Avatar
           size="xs"
           name={member.user.name ?? ""}
-          imageUrl={member.user.image ? "" : undefined}
+          imageUrl={
+            member.user.image ? getAvatarUrl(member.user.image) : undefined
+          }
           email={member.user.email ?? ""}
         />
       ),