Стилизация кнопки в форме Чтобы находиться на одной полосе только с bootstrap - PullRequest
Новая
       102

Стилизация кнопки в форме Чтобы находиться на одной полосе только с bootstrap

0 голосов
/ 02 августа 2020

Я пытаюсь стилизовать кнопку в той же строке списка дел

. Я пробовал кое-что безуспешно, я считаю, что это глупо, но я не понимаю, надеюсь на помощь 

import React from "react";
import { connect } from "react-redux";
import cx from "classnames";
import { toggleTodo, deleteTodo } from "../redux/actions";
import { ListGroupItem, Button } from "reactstrap";

const Todo = ({ todo, toggleTodo, deleteTodo }) => (
  <ListGroupItem className="todo-item d-inline">
    <div onClick={() => toggleTodo(todo.id)}>
      {todo && todo.completed ? "?" : "?"}{" "}
      <span
        className={cx(
          "todo-item__text",
          todo && todo.completed && "todo-item__text--completed"
        )}
      >
        {todo.content}
      </span>
    </div>
    <Button
      color="warning"
      size="sm"
      active
      onClick={() => deleteTodo(todo.id)}
    >
      DELETE
    </Button>
  </ListGroupItem>
);

// export default Todo;
export default connect(null, { toggleTodo, deleteTodo })(Todo);
...