friends-reminder/model-view.drawio.svg

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="762px" height="336px" viewBox="-0.5 -0.5 762 336" content="&lt;mxfile host=&quot;localhost&quot; modified=&quot;2020-05-19T13:14:09.398Z&quot; agent=&quot;5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) code-oss/1.45.1 Chrome/78.0.3904.130 Electron/7.1.14 Safari/537.36&quot; etag=&quot;aQUFBpG3C663iI4RKABL&quot; version=&quot;13.0.9&quot;&gt;&lt;diagram id=&quot;6hGFLwfOUW9BJ-s0fimq&quot; name=&quot;Page-1&quot;&gt;7Znfb5swEMf/GqTtoRM/kpQ+JqTdJnVT1Vba9uiCm1g1GBmnSfbX74ztEMB0rCXdC1IU4cM2Pn++5zsSJ4jS3WeO8vU3lmDq+G6yc4Kl4/vnYQjf0rBXhlkYKMOKk0SZvMpwR35jbXS1dUMSXNQ6CsaoIHndGLMsw7Go2RDnbFvv9sho/ak5WuGW4S5GtG39QRKxVtbQP6/sXzBZrc2TvdmFupMi01l7UqxRwrZHpuDSCSLOmFBX6S7CVO6d2Rc17qrj7mFhHGeizwAN4hnRjfbtihOcJYVentgbn4stSSnKoLV4ZJm403c8aCNKVhlcx/BQzMHwjLkgsF1zfUOwHKzxmtDkGu3ZRi6tECh+Mq3FmnHyG6ZFVM8Jt7nQ5P1ZrcedHAlmF6wcF9DnxvjrNUzf0K7W8RoVQhtiRinKC/JwcCNFfEWyBROCpbqT3h1wB+86d9g7cAO9Y5ZiwffQRQ+YaNJa6of2thJOYNSwronG14LVYl0dpq54woVGasd70cLr+AupeA05mENDEYcLZ7pwpssWefBdlEQ4e8IRowwQLzOmpEAobZiMGih+FJ1aKHIUk2x1XfZZTirLrd4BaWIw9pGW4bEmSYIzyZEJJJCCJgnljGSi3CG5+AVsZOR+mpZuRND2qjZ8ZHcuIpaBL4iU/DAoYoulKvrBDu2wDd1ZP7im31vYmsOwBreBjpISiUJnjirvVdxSIEBxBepeclyeeS2YQRtmYAFH0QOmN6wggjA5P1d9G0DfgdnU78csHACZ1xGPKyz0ufvhYy0odUS68hHy497iZLMbQ/T1uGc9z99BQjTo4A31EBZYMf6gDuOvycfmcTwyH4h5+J7H8qTFfJ4kBupYVA1TVPWpqma2Q3wIwlN7VI/x+QLOyT/XTTZ8gwTobKybBoFmK5ysMTcAs/OORIrM0aqz6HeUYilh36XgbCSPtljcEzAGV2N+PZkUbEXVyeLX9lLbYAeA5/J3Hpk/QQgFiWWyE6lJhOAX3/+UewmbpJu/9NaWjeWu1tqb1o4INWwSTnVbjvM+ubAs1a6GysbxyBvMQYllNj9KhDhp/djUSIPgGtvwWPfSWwipHN4aXqx+jmhMLTCMjWOKBHmuL8JGSD/hRmqvysW+W8/FXuDWp1CL16OOf4tqTBSEHUndTKRcbk1UCubgdi8N+T3enU+voanr1TV0Mft/GuqK8HcSkdcQUZN9XxE1Jzos8AQiamlonuctGY0l/utKfL95GrRTjH+qCr/rtZ0z6fS8BMwhax88HcsGO2L/xarBUvVbkQ5RNbTfylvkxqL/78gsNb89Ct9OrP2aduZEvjN3W+DGkOvNz1KoDxVy0Kz+t1TptPrzN7j8Aw==&lt;/diagram&gt;&lt;/mxfile&gt;">
    <defs>
        <clipPath id="mx-clip-4-251-312-26-0">
            <rect x="4" y="251" width="312" height="26"/>
        </clipPath>
        <clipPath id="mx-clip-4-285-312-26-0">
            <rect x="4" y="285" width="312" height="26"/>
        </clipPath>
        <clipPath id="mx-clip-4-311-312-26-0">
            <rect x="4" y="311" width="312" height="26"/>
        </clipPath>
        <clipPath id="mx-clip-404-251-352-26-0">
            <rect x="404" y="251" width="352" height="26"/>
        </clipPath>
        <clipPath id="mx-clip-404-285-352-26-0">
            <rect x="404" y="285" width="352" height="26"/>
        </clipPath>
        <clipPath id="mx-clip-244-31-252-26-0">
            <rect x="244" y="31" width="252" height="26"/>
        </clipPath>
        <clipPath id="mx-clip-244-65-252-26-0">
            <rect x="244" y="65" width="252" height="26"/>
        </clipPath>
    </defs>
    <g>
        <path d="M 0 246 L 0 220 L 320 220 L 320 246" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 0 246 L 0 332 L 320 332 L 320 246" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 0 246 L 320 246" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <g fill="#000000" font-family="Helvetica" font-weight="bold" text-anchor="middle" font-size="12px">
            <text x="159.5" y="237.5">
                Friends
            </text>
        </g>
        <g fill="#000000" font-family="Helvetica" clip-path="url(#mx-clip-4-251-312-26-0)" font-size="12px">
            <text x="5.5" y="263.5">
                + friends: Friend []
            </text>
        </g>
        <path d="M 0 276 L 320 276" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <g fill="#000000" font-family="Helvetica" clip-path="url(#mx-clip-4-285-312-26-0)" font-size="12px">
            <text x="5.5" y="297.5">
                + getFriends(): Friend[] // Redux
            </text>
        </g>
        <g fill="#000000" font-family="Helvetica" clip-path="url(#mx-clip-4-311-312-26-0)" font-size="12px">
            <text x="5.5" y="323.5">
                + deleteFriend(friendId): Friend // Redux
            </text>
        </g>
        <path d="M 400 246 L 400 220 L 760 220 L 760 246" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 400 246 L 400 306 L 760 306 L 760 246" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 400 246 L 760 246" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <g fill="#000000" font-family="Helvetica" font-weight="bold" text-anchor="middle" font-size="12px">
            <text x="579.5" y="237.5">
                AddFriend
            </text>
        </g>
        <g fill="#000000" font-family="Helvetica" clip-path="url(#mx-clip-404-251-352-26-0)" font-size="12px">
            <text x="405.5" y="263.5">
                +
            </text>
        </g>
        <path d="M 400 276 L 760 276" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <g fill="#000000" font-family="Helvetica" clip-path="url(#mx-clip-404-285-352-26-0)" font-size="12px">
            <text x="405.5" y="297.5">
                + addFriend(friendName, lastContactTime?): Friend // Redux
            </text>
        </g>
        <path d="M 366.1 86.49 L 165.34 216.54" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 160.94 219.39 L 164.91 212.65 L 165.34 216.54 L 168.72 218.52 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 370.26 88.5 L 574.6 216.62" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 579.05 219.41 L 571.26 218.65 L 574.6 216.62 L 574.98 212.72 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 240 26 L 240 0 L 500 0 L 500 26" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 240 26 L 240 86 L 500 86 L 500 26" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 240 26 L 500 26" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <g fill="#000000" font-family="Helvetica" font-weight="bold" text-anchor="middle" font-size="12px">
            <text x="369.5" y="17.5">
                App
            </text>
        </g>
        <g fill="#000000" font-family="Helvetica" clip-path="url(#mx-clip-244-31-252-26-0)" font-size="12px">
            <text x="245.5" y="43.5">
                + role: string;
            </text>
        </g>
        <path d="M 240 56 L 500 56" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <g fill="#000000" font-family="Helvetica" clip-path="url(#mx-clip-244-65-252-26-0)" font-size="12px">
            <text x="245.5" y="77.5">
                - 
            </text>
        </g>
    </g>
</svg>