update icons
parent
efada4719e
commit
24da7d61dd
14
src/App.js
14
src/App.js
|
@ -1,8 +1,4 @@
|
|||
import {
|
||||
DislikeOutlined,
|
||||
LikeOutlined,
|
||||
RightOutlined,
|
||||
} from "@ant-design/icons";
|
||||
import { DislikeFilled, LikeFilled, RightOutlined } from "@ant-design/icons";
|
||||
import "./App.css";
|
||||
import { Badge, Flex, Skeleton } from "antd";
|
||||
import { useEffect, useRef, useState } from "react";
|
||||
|
@ -304,14 +300,14 @@ function App() {
|
|||
productCharacteristics={product.Characteristics}
|
||||
rightComponent={
|
||||
<div style={{ display: "flex", gap: 12 }}>
|
||||
<DislikeOutlined
|
||||
<DislikeFilled
|
||||
style={{
|
||||
color:
|
||||
votes.findIndex(
|
||||
(vote) =>
|
||||
vote.n === product.Name && vote.t === 0
|
||||
) > -1
|
||||
? "red"
|
||||
? "#e74c3c"
|
||||
: "#000",
|
||||
}}
|
||||
onClick={() => {
|
||||
|
@ -342,14 +338,14 @@ function App() {
|
|||
}}
|
||||
/>
|
||||
<span>{product.Votes}</span>
|
||||
<LikeOutlined
|
||||
<LikeFilled
|
||||
style={{
|
||||
color:
|
||||
votes.findIndex(
|
||||
(vote) =>
|
||||
vote.n === product.Name && vote.t === 1
|
||||
) > -1
|
||||
? "green"
|
||||
? "#27ae60"
|
||||
: "#000",
|
||||
}}
|
||||
onClick={() => {
|
||||
|
|
Loading…
Reference in New Issue