refactor(InputBar): split logic into hooks and components

src/script/components/ConversationListCell/components/CellDescription/CellDescription.tsx

@@ -22,7 +22,7 @@ import {useMemo} from 'react';
 import cx from 'classnames';
 
 import * as Icon from 'Components/Icon';
-import {DraftState, generateConversationInputStorageKey} from 'Components/InputBar/util/DraftStateUtil';
+import {DraftState, generateConversationInputStorageKey} from 'Components/InputBar/common/draftState/draftState';
 import {useLocalStorage} from 'Hooks/useLocalStorage';
 
 import {iconStyle} from './CellDescription.style';

src/script/components/InputBar/components/MessageTimerButton/index.ts → src/script/components/InputBar/FileInput/FileInput.tsx

@@ -1,6 +1,6 @@
 /*
  * Wire
- * Copyright (C) 2022 Wire Swiss GmbH
+ * Copyright (C) 2024 Wire Swiss GmbH
  *
  * This program is free software: you can redistribute it and/or modify
  * it under the terms of the GNU General Public License as published by
@@ -17,4 +17,18 @@
  *
  */
 
-export * from './MessageTimerButton';
+import {PastedFileControls} from '../PastedFileControls/PastedFileControls';
+
+interface FileInputProps {
+  pastedFile: File | null;
+  onClearPastedFile: () => void;
+  onSendPastedFile: () => void;
+}
+
+export const FileInput = ({pastedFile, onClearPastedFile, onSendPastedFile}: FileInputProps) => {
+  if (!pastedFile) {
+    return null;
+  }
+
+  return <PastedFileControls pastedFile={pastedFile} onClear={onClearPastedFile} onSend={onSendPastedFile} />;
+};