Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 2334 | Rev 2336 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 2334 Rev 2335
Línea 1... Línea -...
1 
import { styled } from '@mui/material'
 - 
 
2 
import React from 'react'
 1 
import React from 'react'
Línea 3... Línea -...
3 
 
 - 
 
4 
const AnimatedReviewIcon = styled('svg')(({ theme }) => ({
 - 
 
5 
  '@keyframes dash': {
 - 
 
6 
    to: {
 - 
 
7 
      strokeDashoffset: 0
 - 
 
8 
    }
 - 
 
9 
  },
 - 
 
10 
  '& path:nth-child(-n+3)': {
 - 
 
11 
    strokeDasharray: 1000,
 - 
 
12 
    strokeDashoffset: 1000,
 - 
 
13 
    animation: 'dash 5s linear forwards'
 - 
 
14 
  }
 - 
 
15 
}))
 - 
 
16 
 
 2 
 
17 
export function ReviewIcon({ props }) {
 3 
export function ReviewIcon({ width = 150, height = 156.368, ...props }) {
18 
  return (
 4 
  return (
19 
    <AnimatedReviewIcon
 5 
    <svg
20 
      xmlns='http://www.w3.org/2000/svg'
 6 
      xmlns='http://www.w3.org/2000/svg'
21 
      viewBox='48.197 45.013 150 156.368'
 7 
      viewBox={`48.197 45.013 ${width} ${height}`}
22 
      width={150}
 8 
      width={width}
23 
      height={156.368}
 9 
      height={height}
24 
      {...props}
 10 
      {...props}
25 
    >
 11 
    >
26 
      <g />
 12 
      <g />
27 
      <path
 13 
      <path
Línea 49... Línea 35...
49 
        strokeLinecap='round'
 35 
        strokeLinecap='round'
50 
        strokeLinejoin='round'
 36 
        strokeLinejoin='round'
51 
        strokeMiterlimit={10}
 37 
        strokeMiterlimit={10}
52 
        strokeWidth={3.849}
 38 
        strokeWidth={3.849}
53 
      />
 39 
      />
54 
    </AnimatedReviewIcon>
 40 
    </svg>
55 
  )
 41 
  )
56 
}
 42 
}
Línea 57... Línea 43...
57 
 
 43 
 
- 
 
 44 
export function ErrorIcon({
- 
 
 45 
  width = 150,
- 
 
 46 
  height = 150,
- 
 
 47 
  color = 'var(--danger)',
- 
 
 48 
  ...props
58 
export function ErrorIcon({ props }) {
 49 
}) {
59 
  return (
 50 
  return (
60 
    <svg
 51 
    <svg
61 
      xmlns='http://www.w3.org/2000/svg'
 52 
      xmlns='http://www.w3.org/2000/svg'
62 
      viewBox='58.333 58.333 150 150'
 53 
      viewBox={`58.333 58.333 ${width} ${height}`}
63 
      width={150}
 54 
      width={width}
- 
 
 55 
      height={height}
64 
      height={150}
 56 
      color={color}
65 
      {...props}
 57 
      {...props}
66 
    >
 58 
    >
67 
      <g />
 59 
      <g />
68 
      <path
 60 
      <path
69 
        fill='#FFF0'
 61 
        fill='#FFF0'
70 
        stroke='#536DFE'
 62 
        stroke='currentColor'
71 
        strokeLinecap='round'
 63 
        strokeLinecap='round'
72 
        strokeLinejoin='round'
 64 
        strokeLinejoin='round'
73 
        strokeMiterlimit={10}
 65 
        strokeMiterlimit={10}
74 
        d='M206.25 133.333a72.917 72.917 0 0 1-72.917 72.917 72.917 72.917 0 0 1-72.916-72.917 72.917 72.917 0 0 1 145.833 0'
 66 
        d='M206.25 133.333a72.917 72.917 0 0 1-72.917 72.917 72.917 72.917 0 0 1-72.916-72.917 72.917 72.917 0 0 1 145.833 0'
75 
        strokeWidth={4.167}
 67 
        strokeWidth={4.167}
76 
      />
 68 
      />
77 
      <path
 69 
      <path
78 
        d='M162.5 104.167 104.167 162.5m58.333 0-58.333-58.333'
 70 
        d='M162.5 104.167 104.167 162.5m58.333 0-58.333-58.333'
79 
        fill='none'
 71 
        fill='none'
80 
        stroke='#536DFE'
 72 
        stroke='currentColor'
81 
        strokeLinecap='round'
 73 
        strokeLinecap='round'
82 
        strokeLinejoin='round'
 74 
        strokeLinejoin='round'
83 
        strokeMiterlimit={10}
 75 
        strokeMiterlimit={10}
84 
        strokeWidth={4.167}
 76 
        strokeWidth={4.167}