Attempts to fix stuff

Signed-off-by: marcin mikołajczak <git@mkljczk.pl>

packages/pl-api/lib/entities/media-attachment.ts

@@ -88,11 +88,15 @@ const unknownAttachmentSchema = baseAttachmentSchema.extend({
 });
 
 /** @see {@link https://docs.joinmastodon.org/entities/MediaAttachment} */
-const mediaAttachmentSchema = z.preprocess((data: any) => ({
+const mediaAttachmentSchema = z.preprocess((data: any) => {
+  if (!data) return null;
+
+  return {
     mime_type: data.pleroma?.mime_type,
     preview_url: data.url,
     ...data,
-}), z.discriminatedUnion('type', [
+  };
+}, z.discriminatedUnion('type', [
   imageAttachmentSchema,
   videoAttachmentSchema,
   gifvAttachmentSchema,

packages/pl-fe/src/components/dropdown-menu/dropdown-menu.tsx

@@ -140,14 +140,14 @@ const DropdownMenu = (props: IDropdownMenu) => {
     }
   };
 
-  const handleDocumentClick = (event: Event) => {
+  const handleDocumentClick = useMemo(() => (event: Event) => {
     if (refs.floating.current && !refs.floating.current.contains(event.target as Node)) {
       handleClose();
       event.stopPropagation();
     }
-  };
+  }, [refs.floating.current]);
 
-  const handleKeyDown = (e: KeyboardEvent) => {
+  const handleKeyDown = useMemo(() => (e: KeyboardEvent) => {
     if (!refs.floating.current) return;
 
     const items = Array.from(refs.floating.current.querySelectorAll('a, button'));
@@ -185,7 +185,7 @@ const DropdownMenu = (props: IDropdownMenu) => {
       e.preventDefault();
       e.stopPropagation();
     }
-  };
+  }, [refs.floating.current]);
 
   const arrowProps: React.CSSProperties = useMemo(() => {
     if (middlewareData.arrow) {
@@ -325,6 +325,7 @@ const DropdownMenu = (props: IDropdownMenu) => {
             }}
           >
             {Component && <Component handleClose={handleClose} />}
+            {(items?.length || touching) && (
               <ul>
                 {items?.map((item, idx) => (
                   <DropdownMenuItem
@@ -346,6 +347,7 @@ const DropdownMenu = (props: IDropdownMenu) => {
                   </li>
                 )}
               </ul>
+            )}
 
             {/* Arrow */}
             {!touching && (

packages/pl-fe/src/features/compose/components/privacy-dropdown.tsx

@@ -1,5 +1,5 @@
 import clsx from 'clsx';
-import React, { useRef } from 'react';
+import React, { useEffect, useRef } from 'react';
 import { useIntl, defineMessages, FormattedMessage } from 'react-intl';
 
 import { changeComposeFederated, changeComposeVisibility } from 'pl-fe/actions/compose';
@@ -103,6 +103,12 @@ const PrivacyDropdownMenu: React.FC<IPrivacyDropdownMenu> = ({
     }
   };
 
+  useEffect(() => {
+    if (node.current) {
+      (node.current?.querySelector('li[aria-selected=true]') as HTMLDivElement)?.focus();
+    }
+  }, [node.current]);
+
   return (
     <ul ref={node}>
       {items.map(item => {

packages/pl-fe/src/queries/chats.ts

@@ -146,8 +146,9 @@ const useChatActions = (chatId: string) => {
       .catch(() => null);
 
   const createChatMessage = useMutation({
-    mutationFn: ({ chatId, content, mediaId }: { chatId: string; content: string; mediaId?: string }) =>
-      client.chats.createChatMessage(chatId, { content, media_id: mediaId }),
+    mutationFn: ({ chatId, content, mediaId }: { chatId: string; content: string; mediaId?: string }) => {
+      return client.chats.createChatMessage(chatId, { content, media_id: mediaId });
+    },
     retry: false,
     onMutate: async (variables) => {
       // Cancel any outgoing refetches (so they don't overwrite our optimistic update)
@@ -167,7 +168,7 @@ const useChatActions = (chatId: string) => {
           if (idx === 0) {
             return {
               ...page,
-              result: [
+              items: [
                 normalizeChatMessage({
                   ...chatMessageSchema.parse({
                     content: variables.content,
@@ -178,7 +179,7 @@ const useChatActions = (chatId: string) => {
                   }),
                   pending: true,
                 }),
-                ...page.result,
+                ...page.items,
               ],
             };
           }