Init Chat Folders UI

ts/components/conversation/ConversationHeader.tsx

@@ -38,8 +38,8 @@ import {
   MessageRequestState,
 } from './MessageRequestActionsConfirmation.js';
 import type { MinimalConversation } from '../../hooks/useMinimalConversation.js';
-import { LocalDeleteWarningModal } from '../LocalDeleteWarningModal.js';
 import { InAnotherCallTooltip } from './InAnotherCallTooltip.js';
+import { DeleteMessagesConfirmationDialog } from '../DeleteMessagesConfirmationDialog.js';
 
 function HeaderInfoTitle({
   name,
@@ -1003,50 +1003,3 @@ function CannotLeaveGroupBecauseYouAreLastAdminAlert({
     />
   );
 }
-
-function DeleteMessagesConfirmationDialog({
-  i18n,
-  localDeleteWarningShown,
-  onDestroyMessages,
-  onClose,
-  setLocalDeleteWarningShown,
-}: {
-  i18n: LocalizerType;
-  localDeleteWarningShown: boolean;
-  onDestroyMessages: () => void;
-  onClose: () => void;
-  setLocalDeleteWarningShown: () => void;
-}) {
-  if (!localDeleteWarningShown) {
-    return (
-      <LocalDeleteWarningModal
-        i18n={i18n}
-        onClose={setLocalDeleteWarningShown}
-      />
-    );
-  }
-
-  const dialogBody = i18n(
-    'icu:ConversationHeader__DeleteConversationConfirmation__description-with-sync'
-  );
-
-  return (
-    <ConfirmationDialog
-      dialogName="ConversationHeader.destroyMessages"
-      title={i18n(
-        'icu:ConversationHeader__DeleteConversationConfirmation__title'
-      )}
-      actions={[
-        {
-          action: onDestroyMessages,
-          style: 'negative',
-          text: i18n('icu:delete'),
-        },
-      ]}
-      i18n={i18n}
-      onClose={onClose}
-    >
-      {dialogBody}
-    </ConfirmationDialog>
-  );
-}

ts/components/conversation/poll-message/PollMessageContents.tsx

@@ -209,13 +209,13 @@ export function PollMessageContents({
 
       {totalVotes > 0 ? (
         <div className={tw('mt-4 flex justify-center scheme-light')}>
-          <AxoButton
+          <AxoButton.Root
             size="medium"
             variant="floating-secondary"
             onClick={() => setShowVotesModal(true)}
           >
             {i18n('icu:PollMessage__ViewVotesButton')}
-          </AxoButton>
+          </AxoButton.Root>
         </div>
       ) : (
         <div