redbadger/website-honestly

View on GitHub
site/pages/our-work/case-study/mission-beyond/map-dot/index.js

Summary

Maintainability
F
1 wk
Test Coverage
F
0%
import React from 'react';

const MapDotImage = () => (
  <svg viewBox="0 0 927 527" xmlns="http://www.w3.org/2000/svg">
    <defs />
    <defs>
      <path
        id="a"
        d="M1.023.74a1.286 1.286 0 00-.669 1.119v18.946c0 .463.257.89.669 1.12l9.493 5.31c.413.232.92.232 1.335 0l13.565-7.588L4.268 7.813a.643.643 0 01-.332-.56v-.531c0-.231.127-.445.334-.562a.683.683 0 01.667.002l23.058 12.925c.206.116.333.33.333.56a.65.65 0 01-.334.562L1.023 35.297c-.412.23-.669.657-.669 1.119v18.946c0 .462.257.89.669 1.12.413.232.923.232 1.334 0l29.553-16.53c.413-.233.667-.66.667-1.121V18.39c0-.462-.254-.89-.667-1.121L2.357.74A1.345 1.345 0 001.69.566c-.23 0-.46.057-.667.174"
      />
      <path id="d" d="M0 .226h34.933v60.647H0z" />
      <linearGradient id="b" x1="55.362%" x2="29.506%" y1="80.399%" y2="4.863%">
        <stop offset="0%" stopColor="#673089" />
        <stop offset="100%" stopColor="#D8175F" />
      </linearGradient>
    </defs>
    <g fill="none" fillRule="evenodd">
      <path d="M0 0h927v527H0z" fill="#FFF" />
      <path
        d="M163.799 67.044l192.599 57.089M364.5 47.5l28 69m117.4-55.522l-23.8 60.956M637.5 137.5l-139-5m152.2 109.261l-96.4 13.522M440.5 152.5l9.8 82.783M274.5 208.5l90 33m95.7 46.631l4.3 63.369m61.45 15.424l88.55-.424m-119.841 16.597L559.5 479.5m-119.841-97.403L412.5 446.5m-4-88l-90-29m90 41l-179.08 40.799m-27.91-8.05L116.5 332.5m78.995 82.125l-97 13M207 428l-29 59m513.013-130.536l92.424-48.45M698.5 366.5l100 4m-112 8l55 74M719.4 42.131l-42.2 88.783M779.5 156.5l-90-15"
        stroke="#B12878"
        strokeDasharray="0 11"
        strokeLinecap="round"
        strokeOpacity=".5"
        strokeWidth="3"
      />
      <path
        d="M510.06 267.253c-4.002 0-7.062-3.022-7.062-7.204 0-4.183 3.06-7.205 7.062-7.205 4.002 0 7.062 3.022 7.062 7.205 0 4.182-3.06 7.204-7.062 7.204m0-18.824c-6.592 0-11.769 5.112-11.769 11.62 0 6.507 5.177 11.62 11.77 11.62 6.59 0 11.77-5.113 11.77-11.62 0-6.508-5.18-11.62-11.77-11.62m-25.189 17.895c-3.531 0-6.355-2.789-6.355-6.74 0-3.95 2.824-6.74 6.355-6.74 3.532 0 6.356 2.79 6.356 6.74 0 3.951-2.824 6.74-6.356 6.74m9.747-17.431h-2.074c-.728 0-1.317.583-1.317 1.3v1.722s-2.354-3.486-7.298-3.486c-5.413 0-10.12 4.647-10.12 11.155 0 6.506 4.707 11.155 10.12 11.155 4.944 0 7.298-3.486 7.298-3.486v3.022c0 4.416-2.824 7.204-7.063 7.204-2.603 0-4.51-1.378-5.524-2.34a1.329 1.329 0 00-1.81-.017l-1.384 1.27a1.292 1.292 0 00-.038 1.87c1.375 1.367 4.32 3.634 8.756 3.634 6.828 0 11.77-4.881 11.77-11.62v-20.083a1.31 1.31 0 00-1.316-1.301m-34.698 18.36c-3.767 0-6.827-3.022-6.827-7.204 0-4.183 3.06-7.205 6.827-7.205 3.766 0 6.827 3.022 6.827 7.205 0 4.182-3.061 7.204-6.827 7.204m10.217-18.36h-2.074c-.727 0-1.316.583-1.316 1.3v1.954s-2.355-3.718-7.768-3.718c-5.65 0-10.594 4.88-10.594 11.62 0 6.739 4.943 11.62 10.594 11.62 5.413 0 7.768-3.718 7.768-3.718v1.952c0 .719.589 1.302 1.316 1.302h2.074a1.31 1.31 0 001.317-1.302v-19.71c0-.717-.59-1.3-1.317-1.3m-34.228 18.36c-3.766 0-6.826-3.022-6.826-7.204 0-4.183 3.06-7.205 6.826-7.205 3.768 0 6.827 3.022 6.827 7.205 0 4.182-3.06 7.204-6.827 7.204m.943-18.824c-5.415 0-7.77 3.718-7.77 3.718v-1.953c0-.718-.588-1.301-1.316-1.301h-2.072a1.31 1.31 0 00-1.318 1.3v29.938c0 .72.59 1.301 1.318 1.301h2.073c.728 0 1.317-.581 1.317-1.3V267.95s2.354 3.719 7.77 3.719c5.648 0 10.592-4.881 10.592-11.62 0-6.74-4.944-11.62-10.593-11.62"
        fill="#2E3243"
      />
      <path
        d="M549.689 270.174l-7.723-10.59 7.02-9.661a.649.649 0 00-.536-1.031h-.968a.664.664 0 00-.535.273l-6.394 8.792-6.393-8.792a.665.665 0 00-.535-.273h-6.381v-4.647c0-2.557 1.411-3.95 3.53-3.95.849 0 1.636.184 2.2.363a.66.66 0 00.86-.619v-.711a.652.652 0 00-.42-.607c-.538-.205-1.536-.518-2.64-.518-3.53 0-5.65 2.092-5.65 6.042v26.308c0 .36.295.651.659.651h.801c.364 0 .66-.29.66-.651v-19.568h5.649l6.247 8.599-7.723 10.59a.647.647 0 00-.05.677.66.66 0 00.586.353h.965c.212 0 .41-.1.535-.27l7.1-9.723 7.101 9.724c.124.169.323.27.534.27h.967a.664.664 0 00.586-.354.647.647 0 00-.052-.677"
        fill="#6B7386"
      />
      <text
        fill="#2E3243"
        fontFamily="TTNormsPro-Bold, TT Norms Pro"
        fontSize="20"
        transform="translate(8 20)"
      >
        <tspan x="367.45" y="119">
          Onboarding
        </tspan>
      </text>
      <text
        fill="#2E3243"
        fontFamily="TTNormsPro-Bold, TT Norms Pro"
        fontSize="20"
        transform="translate(8 20)"
      >
        <tspan x="409.65" y="351">
          Payments
        </tspan>
      </text>
      <text
        fill="#2E3243"
        fontFamily="TTNormsPro-Bold, TT Norms Pro"
        fontSize="20"
        transform="translate(8 20)"
      >
        <tspan x="656" y="225">
          License
        </tspan>
      </text>
      <text
        fill="#2E3243"
        fontFamily="TTNormsPro-Bold, TT Norms Pro"
        fontSize="13"
        transform="translate(8 20)"
      >
        <tspan x="620.393" y="351">
          Fin Crime
        </tspan>
      </text>
      <text
        fill="#2E3243"
        fontFamily="TTNormsPro-Bold, TT Norms Pro"
        fontSize="13"
        transform="translate(8 20)"
      >
        <tspan x="780.52" y="286">
          Ops
        </tspan>
      </text>
      <text
        fill="#2E3243"
        fontFamily="TTNormsPro-Bold, TT Norms Pro"
        fontSize="13"
        transform="translate(8 20)"
      >
        <tspan x="801.58" y="355">
          Screening
        </tspan>
      </text>
      <text
        fill="#2E3243"
        fontFamily="TTNormsPro-Bold, TT Norms Pro"
        fontSize="13"
        transform="translate(8 20)"
      >
        <tspan x="734.445" y="449">
          Transaction
        </tspan>
        <tspan x="736.428" y="465">
          monitoring
        </tspan>
      </text>
      <text
        fill="#2E3243"
        fontFamily="TTNormsPro-Bold, TT Norms Pro"
        fontSize="13"
        transform="translate(8 20)"
      >
        <tspan x="369.387" y="439">
          Ledger
        </tspan>
      </text>
      <text
        fill="#2E3243"
        fontFamily="TTNormsPro-Bold, TT Norms Pro"
        fontSize="13"
        transform="translate(8 20)"
      >
        <tspan x="534.31" y="474">
          Safeguarding
        </tspan>
      </text>
      <text
        fill="#2E3243"
        fontFamily="TTNormsPro-Bold, TT Norms Pro"
        fontSize="13"
        transform="translate(8 20)"
      >
        <tspan x="247.585" y="306">
          Funding
        </tspan>
      </text>
      <text
        fill="#000"
        fontFamily="TTNormsPro-Bold, TT Norms Pro"
        fontSize="13"
        transform="translate(8 20)"
      >
        <tspan x="198.42" y="398">
          FX
        </tspan>
      </text>
      <text
        fill="#2E3243"
        fontFamily="TTNormsPro-Bold, TT Norms Pro"
        fontSize="13"
        transform="translate(8 20)"
      >
        <tspan x="125.22" y="479">
          Liquidity
        </tspan>
      </text>
      <text
        fill="#2E3243"
        fontFamily="TTNormsPro-Bold, TT Norms Pro"
        fontSize="13"
        transform="translate(8 20)"
      >
        <tspan x="33.805" y="413">
          Hedging
        </tspan>
      </text>
      <text
        fill="#2E3243"
        fontFamily="TTNormsPro-Bold, TT Norms Pro"
        fontSize="13"
        transform="translate(8 20)"
      >
        <tspan x="57.51" y="309">
          Quotes
        </tspan>
      </text>
      <text
        fill="#2E3243"
        fontFamily="TTNormsPro-Bold, TT Norms Pro"
        fontSize="20"
        transform="translate(8 20)"
      >
        <tspan x="158" y="186">
          Info to see
        </tspan>
      </text>
      <text
        fill="#2E3243"
        fontFamily="TTNormsPro-Bold, TT Norms Pro"
        fontSize="13"
        transform="translate(8 20)"
      >
        <tspan x="321.507" y="16">
          Log in
        </tspan>
      </text>
      <text
        fill="#2E3243"
        fontFamily="TTNormsPro-Bold, TT Norms Pro"
        fontSize="13"
        transform="translate(8 20)"
      >
        <tspan x="64.528" y="40">
          Registration
        </tspan>
      </text>
      <text
        fill="#2E3243"
        fontFamily="TTNormsPro-Bold, TT Norms Pro"
        fontSize="13"
        transform="translate(8 20)"
      >
        <tspan x="493.777" y="32">
          Details
        </tspan>
      </text>
      <text
        fill="#2E3243"
        fontFamily="TTNormsPro-Bold, TT Norms Pro"
        fontSize="13"
        transform="translate(8 20)"
      >
        <tspan x="643.253" y="122">
          KYC
        </tspan>
      </text>
      <text
        fill="#2E3243"
        fontFamily="TTNormsPro-Bold, TT Norms Pro"
        fontSize="13"
        transform="translate(8 20)"
      >
        <tspan x="782.58" y="145">
          Screening
        </tspan>
      </text>
      <text
        fill="#2E3243"
        fontFamily="TTNormsPro-Bold, TT Norms Pro"
        fontSize="13"
        transform="translate(8 20)"
      >
        <tspan x="704.015" y="12">
          Identity
        </tspan>
      </text>
      <g transform="translate(379 231)">
        <mask id="c" fill="#fff">
          <path d="M1.023.74a1.286 1.286 0 00-.669 1.119v18.946c0 .463.257.89.669 1.12l9.493 5.31c.413.232.92.232 1.335 0l13.565-7.588L4.268 7.813a.643.643 0 01-.332-.56v-.531c0-.231.127-.445.334-.562a.683.683 0 01.667.002l23.058 12.925c.206.116.333.33.333.56a.65.65 0 01-.334.562L1.023 35.297c-.412.23-.669.657-.669 1.119v18.946c0 .462.257.89.669 1.12.413.232.923.232 1.334 0l29.553-16.53c.413-.233.667-.66.667-1.121V18.39c0-.462-.254-.89-.667-1.121L2.357.74A1.345 1.345 0 001.69.566c-.23 0-.46.057-.667.174" />
        </mask>
        <path
          d="M1.023.74a1.286 1.286 0 00-.669 1.119v18.946c0 .463.257.89.669 1.12l9.493 5.31c.413.232.92.232 1.335 0l13.565-7.588L4.268 7.813a.643.643 0 01-.332-.56v-.531c0-.231.127-.445.334-.562a.683.683 0 01.667.002l23.058 12.925c.206.116.333.33.333.56a.65.65 0 01-.334.562L1.023 35.297c-.412.23-.669.657-.669 1.119v18.946c0 .462.257.89.669 1.12.413.232.923.232 1.334 0l29.553-16.53c.413-.233.667-.66.667-1.121V18.39c0-.462-.254-.89-.667-1.121L2.357.74A1.345 1.345 0 001.69.566c-.23 0-.46.057-.667.174"
          fill="url(#b)"
          mask="url(#c)"
        />
      </g>
      <g transform="translate(378 230)">
        <mask id="e" fill="#fff">
          <path d="M0 .226h34.933v60.647H0z" />
        </mask>
        <path
          d="M3.05.226a3.02 3.02 0 00-1.525.413A3.097 3.097 0 000 3.309V22.6a3.1 3.1 0 001.525 2.67l9.04 5.278-9.04 5.277A3.104 3.104 0 000 38.497V57.79a3.1 3.1 0 001.525 2.67 3.03 3.03 0 003.049 0L33.41 43.626a3.098 3.098 0 001.523-2.671V20.142a3.1 3.1 0 00-1.523-2.67L4.574.64A3.024 3.024 0 003.049.226m0 1.766c.226 0 .451.058.651.176L32.536 19c.403.237.651.671.651 1.141v20.813c0 .471-.248.906-.65 1.141L3.7 58.929a1.279 1.279 0 01-1.302 0 1.32 1.32 0 01-.652-1.14V38.498c0-.47.25-.904.652-1.14l26.318-15.365a.66.66 0 000-1.14L6.218 7.69a.641.641 0 00-.651-.001.662.662 0 00-.327.572v.54c0 .235.124.453.325.571l20.633 12.05-13.234 7.727a1.294 1.294 0 01-1.303 0L2.398 23.74a1.32 1.32 0 01-.652-1.14V3.31c0-.47.25-.906.652-1.141.202-.118.426-.176.651-.176"
          fill="#FEFEFE"
          mask="url(#e)"
        />
      </g>
    </g>
  </svg>
);

export default MapDotImage;