// Copyright 2019-2021 Signal Messenger, LLC
// SPDX-License-Identifier: AGPL-3.0-only

import { CSSProperties } from 'react';
import { connect } from 'react-redux';

import { mapDispatchToProps } from '../actions';
import { StateType } from '../reducer';

import { MessageSearchResult } from '../../components/conversationList/MessageSearchResult';
import { getIntl } from '../selectors/user';
import { getMessageSearchResultSelector } from '../selectors/search';

type SmartProps = {
  id: string;
  style: CSSProperties;
};

function mapStateToProps(state: StateType, ourProps: SmartProps) {
  const { id, style } = ourProps;

  const props = getMessageSearchResultSelector(state)(id);

  return {
    ...props,
    i18n: getIntl(state),
    style,
  };
}
const smart = connect(mapStateToProps, mapDispatchToProps);

export const SmartMessageSearchResult = smart(MessageSearchResult);