src/components/molecules/Rater/icons.tsx
last analyzed

Complexity

Total Complexity 0
Complexity/F 0

Size

Lines of Code 114
Function Count 0

Duplication

Duplicated Lines 0
Ratio 0 %

Test Coverage

Coverage 100%

Importance

Changes 0
Metric Value
wmc 0
eloc 87
mnd 0
bc 0
fnc 0
dl 0
loc 114
ccs 2
cts 2
cp 1
bpm 0
cpm 0
noi 0
c 0
b 0
f 0
1 1
import React from "react";
2
3
/** Icons dictionary
4
 *
5
 * @author Cataldo Cianciaruso <https://github.com/CianciarusoCataldo>
6
 *
7
 * @copyright 2022 Cataldo Cianciaruso
8
 */
9 1
export const ICONS = {
10
  star: {
11
    FULL: (
12
      <svg
13
        viewBox="0 0 194.22 184.73"
14
        width="30px"
15
        height="30px"
16
        className="icon"
17
      >
18
        <path
19
          d="M157.096 184.718l-60.01-31.565-60.025 31.542 11.476-66.828-48.546-47.34 67.103-9.737L97.115-.008l29.997 60.811 67.099 9.764-48.564 47.319z"
20
          fill="#fc0"
21
        />
22
        <path d="M127.315 60.416l-30.72 41.819 97.411-31.899z" fill="#ffe680" />
23
        <path
24
          d="M97.095 101.346v51.942l-60.63 31.117zM97.095 101.346l59.613 81.476-11.189-65.984z"
25
          fill="#fd5"
26
        />
27
        <path d="M.385 70.406L97.1 101.348 67.218 60.506z" fill="#ffe680" />
28
        <path d="M97.095 101.346V.126l29.83 60.357z" fill="#fd5" />
29
        <path d="M37.085 183.566l11.261-66.541 48.757-15.679z" fill="#ffd42a" />
30
      </svg>
31
    ),
32
    EMPTY: (
33
      <svg
34
        viewBox="0 0 122.88 117.42"
35
        width="30px"
36
        height="30px"
37
        className="icon"
38
      >
39
        <path
40
          d="M66.71 3.55L81.1 37.26l36.58 3.28v-.01c1.55.13 2.91.89 3.85 2.01a5.663 5.663 0 011.32 4.13v.01a5.673 5.673 0 01-1.69 3.57c-.12.13-.25.25-.39.36L93.25 74.64l8.19 35.83c.35 1.53.05 3.06-.73 4.29a5.652 5.652 0 01-3.54 2.52l-.14.03c-.71.14-1.43.15-2.12.02v.01c-.75-.13-1.47-.42-2.11-.84l-.05-.03-31.3-18.71-31.55 18.86a5.664 5.664 0 01-7.79-1.96c-.38-.64-.62-1.33-.73-2.02-.1-.63-.09-1.27.02-1.89.02-.13.04-.27.08-.4l8.16-35.7c-9.24-8.07-18.74-16.1-27.83-24.3l-.08-.08a5.64 5.64 0 01-1.72-3.7c-.1-1.45.36-2.93 1.4-4.12l.12-.13.08-.08a5.668 5.668 0 013.77-1.72h.06l36.34-3.26 14.44-33.8c.61-1.44 1.76-2.5 3.11-3.05 1.35-.54 2.9-.57 4.34.04.69.29 1.3.71 1.8 1.22.53.53.94 1.15 1.22 1.82l.02.06zm10.19 37.2L61.85 5.51a.42.42 0 00-.09-.14.42.42 0 00-.14-.09.427.427 0 00-.35 0c-.1.04-.19.12-.24.24L45.98 40.75c-.37.86-1.18 1.49-2.18 1.58l-37.9 3.4c-.08.01-.16.02-.24.02-.06 0-.13.02-.18.05-.03.01-.05.03-.07.05l-.1.12c-.05.08-.07.17-.06.26.01.09.04.18.09.25.06.05.13.11.19.17l28.63 25c.77.61 1.17 1.62.94 2.65l-8.51 37.22-.03.14c-.01.06-.02.12-.01.17a.454.454 0 00.33.36c.12.03.24.02.34-.04l32.85-19.64c.8-.5 1.85-.54 2.72-.02L95.43 112c.08.04.16.09.24.14.05.03.1.05.16.06v.01c.04.01.09.01.14 0l.04-.01c.12-.03.22-.1.28-.2.06-.09.08-.21.05-.33L87.8 74.28a2.6 2.6 0 01.83-2.55l28.86-25.2c.04-.03.07-.08.1-.13.02-.04.03-.1.04-.17a.497.497 0 00-.09-.33.48.48 0 00-.3-.15v-.01c-.01 0-.03 0-.03-.01l-37.97-3.41c-1-.01-1.93-.6-2.34-1.57z"
41
          fill="#ffcf00"
42
        />
43
      </svg>
44
    ),
45
  },
46
  circle: {
47
    FULL: (
48
      <svg viewBox="0 0 640 480" width="30px" height="30px" className="icon">
49
        <defs>
50
          <linearGradient id="prefix__a">
51
            <stop stopColor="#fff" offset={0} />
52
            <stop stopColor="#fff" stopOpacity={0} offset={1} />
53
          </linearGradient>
54
          <linearGradient
55
            y2={0.892}
56
            x2={0.5}
57
            y1={0}
58
            x1={0.5}
59
            id="prefix__b"
60
            xlinkHref="#prefix__a"
61
          />
62
        </defs>
63
        <g fill="#fff">
64
          <path d="M223.68 193.958h225.4V389h-225.4z" />
65
          <path d="M178.596 215.074s156.274-108.026 156.35-109.797c.075-1.772 151.033 106.496 151.033 106.496l-307.383 3.301z" />
66
        </g>
67
        <circle fill="#ff7f00" cx={330} cy={242} r={230} />
68
        <path
69
          opacity={0.75}
70
          fill="url(#prefix__b)"
71
          fillRule="evenodd"
72
          d="M527.64 189.227a196.774 157.93 0 11-393.549 0 196.774 157.93 0 11393.55 0z"
73
        />
74
      </svg>
75
    ),
76
    EMPTY: (
77
      <svg viewBox="0 0 400 400" width="30px" height="30px" className="icon">
78
        <path
79
          d="M349.417 199.627c0 82.844-67.16 150.003-150.004 150.003S49.41 282.471 49.41 199.627 116.57 49.624 199.413 49.624s150.004 67.158 150.004 150.003z"
80
          fill="#999"
81
        />
82
        <path
83
          transform="matrix(2.7878 0 0 2.7878 -647.405 -765.254)"
84
          d="M356.79 346.11c0 29.291-23.745 53.036-53.036 53.036s-53.036-23.745-53.036-53.036 23.745-53.036 53.036-53.036 53.036 23.745 53.036 53.036z"
85
          fill="url(#prefix__b)"
86
        />
87
        <path
88
          transform="matrix(2.53784 0 0 2.53784 -571.472 -678.737)"
89
          d="M356.79 346.11c0 29.291-23.745 53.036-53.036 53.036s-53.036-23.745-53.036-53.036 23.745-53.036 53.036-53.036 53.036 23.745 53.036 53.036z"
90
          fill="#ececec"
91
          filter="url(#prefix__c)"
92
        />
93
        <path
94
          transform="translate(-540.441 -643.38) scale(2.43566)"
95
          d="M356.79 346.11c0 29.291-23.745 53.036-53.036 53.036s-53.036-23.745-53.036-53.036 23.745-53.036 53.036-53.036 53.036 23.745 53.036 53.036z"
96
          fill="#999"
97
          filter="url(#prefix__c)"
98
        />
99
        <path
100
          transform="matrix(2.34121 0 0 2.34121 -511.747 -610.697)"
101
          d="M356.79 346.11c0 29.291-23.745 53.036-53.036 53.036s-53.036-23.745-53.036-53.036 23.745-53.036 53.036-53.036 53.036 23.745 53.036 53.036z"
102
          fill="url(#prefix__e)"
103
        />
104
        <path
105
          d="M193.79 862.76c-13.331.3-26.186 7.358-33.336 19.742-7.69 13.32-6.714 29.266 1.155 41.331.853-26.532 21.132-46.515 46.324-45.054 8.258.48 16.054 3.2 22.859 7.59a39.222 39.222 0 00-16.394-18.326 39.368 39.368 0 00-20.608-5.282z"
106
          fill="url(#prefix__e)"
107
          opacity={0.318}
108
          transform="translate(-366.51 -2423.6) scale(2.9052)"
109
        />
110
      </svg>
111
    ),
112
  },
113
};
114