All files / src/assets/emptyStatesIcons NoConnection.tsx

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
 
 
 
 
 
 
 
161x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import { useThemeContext } from "@components/EnterpriseSettings/Branding/Provider/CustomThemeProvider";
 
type Props = {
  width?: number;
  height?: number;
};
 
const NoConnection = ({ width = 100, height = 100 }: Props) => {
  const { parseLinearGradientColor } = useThemeContext();
  const [color1, color2] = parseLinearGradientColor();
  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      width={width}
      height={height}
      viewBox="0 0 100 100"
      fill="none"
    >
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M82.9579 19.7134C83.7324 18.9389 83.7325 17.6831 82.958 16.9086C82.1835 16.134 80.9277 16.134 80.1532 16.9085L17.3916 79.6655C16.6171 80.44 16.617 81.6958 17.3915 82.4703C18.166 83.2449 19.4218 83.2449 20.1963 82.4704L82.9579 19.7134ZM22.2451 59.0316C21.4395 56.6217 20.9646 54.18 20.7958 51.7561H32.6451C32.6963 53.4059 32.8091 55.0238 32.978 56.5983C33.0948 57.6874 34.0724 58.4756 35.1615 58.3587C36.2506 58.2419 37.0388 57.2643 36.922 56.1752C36.7679 54.7394 36.6635 53.263 36.6137 51.7561H41.4975C42.5929 51.7561 43.4808 50.8681 43.4808 49.7728C43.4808 48.6774 42.5929 47.7895 41.4975 47.7895H36.6101C36.8474 40.163 38.4769 33.3765 40.9162 28.4427C43.6222 22.9698 46.9867 20.3611 50.0945 20.3611C53.2252 20.3611 56.6184 23.0131 59.3333 28.5684C59.8142 29.5526 61.0019 29.9605 61.986 29.4795C62.9701 28.9986 63.378 27.8109 62.8971 26.8268C62.0521 25.0978 61.0803 23.4926 59.9921 22.0854C61.1436 22.4989 62.268 22.9833 63.3586 23.5353C64.3359 24.0299 65.5292 23.6387 66.0238 22.6614C66.5185 21.6841 66.1272 20.4908 65.1499 19.9962C57.4805 16.1144 48.3172 15.1755 39.5285 18.1135C22.0819 23.9458 12.652 42.846 18.4832 60.2892C19.2536 62.594 20.2564 64.7608 21.4497 66.7683C22.0094 67.7099 23.2264 68.0194 24.1679 67.4598C25.1095 66.9001 25.4191 65.6831 24.8594 64.7415C23.8081 62.9728 22.9244 61.0635 22.2451 59.0316ZM32.6418 47.7895H20.7905C21.5488 36.4496 28.8964 26.1193 40.201 22.0778C39.14 23.4485 38.1899 25.0071 37.3605 26.6847C34.6099 32.248 32.8796 39.6576 32.6418 47.7895ZM65.0033 40.915C66.0921 40.7954 67.0717 41.581 67.1913 42.6698C67.3741 44.3336 67.4941 46.0432 67.5453 47.7895H79.3976C79.235 45.3325 78.758 42.8565 77.9411 40.4128C77.2432 38.325 76.3329 36.3707 75.2446 34.5605C74.6802 33.6217 74.9837 32.4032 75.9225 31.8388C76.8613 31.2745 78.0798 31.578 78.6442 32.5168C79.8792 34.5711 80.9119 36.7886 81.7031 39.1552C87.5355 56.6021 78.1043 75.4986 60.6614 81.3297C50.9211 84.5859 40.7307 83.0846 32.6173 78.0947C31.6843 77.5209 31.3931 76.2993 31.967 75.3663C32.5408 74.4333 33.7623 74.1421 34.6953 74.716C36.4327 75.7844 38.2769 76.6712 40.1966 77.3605C38.6995 75.422 37.4164 73.1001 36.3719 70.5753C35.9532 69.5632 36.4343 68.4032 37.4464 67.9845C38.4586 67.5658 39.6185 68.0468 40.0372 69.059C42.8203 75.7862 46.6134 79.0828 50.0945 79.0828C53.2015 79.0828 56.5655 76.4751 59.2711 71.0027C61.6994 66.0912 63.3253 59.343 63.5738 51.7561H59.7173C58.622 51.7561 57.734 50.8681 57.734 49.7728C57.734 48.6774 58.622 47.7895 59.7173 47.7895H63.5769C63.5269 46.1894 63.4156 44.6244 63.2485 43.103C63.1288 42.0142 63.9145 41.0346 65.0033 40.915ZM67.5423 51.7561C67.2932 59.8497 65.5658 67.2209 62.8269 72.7607C61.9978 74.4377 61.0481 75.9956 59.9876 77.3659C71.2571 73.3375 78.5952 63.0577 79.3895 51.7561H67.5423Z"
        fill="url(#paint0_linear_825_215)"
      />
      <defs>
        <linearGradient
          id="paint0_linear_825_215"
          x1="83.5388"
          y1="16.3276"
          x2="18.5261"
          y2="84.7364"
          gradientUnits="userSpaceOnUse"
        >
          <stop stopColor={color1} />
          <stop offset="1" stopColor={color2} />
        </linearGradient>
      </defs>
    </svg>
  );
};
 
export default NoConnection;