Proyectos de Subversion LeadersLinked - Antes de SPA

import React from "react";
import { connect } from "react-redux";
import styled from "styled-components";
import AlertComponent from "./AlertComponent";

const NotificationDiv = styled.div`
  position: fixed;
  top: 1rem;
  left: 50%;
  transform: translateX(-50%);
  /* width: 80vw; */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 1100;
`;
const NotificationAlert = (props) => {
  // redux destructuring
  const { notifications } = props;
  return (
    <NotificationDiv>
      {notifications.map((notification) => {
        return (
          <AlertComponent notification={notification} key={notification.id} />
        );
      })}
    </NotificationDiv>
  );
};

const mapStateToProps = (state) => ({
  notifications: state.notification.notifications,
});

// const mapDispatchToProps = {
// };

export default connect(mapStateToProps)(NotificationAlert);