@ant-design/icons#InfoCircleTwoTone JavaScript Examples

The following examples show how to use @ant-design/icons#InfoCircleTwoTone. You can vote up the ones you like or vote down the ones you don't like, and go to the original project or source file by following the links above each example. You may check out the related API usage on the sidebar.
Example #1
Source File: utils.js    From the-eye-knows-the-garbage with MIT License 7 votes vote down vote up 
renderForeignKey = (text, VerboseNameMap) => {
  console.log(text);
  console.log(VerboseNameMap);
  let items = [];
  for (let key in text) {
    if (key !== 'ty_options_display_txt') {
      let one = <Descriptions.Item label={VerboseNameMap[key]}>{text[key]}</Descriptions.Item>;
      items.push(one);
    }
  }
  return <Space>
    <span>{text.ty_options_display_txt}</span>
    <Popover trigger="click" content={<Descriptions>
      {items}
    </Descriptions>} title="外键数据">
      <InfoCircleTwoTone size="small" />
    </Popover>
  </Space>;
}
Example #2
Source File: FeedbackResults.js    From video-journal-for-teams-fe with MIT License 4 votes vote down vote up 
ResultsModal = () => {
	const [showModal, setShowModal] = useState(false);
	const [values, setValues] = useState(null);
	const { team_id } = useParams();
	const dispatch = useDispatch();
	const history = useHistory();

	const handleOpen = () => {
		setShowModal(true);
	};

	const handleOk = () => {
		if (values) {
			const updates = { name: values };
			axios
				.put(``, updates)
				.then((res) => {
					dispatch(fetchTeamById(team_id));
					setShowModal(!showModal);
				})
				.catch((err) => console.log(err));
		}
	};

	const handleCancel = () => {
		setShowModal(false);
	};

	const handleChange = (e) => {
		setValues(e.target.value);
	};

	return (
		<div>
			<Button
				type="primary"
				style={{ color: "white", border: "none", fontSize: "1rem", textAlign: "left", backgroundColor: "#6954EA" }}
				onClick={handleOpen}>
				See your results
			</Button>

			<Modal
				title="Your Results"
				visible={showModal}
				onOk={handleOk}
				onCancel={handleCancel}
				okButtonProps={{ style: { backgroundColor: "#6954EA", color: "white", border: "none" } }}>
				Overall Performance : Some Score
				<Popover content="Some extra explination of what this means!">
					<Button
						style={{
							color: "#6954EA",
							border: "hidden",
							fontSize: "1rem",
							textAlign: "left",
							borderStyle: "none",
							backgroundColor: "transparent",
							boxShadow: "none",
						}}>
						<InfoCircleTwoTone />
					</Button>
				</Popover>
				<br />
				Delivery and Presentation : Some Score
				<Popover content="Some extra explination of what this means!">
					<Button
						style={{
							color: "#6954EA",
							border: "hidden",
							fontSize: "1rem",
							textAlign: "left",
							borderStyle: "none",
							backgroundColor: "transparent",
							boxShadow: "none",
						}}>
						<InfoCircleTwoTone />
					</Button>
				</Popover>
				<br />
				Quality of Response : Some Score
				<Popover content="Some extra explination of what this means!">
					<Button
						style={{
							color: "#6954EA",
							border: "hidden",
							fontSize: "1rem",
							textAlign: "left",
							borderStyle: "none",
							backgroundColor: "transparent",
							boxShadow: "none",
						}}>
						<InfoCircleTwoTone />
					</Button>
				</Popover>
				<br />
				Audio Quality : Some Score
				<Popover content="Some extra explination of what this means!">
					<Button
						style={{
							color: "#6954EA",
							border: "hidden",
							fontSize: "1rem",
							textAlign: "left",
							borderStyle: "none",
							backgroundColor: "transparent",
							boxShadow: "none",
						}}>
						<InfoCircleTwoTone />
					</Button>
				</Popover>
				<br />
				Visual Enviroment : Some Score
				<Popover content="Some extra explination of what this means!">
					<Button
						style={{
							color: "#6954EA",
							border: "hidden",
							fontSize: "1rem",
							textAlign: "left",
							borderStyle: "none",
							backgroundColor: "transparent",
							boxShadow: "none",
						}}>
						<InfoCircleTwoTone />
					</Button>
				</Popover>
			</Modal>
		</div>
	);
}
Example #3
Source File: Database.jsx    From notence with MIT License 4 votes vote down vote up 
function Database({
  name,
  pages,
  views,
  properties,
  onPageCreate,
  onPageDelete,
  onPageMetaChange,
  onPropertyCreate,
  onPropertyToggle,
  onPropertyDelete,
  onFilterCreate,
  onFilterChange,
  onFilterDelete,
  onSequenceChange,
  onRename,
  onViewCreate,
  onViewDelete,
  onViewRename,
  onGroupByInit,
  onGroupByChange,
}) {
  const [currentViewId, setCurrentViewId] = useState(views[0].id);
  const [selectedPageId, setSelectedPageId] = useState(null);
  const currentView = views.find((view) => view.id === currentViewId);
  const DataView = getView(currentView.type);

  const resetSelectedPageId = () => {
    setSelectedPageId(null);
  };

  const handlePropertyToggle = (propertyId) => onPropertyToggle(currentViewId, propertyId);
  const handleFilterChange = (filterId, newFilter) =>
    onFilterChange(currentViewId, filterId, newFilter);
  const handleFilterCreate = () => onFilterCreate(currentViewId);
  const handleFilterDelete = (filterId) => onFilterDelete(currentViewId, filterId);
  const handleSequenceChange = (newSequence) => onSequenceChange(currentViewId, newSequence);
  const handleGroupByInit = () => onGroupByInit(currentViewId);
  const handleGroupByChange = (propertyId) => onGroupByChange(currentViewId, propertyId);

  const handlePageCreate = (page) => {
    if (currentView.filters.length > 0) {
      notification.open({
        icon: <InfoCircleTwoTone />,
        message: "The new created page may not be able to show on current filter rules.",
        duration: 8,
      });
    }
    onPageCreate(page);
  };

  return (
    <DatabaseWrapper>
      <Title>
        <InlineInput onChange={onRename} value={name} />
      </Title>
      <Toolbar>
        <ViewSelect
          views={views}
          currentViewId={currentViewId}
          onChange={setCurrentViewId}
          onCreate={onViewCreate}
          onDelete={onViewDelete}
          onRename={onViewRename}
        />

        <div className="right">
          <PropertiesDropdown
            onPropertyCreate={onPropertyCreate}
            properties={properties}
            showProperties={currentView.showProperties}
            onPropertyToggle={handlePropertyToggle}
            onPropertyDelete={onPropertyDelete}
          />
          <FiltersDropdown
            properties={properties}
            filters={currentView.filters}
            onFilterCreate={handleFilterCreate}
            onFilterChange={handleFilterChange}
            onFilterDelete={handleFilterDelete}
          />
          {currentView.type === "BoardView" && (
            <GroupByDropdown
              properties={properties}
              groupBy={currentView.groupBy}
              onGroupByChange={handleGroupByChange}
            />
          )}
        </div>
      </Toolbar>

      <Content>
        <DataView
          onPageSelect={setSelectedPageId}
          onPageCreate={handlePageCreate}
          onPageDelete={onPageDelete}
          onPageMetaChange={onPageMetaChange}
          onSequenceChange={handleSequenceChange}
          onGroupByInit={handleGroupByInit}
          dataSource={pages}
          filters={currentView.filters}
          showProperties={currentView.showProperties}
          sorts={currentView.sorts}
          sequence={currentView.sequence}
          groupBy={currentView.groupBy}
          properties={properties}
        />

        <PageModal visible={!!selectedPageId} onCancel={resetSelectedPageId} footer={null}>
          {selectedPageId && <Page pageId={selectedPageId} properties={properties} />}
        </PageModal>
      </Content>
    </DatabaseWrapper>
  );
}