Edit File by line

Deprecated: str_replace(): Passing null to parameter #2 ($replace) of type array|string is deprecated in /home/sportsfever/public_html/filemanger/function.php on line 93

Deprecated: str_replace(): Passing null to parameter #2 ($replace) of type array|string is deprecated in /home/sportsfever/public_html/filemanger/function.php on line 93
/home/sportsfe.../httpdocs/clone/wp-conte.../plugins/leadin/scripts/shared/UICompon...
File: UISpinner.tsx
import React from 'react';
[0] Fix | Delete
import { styled } from '@linaria/react';
[1] Fix | Delete
import { CALYPSO_MEDIUM, CALYPSO } from './colors';
[2] Fix | Delete
[3] Fix | Delete
const SpinnerOuter = styled.div`
[4] Fix | Delete
align-items: center;
[5] Fix | Delete
color: #00a4bd;
[6] Fix | Delete
display: flex;
[7] Fix | Delete
flex-direction: column;
[8] Fix | Delete
justify-content: center;
[9] Fix | Delete
width: 100%;
[10] Fix | Delete
height: 100%;
[11] Fix | Delete
margin: '2px';
[12] Fix | Delete
`;
[13] Fix | Delete
[14] Fix | Delete
const SpinnerInner = styled.div`
[15] Fix | Delete
align-items: center;
[16] Fix | Delete
display: flex;
[17] Fix | Delete
justify-content: center;
[18] Fix | Delete
width: 100%;
[19] Fix | Delete
height: 100%;
[20] Fix | Delete
`;
[21] Fix | Delete
[22] Fix | Delete
interface IColorProp {
[23] Fix | Delete
color: string;
[24] Fix | Delete
}
[25] Fix | Delete
[26] Fix | Delete
const Circle = styled.circle<IColorProp>`
[27] Fix | Delete
fill: none;
[28] Fix | Delete
stroke: ${props => props.color};
[29] Fix | Delete
stroke-width: 5;
[30] Fix | Delete
stroke-linecap: round;
[31] Fix | Delete
transform-origin: center;
[32] Fix | Delete
`;
[33] Fix | Delete
[34] Fix | Delete
const AnimatedCircle = styled.circle<IColorProp>`
[35] Fix | Delete
fill: none;
[36] Fix | Delete
stroke: ${props => props.color};
[37] Fix | Delete
stroke-width: 5;
[38] Fix | Delete
stroke-linecap: round;
[39] Fix | Delete
transform-origin: center;
[40] Fix | Delete
animation: dashAnimation 2s ease-in-out infinite,
[41] Fix | Delete
spinAnimation 2s linear infinite;
[42] Fix | Delete
[43] Fix | Delete
@keyframes dashAnimation {
[44] Fix | Delete
0% {
[45] Fix | Delete
stroke-dasharray: 1, 150;
[46] Fix | Delete
stroke-dashoffset: 0;
[47] Fix | Delete
}
[48] Fix | Delete
[49] Fix | Delete
50% {
[50] Fix | Delete
stroke-dasharray: 90, 150;
[51] Fix | Delete
stroke-dashoffset: -50;
[52] Fix | Delete
}
[53] Fix | Delete
[54] Fix | Delete
100% {
[55] Fix | Delete
stroke-dasharray: 90, 150;
[56] Fix | Delete
stroke-dashoffset: -140;
[57] Fix | Delete
}
[58] Fix | Delete
}
[59] Fix | Delete
[60] Fix | Delete
@keyframes spinAnimation {
[61] Fix | Delete
transform: rotate(360deg);
[62] Fix | Delete
}
[63] Fix | Delete
`;
[64] Fix | Delete
[65] Fix | Delete
export default function UISpinner({ size = 20 }) {
[66] Fix | Delete
return (
[67] Fix | Delete
<SpinnerOuter>
[68] Fix | Delete
<SpinnerInner>
[69] Fix | Delete
<svg height={size} width={size} viewBox="0 0 50 50">
[70] Fix | Delete
<Circle color={CALYPSO_MEDIUM} cx="25" cy="25" r="22.5" />
[71] Fix | Delete
<AnimatedCircle color={CALYPSO} cx="25" cy="25" r="22.5" />
[72] Fix | Delete
</svg>
[73] Fix | Delete
</SpinnerInner>
[74] Fix | Delete
</SpinnerOuter>
[75] Fix | Delete
);
[76] Fix | Delete
}
[77] Fix | Delete
[78] Fix | Delete
It is recommended that you Edit text format, this type of Fix handles quite a lot in one request
Function