diff --git a/packages/pl-fe/src/components/ui/tabs.tsx b/packages/pl-fe/src/components/ui/tabs.tsx index 9ee642e26..075df08b4 100644 --- a/packages/pl-fe/src/components/ui/tabs.tsx +++ b/packages/pl-fe/src/components/ui/tabs.tsx @@ -18,7 +18,7 @@ import './tabs.css'; const HORIZONTAL_PADDING = 8; const AnimatedContext = React.createContext(null); -interface IAnimatedInterface { +interface IAnimatedTabs { /** Callback when a tab is chosen. */ onChange(index: number): void; /** Default tab index. */ @@ -27,7 +27,7 @@ interface IAnimatedInterface { } /** Tabs with a sliding active state. */ -const AnimatedTabs: React.FC = ({ children, ...rest }) => { +const AnimatedTabs: React.FC = ({ children, ...rest }) => { const [activeRect, setActiveRect] = React.useState(null); const ref = React.useRef(null); const rect = useRect(ref); diff --git a/packages/pl-fe/src/features/chats/components/chat-list-item.tsx b/packages/pl-fe/src/features/chats/components/chat-list-item.tsx index 75b1a43c5..83e84ad13 100644 --- a/packages/pl-fe/src/features/chats/components/chat-list-item.tsx +++ b/packages/pl-fe/src/features/chats/components/chat-list-item.tsx @@ -31,12 +31,12 @@ const messages = defineMessages({ settings: { id: 'chat_list_item.settings', defaultMessage: 'Chat settings' }, }); -interface IChatListItemInterface { +interface IChatListItem { chat: Chat; onClick: (chat: Chat) => void; } -const ChatListItem: React.FC = React.memo(({ chat, onClick }) => { +const ChatListItem: React.FC = React.memo(({ chat, onClick }) => { const { openModal } = useModalsActions(); const intl = useIntl(); const features = useFeatures(); diff --git a/packages/pl-fe/src/features/chats/components/chat-list-shoutbox.tsx b/packages/pl-fe/src/features/chats/components/chat-list-shoutbox.tsx index f3773e075..32e6a063d 100644 --- a/packages/pl-fe/src/features/chats/components/chat-list-shoutbox.tsx +++ b/packages/pl-fe/src/features/chats/components/chat-list-shoutbox.tsx @@ -11,11 +11,11 @@ import { useShoutboxMessages } from '@/stores/shoutbox'; import type { Chat } from 'pl-api'; -interface IChatListShoutboxInterface { +interface IChatListShoutbox { onClick: (chat: Chat | 'shoutbox') => void; } -const ChatListShoutbox: React.FC = ({ onClick }) => { +const ChatListShoutbox: React.FC = ({ onClick }) => { const instance = useInstance(); const { logo } = useFrontendConfig(); const messages = useShoutboxMessages(); diff --git a/packages/pl-fe/src/features/chats/components/chat.tsx b/packages/pl-fe/src/features/chats/components/chat.tsx index 02fc515f7..cb0c5208a 100644 --- a/packages/pl-fe/src/features/chats/components/chat.tsx +++ b/packages/pl-fe/src/features/chats/components/chat.tsx @@ -21,7 +21,7 @@ const messages = defineMessages({ uploadErrorLimit: { id: 'upload_error.limit', defaultMessage: 'File upload limit exceeded.' }, }); -interface ChatInterface { +interface IChat { chat: ChatEntity; inputRef?: MutableRefObject; className?: string; @@ -50,7 +50,7 @@ const clearNativeInputValue = (element: HTMLTextAreaElement) => { * Chat UI with just the messages and textarea. * Reused between floating desktop chats and fullscreen/mobile chats. */ -const Chat: React.FC = ({ chat, inputRef, className }) => { +const Chat: React.FC = ({ chat, inputRef, className }) => { const intl = useIntl(); const dispatch = useAppDispatch(); diff --git a/packages/pl-fe/src/features/chats/components/shoutbox.tsx b/packages/pl-fe/src/features/chats/components/shoutbox.tsx index abf618679..1ea3d97a1 100644 --- a/packages/pl-fe/src/features/chats/components/shoutbox.tsx +++ b/packages/pl-fe/src/features/chats/components/shoutbox.tsx @@ -10,12 +10,12 @@ import ShoutboxMessageList from './shoutbox-message-list'; const fileKeyGen = (): number => Math.floor(Math.random() * 0x10000); -interface ChatInterface { +interface IShoutbox { inputRef?: MutableRefObject; className?: string; } -const Shoutbox: React.FC = ({ inputRef, className }) => { +const Shoutbox: React.FC = ({ inputRef, className }) => { const [content, setContent] = useState(''); const [resetContentKey, setResetContentKey] = useState(fileKeyGen()); const [errorMessage] = useState();