src/views-components/context-menu/action-sets/favorite-action.tsx

   1 // Copyright (C) The Arvados Authors. All rights reserved.
   2 //
   3 // SPDX-License-Identifier: AGPL-3.0
   4
   5 import * as React from "react";
   6 import { ListItemIcon, ListItemText } from "@material-ui/core";
   7 import { FavoriteIcon, AddFavoriteIcon, RemoveFavoriteIcon } from "../../../components/icon/icon";
   8 import { connect } from "react-redux";
   9 import { RootState } from "../../../store/store";
  10
  11 const mapStateToProps = (state: RootState) => ({
  12     isFavorite: state.contextMenu.resource && state.favorites[state.contextMenu.resource.uuid] === true
  13 });
  14
  15 export const FavoriteActionText = connect(mapStateToProps)((props: { isFavorite: boolean }) =>
  16     props.isFavorite
  17         ? <>Remove from favorites</>
  18         : <>Add to favorites</>);
  19
  20 export const FavoriteActionIcon = connect(mapStateToProps)((props: { isFavorite: boolean }) =>
  21     props.isFavorite
  22         ? <RemoveFavoriteIcon />
  23         : <AddFavoriteIcon />);