From 7042b48ffe912cbd7860be204baaf1f369010a01 Mon Sep 17 00:00:00 2001
From: "maxime.batista" <maxime.batista@etu.uca.fr>
Date: Tue, 19 Dec 2023 11:04:04 +0100
Subject: [PATCH] change court svg

---
 front/assets/court/court.svg            |  63 -----------
 front/assets/court/full_court.svg       | 136 ++++++++++++++++++++++++
 front/assets/court/half_court.svg       |  94 ++++++++++++----
 front/components/editor/BasketCourt.tsx |   1 -
 front/views/Editor.tsx                  |   2 +-
 front/views/NewTacticPanel.tsx          |   2 +-
 front/views/Visualizer.tsx              |   2 +-
 7 files changed, 212 insertions(+), 88 deletions(-)
 delete mode 100644 front/assets/court/court.svg
 create mode 100644 front/assets/court/full_court.svg

diff --git a/front/assets/court/court.svg b/front/assets/court/court.svg
deleted file mode 100644
index e01fd58..0000000
--- a/front/assets/court/court.svg
+++ /dev/null
@@ -1,63 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg"
-     xmlns:xlink="http://www.w3.org/1999/xlink"
-     version="1.1"
-     width="100"
-     height="50"
-     viewBox="7.5 18.5 85.5 56"
-     style="enable-background:new 7.5 18.5 85.5 56;"
-     xml:space="preserve">
-
-    <style type="text/css">
-        .st0{fill:none;stroke:#000000;stroke-miterlimit:10;}
-        .st1{fill:none;stroke:#000000;stroke-miterlimit:10;stroke-dasharray:1.4358,1.4358;}
-        .st2{fill:none;stroke:#000000;stroke-width:0.5;stroke-miterlimit:10;}
-        .st3{fill:none;stroke:#000000;stroke-miterlimit:10;stroke-dasharray:1.4407,1.4407;}
-    </style>
-    <polygon class="st0" points="92.1,72.1 50.1,72.1 8.1,72.1 8.1,21.2 50.1,21.2 92.1,21.2 "/>
-    <line class="st0" x1="50.1" y1="21.2" x2="50.1" y2="72.1"/>
-    <circle class="st0" cx="50.1" cy="46.6" r="6.4"/>
-    <path class="st0" d="M8.1,66h7.2c10.1,0,18.2-8.7,18.2-19.3s-8.2-19.3-18.2-19.3H8.1"/>
-    <path class="st0" d="M8.1,40.2h19c3.6,0,6.4,2.9,6.4,6.4s-2.9,6.4-6.4,6.4h-19"/>
-    <line class="st0" x1="27.1" y1="40.2" x2="27.1" y2="53.1"/>
-    <g>
-        <g><path class="st0" d="M27.4,40.3c-0.3,0-0.5,0-0.7,0"/>
-            <path class="st1"
-                  d="M25.3,40.7c-2.5,0.9-4.3,3.3-4.3,6.1c0,3,2.2,5.6,5,6.2"/>
-            <path
-                    class="st0" d="M26.7,53c0.2,0,0.5,0,0.7,0"/>
-        </g>
-    </g>
-    <line class="st0" x1="16.2" y1="53.1" x2="16.2" y2="54.1"/>
-    <line class="st2" x1="19.3" y1="53.1" x2="19.3" y2="54.1"/>
-    <line class="st2" x1="22.4" y1="53.1" x2="22.4" y2="54.1"/>
-    <line class="st2" x1="25.7" y1="53.1" x2="25.7" y2="54.1"/>
-    <line class="st0" x1="16.1" y1="39.2" x2="16.1" y2="40.2"/>
-    <line class="st2" x1="19.2" y1="39.2" x2="19.2" y2="40.2"/>
-    <line class="st2" x1="22.3" y1="39.2" x2="22.3" y2="40.2"/>
-    <line class="st2" x1="25.6" y1="39.2" x2="25.6" y2="40.2"/>
-    <line class="st0" x1="27.1" y1="40.2" x2="27.1" y2="53.1"/>
-    <path class="st0" d="M92.1,66.1h-7.2c-10.1,0-18.2-8.7-18.2-19.3s8.2-19.3,18.2-19.3h7.2"/>
-    <path class="st0" d="M92.1,40.3h-19c-3.6,0-6.4,2.9-6.4,6.4s2.9,6.4,6.4,6.4h19"/>
-    <line class="st0" x1="84" y1="53.2" x2="84" y2="54.1"/>
-    <line class="st2" x1="80.9" y1="53.2" x2="80.9" y2="54.1"/>
-    <line class="st2" x1="77.9" y1="53.2" x2="77.9" y2="54.1"/>
-    <line class="st2" x1="74.5" y1="53.2" x2="74.5" y2="54.1"/>
-    <line class="st0" x1="84.1" y1="39.3" x2="84.1" y2="40.3"/>
-    <line class="st2" x1="81" y1="39.3" x2="81" y2="40.3"/>
-    <line class="st2" x1="77.9" y1="39.3" x2="77.9" y2="40.3"/>
-    <line class="st2" x1="74.6" y1="39.3" x2="74.6" y2="40.3"/>
-    <line class="st0" x1="73.1" y1="40.3" x2="73.1" y2="53.2"/>
-    <line class="st2" x1="36.2" y1="70" x2="36.2" y2="74.1"/>
-    <line class="st2" x1="63.5" y1="70" x2="63.5" y2="74.1"/>
-    <line class="st2" x1="36.2" y1="19.1" x2="36.2" y2="23.2"/>
-    <line class="st2" x1="63.5" y1="19.1" x2="63.5" y2="23.2"/>
-    <g xmlns="http://www.w3.org/2000/svg">
-        <g>
-            <path class="st0" d="M72.9,40.3c0.3,0,0.5,0,0.7,0"/>
-            <path class="st3"
-                  d="M75,40.7c2.5,0.9,4.3,3.3,4.3,6.1c0,3-2.2,5.6-5.1,6.2"/>
-            <path
-                    class="st0" d="M73.5,53.1c-0.2,0-0.5,0-0.7,0"/>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/front/assets/court/full_court.svg b/front/assets/court/full_court.svg
new file mode 100644
index 0000000..cb59a6b
--- /dev/null
+++ b/front/assets/court/full_court.svg
@@ -0,0 +1,136 @@
+<svg width="567" height="269" viewBox="0 0 567 269" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="55" width="457" height="269" fill="#D9D9D9"/>
+<line x1="73" y1="24" x2="495" y2="24" stroke="black" stroke-width="2"/>
+<line x1="494" y1="23" x2="494" y2="247" stroke="black" stroke-width="2"/>
+<line x1="495" y1="248" x2="73" y2="248" stroke="black" stroke-width="2"/>
+<line x1="72" y1="249" x2="72" y2="23" stroke="black" stroke-width="2"/>
+<line x1="283.5" y1="23" x2="283.5" y2="247" stroke="black"/>
+<g filter="url(#filter0_i_3_2)">
+<circle cx="283.5" cy="135.5" r="27" stroke="black"/>
+</g>
+<line x1="73" y1="99.5" x2="158" y2="99.5" stroke="black"/>
+<line x1="73" y1="100.5" x2="158" y2="100.5" stroke="black"/>
+<path d="M158.5 172V100" stroke="black"/>
+<path d="M158 99.5H159" stroke="black"/>
+<path d="M158 172.5H159" stroke="black"/>
+<line x1="158" y1="172.5" x2="73" y2="172.5" stroke="black"/>
+<line x1="158" y1="171.5" x2="73" y2="171.5" stroke="black"/>
+<line x1="73" y1="37.5" x2="139" y2="37.5" stroke="black"/>
+<line x1="73" y1="233.5" x2="139" y2="233.5" stroke="black"/>
+<g filter="url(#filter1_i_3_2)">
+<path d="M158.5 163C161.98 163 165.426 162.315 168.641 160.983C171.856 159.651 174.778 157.699 177.238 155.238C179.699 152.778 181.651 149.856 182.983 146.641C184.315 143.426 185 139.98 185 136.5C185 133.02 184.315 129.574 182.983 126.359C181.651 123.144 179.699 120.222 177.238 117.762C174.778 115.301 171.856 113.349 168.641 112.017C165.426 110.685 161.98 110 158.5 110L158.5 136.5L158.5 163Z" stroke="black"/>
+</g>
+<g filter="url(#filter2_i_3_2)">
+<path d="M158.5 110C155.02 110 151.574 110.685 148.359 112.017C145.144 113.349 142.222 115.301 139.762 117.762C137.301 120.222 135.349 123.144 134.017 126.359C132.685 129.574 132 133.02 132 136.5C132 139.98 132.685 143.426 134.017 146.641C135.349 149.856 137.301 152.778 139.762 155.238C142.222 157.699 145.144 159.651 148.359 160.983C151.574 162.315 155.02 163 158.5 163" stroke="black" stroke-dasharray="4 4"/>
+</g>
+<line x1="135.5" y1="177" x2="135.5" y2="172" stroke="black"/>
+<line x1="123.5" y1="177" x2="123.5" y2="172" stroke="black"/>
+<line x1="111.5" y1="177" x2="111.5" y2="172" stroke="black"/>
+<line x1="99.5" y1="177" x2="99.5" y2="172" stroke="black"/>
+<line x1="135.5" y1="100" x2="135.5" y2="95" stroke="black"/>
+<line x1="123.5" y1="100" x2="123.5" y2="95" stroke="black"/>
+<line x1="111.5" y1="100" x2="111.5" y2="95" stroke="black"/>
+<line x1="99.5" y1="100" x2="99.5" y2="95" stroke="black"/>
+<path d="M140.212 233.607C159.054 225.612 175.149 211.967 186.427 194.431C197.705 176.895 203.649 156.271 203.497 135.213C203.345 114.155 197.104 93.6242 185.574 76.2645C174.045 58.9047 157.755 45.5096 138.799 37.8066" stroke="black"/>
+<path d="M140 233.5H141" stroke="black"/>
+<path d="M139 233.5H140" stroke="black"/>
+<path d="M90.5 118.5C95.0041 118.5 99.3266 120.34 102.516 123.621C105.706 126.901 107.5 131.354 107.5 136C107.5 140.646 105.706 145.099 102.516 148.379C99.3266 151.66 95.0041 153.5 90.5 153.5" stroke="black"/>
+<circle cx="87.5" cy="136.5" r="3" stroke="black"/>
+<line x1="83.5" y1="149" x2="83.5" y2="123" stroke="black"/>
+<line y1="-0.5" x2="85" y2="-0.5" transform="matrix(-1 0 0 1 494 100)" stroke="black"/>
+<line y1="-0.5" x2="85" y2="-0.5" transform="matrix(-1 0 0 1 494 101)" stroke="black"/>
+<path d="M408.5 172V100" stroke="black"/>
+<path d="M409 99.5H408" stroke="black"/>
+<path d="M409 172.5H408" stroke="black"/>
+<line y1="-0.5" x2="85" y2="-0.5" transform="matrix(1 0 0 -1 409 172)" stroke="black"/>
+<line y1="-0.5" x2="85" y2="-0.5" transform="matrix(1 0 0 -1 409 171)" stroke="black"/>
+<line y1="-0.5" x2="66" y2="-0.5" transform="matrix(-1 0 0 1 494 38)" stroke="black"/>
+<line y1="-0.5" x2="66" y2="-0.5" transform="matrix(-1 0 0 1 494 234)" stroke="black"/>
+<g filter="url(#filter3_i_3_2)">
+<path d="M408.5 163C405.02 163 401.574 162.315 398.359 160.983C395.144 159.651 392.222 157.699 389.762 155.238C387.301 152.778 385.349 149.856 384.017 146.641C382.685 143.426 382 139.98 382 136.5C382 133.02 382.685 129.574 384.017 126.359C385.349 123.144 387.301 120.222 389.762 117.762C392.222 115.301 395.144 113.349 398.359 112.017C401.574 110.685 405.02 110 408.5 110L408.5 136.5L408.5 163Z" stroke="black"/>
+</g>
+<g filter="url(#filter4_i_3_2)">
+<path d="M408.5 110C411.98 110 415.426 110.685 418.641 112.017C421.856 113.349 424.778 115.301 427.238 117.762C429.699 120.222 431.651 123.144 432.983 126.359C434.315 129.574 435 133.02 435 136.5C435 139.98 434.315 143.426 432.983 146.641C431.651 149.856 429.699 152.778 427.238 155.238C424.778 157.699 421.856 159.651 418.641 160.983C415.426 162.315 411.98 163 408.5 163" stroke="black" stroke-dasharray="4 4"/>
+</g>
+<line y1="-0.5" x2="5" y2="-0.5" transform="matrix(4.37114e-08 -1 -1 -4.37114e-08 431 177)" stroke="black"/>
+<line y1="-0.5" x2="5" y2="-0.5" transform="matrix(4.37114e-08 -1 -1 -4.37114e-08 443 177)" stroke="black"/>
+<line y1="-0.5" x2="5" y2="-0.5" transform="matrix(4.37114e-08 -1 -1 -4.37114e-08 455 177)" stroke="black"/>
+<line y1="-0.5" x2="5" y2="-0.5" transform="matrix(4.37114e-08 -1 -1 -4.37114e-08 467 177)" stroke="black"/>
+<line y1="-0.5" x2="5" y2="-0.5" transform="matrix(4.37114e-08 -1 -1 -4.37114e-08 431 100)" stroke="black"/>
+<line y1="-0.5" x2="5" y2="-0.5" transform="matrix(4.37114e-08 -1 -1 -4.37114e-08 443 100)" stroke="black"/>
+<line y1="-0.5" x2="5" y2="-0.5" transform="matrix(4.37114e-08 -1 -1 -4.37114e-08 455 100)" stroke="black"/>
+<line y1="-0.5" x2="5" y2="-0.5" transform="matrix(4.37114e-08 -1 -1 -4.37114e-08 467 100)" stroke="black"/>
+<path d="M426.788 233.607C407.946 225.612 391.851 211.967 380.573 194.431C369.295 176.895 363.351 156.271 363.503 135.213C363.655 114.155 369.896 93.6242 381.426 76.2645C392.955 58.9047 409.245 45.5096 428.201 37.8066" stroke="black"/>
+<path d="M427 233.5H426" stroke="black"/>
+<path d="M428 233.5H427" stroke="black"/>
+<g filter="url(#filter5_i_3_2)">
+<path d="M476.5 118.5C471.996 118.5 467.673 120.34 464.484 123.621C461.294 126.901 459.5 131.354 459.5 136C459.5 140.646 461.294 145.099 464.484 148.379C467.673 151.66 471.996 153.5 476.5 153.5" stroke="black"/>
+</g>
+<circle cx="3.5" cy="3.5" r="3" transform="matrix(-1 0 0 1 483 133)" stroke="black"/>
+<line y1="-0.5" x2="26" y2="-0.5" transform="matrix(0 -1 -1 0 483 149)" stroke="black"/>
+<path d="M138 37.5H139" stroke="black"/>
+<path d="M139.225 38.1519C139.221 38.1187 139.099 38.1364 139.073 38.135C138.98 38.1302 138.889 38.0674 138.794 38.0674C138.755 38.0674 138.672 38.0388 138.633 38.0252C138.581 38.0065 138.52 37.9719 138.465 37.9661C138.4 37.9593 138.366 37.9109 138.312 37.8854C138.275 37.8677 138.202 37.8366 138.177 37.8056C138.161 37.7847 138.063 37.7566 138.033 37.7371C137.962 37.6922 137.879 37.6309 137.806 37.5944" stroke="black" stroke-width="0.5"/>
+<path d="M139.926 37.9883C139.906 37.9888 139.887 37.9922 139.867 37.9922C139.838 37.9922 139.812 37.978 139.787 37.9622C139.682 37.8946 139.599 37.7958 139.504 37.7151C139.388 37.6172 139.275 37.5101 139.135 37.4512C139.051 37.4159 138.965 37.3877 138.879 37.3594C138.85 37.3498 138.785 37.3113 138.754 37.332" stroke="black" stroke-width="0.5"/>
+<defs>
+<filter id="filter0_i_3_2" x="256" y="108" width="55" height="59" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="4"/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_3_2"/>
+</filter>
+<filter id="filter1_i_3_2" x="158" y="109.5" width="27.5" height="58" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="4"/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_3_2"/>
+</filter>
+<filter id="filter2_i_3_2" x="131.5" y="109.5" width="27" height="58" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="4"/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_3_2"/>
+</filter>
+<filter id="filter3_i_3_2" x="381.5" y="109.5" width="27.5" height="58" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="4"/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_3_2"/>
+</filter>
+<filter id="filter4_i_3_2" x="408.5" y="109.5" width="27" height="58" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="4"/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_3_2"/>
+</filter>
+<filter id="filter5_i_3_2" x="459" y="118" width="17.5" height="40" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="4"/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_3_2"/>
+</filter>
+</defs>
+</svg>
diff --git a/front/assets/court/half_court.svg b/front/assets/court/half_court.svg
index 8e7640e..7bf82e0 100644
--- a/front/assets/court/half_court.svg
+++ b/front/assets/court/half_court.svg
@@ -1,22 +1,74 @@
-<svg width="100" height="50" viewBox="0 0 80 58" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M2.74466 0.676824V28.6768V56.6768L76.7447 56.6768V28.6768V0.676824L2.74466 0.676824Z" stroke="black" stroke-miterlimit="10"/>
-<path d="M76.8393 0.876801L3.21608 0.876801" stroke="black" stroke-miterlimit="10"/>
-<path d="M12.0393 56.8768V47.2768C12.0393 33.8101 24.6232 23.0101 39.9554 23.0101C55.2875 23.0101 67.8715 33.9435 67.8715 47.2768V56.8768" stroke="black" stroke-miterlimit="10"/>
-<path d="M49.3571 56.8768V31.5435C49.3571 26.7435 45.1625 23.0101 40.1 23.0101C35.0375 23.0101 30.8429 26.8768 30.8429 31.5435V56.8768" stroke="black" stroke-miterlimit="10"/>
-<path d="M49.3571 31.5435H30.6982" stroke="black" stroke-miterlimit="10"/>
-<path d="M49.2125 31.1435C49.2125 31.5435 49.2125 31.8101 49.2125 32.0768" stroke="black" stroke-miterlimit="10"/>
-<path d="M48.6339 33.9435C47.3322 37.2768 43.8607 39.6768 39.8107 39.6768C35.4715 39.6768 31.7107 36.7435 30.8429 33.0102" stroke="black" stroke-miterlimit="10" stroke-dasharray="1.44 1.44"/>
-<path d="M30.8429 32.0768C30.8429 31.8101 30.8429 31.4101 30.8429 31.1435" stroke="black" stroke-miterlimit="10"/>
-<path d="M30.6982 46.0768H29.2518" stroke="black" stroke-miterlimit="10"/>
-<path d="M30.6982 41.9435H29.2518" stroke="black" stroke-width="0.5" stroke-miterlimit="10"/>
-<path d="M30.6982 37.8102H29.2518" stroke="black" stroke-width="0.5" stroke-miterlimit="10"/>
-<path d="M30.6982 33.4102H29.2518" stroke="black" stroke-width="0.5" stroke-miterlimit="10"/>
-<path d="M50.8036 46.2101H49.3572" stroke="black" stroke-miterlimit="10"/>
-<path d="M50.8036 42.0768H49.3572" stroke="black" stroke-width="0.5" stroke-miterlimit="10"/>
-<path d="M50.8036 37.9435H49.3572" stroke="black" stroke-width="0.5" stroke-miterlimit="10"/>
-<path d="M50.8036 33.5435H49.3572" stroke="black" stroke-width="0.5" stroke-miterlimit="10"/>
-<path d="M49.3571 31.5435H30.6982" stroke="black" stroke-miterlimit="10"/>
-<path d="M6.25357 19.4102H0.323216" stroke="black" stroke-width="0.5" stroke-miterlimit="10"/>
-<path d="M79.8768 19.4102H73.9464" stroke="black" stroke-width="0.5" stroke-miterlimit="10"/>
-<path d="M30.7447 0.67682C30.7447 5.64738 34.998 9.67682 40.2447 9.67682C45.4914 9.67682 49.7447 5.64738 49.7447 0.67682" stroke="black"/>
+<svg width="269" height="309" viewBox="0 0 269 309" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect y="254" width="250" height="269" transform="rotate(-90 0 254)" fill="#D9D9D9"/>
+<line x1="24" y1="236" x2="24" y2="26" stroke="black" stroke-width="2"/>
+<line x1="248" y1="25" x2="248" y2="236" stroke="black" stroke-width="2"/>
+<line x1="249" y1="237" x2="23" y2="237" stroke="black" stroke-width="2"/>
+<line x1="23" y1="25.5" x2="247" y2="25.5" stroke="black"/>
+<g filter="url(#filter0_i_3_4)">
+<path d="M108.5 26C108.5 33.0313 111.347 39.7727 116.411 44.7417C121.476 49.7103 128.342 52.5 135.5 52.5C142.658 52.5 149.524 49.7103 154.588 44.7417C159.653 39.7727 162.5 33.0313 162.5 26" stroke="black"/>
+</g>
+<line x1="99.5" y1="236" x2="99.5" y2="151" stroke="black"/>
+<line x1="100.5" y1="236" x2="100.5" y2="151" stroke="black"/>
+<path d="M172 150.5H100" stroke="black"/>
+<path d="M99.5 151V150" stroke="black"/>
+<path d="M172.5 151V150" stroke="black"/>
+<line x1="172.5" y1="151" x2="172.5" y2="236" stroke="black"/>
+<line x1="171.5" y1="151" x2="171.5" y2="236" stroke="black"/>
+<line x1="37.5" y1="236" x2="37.5" y2="170" stroke="black"/>
+<line x1="233.5" y1="236" x2="233.5" y2="170" stroke="black"/>
+<g filter="url(#filter1_i_3_4)">
+<path d="M163 150.5C163 147.02 162.315 143.574 160.983 140.359C159.651 137.144 157.699 134.222 155.238 131.762C152.778 129.301 149.856 127.349 146.641 126.017C143.426 124.685 139.98 124 136.5 124C133.02 124 129.574 124.685 126.359 126.017C123.144 127.349 120.222 129.301 117.762 131.762C115.301 134.222 113.349 137.144 112.017 140.359C110.685 143.574 110 147.02 110 150.5L136.5 150.5L163 150.5Z" stroke="black"/>
+</g>
+<g filter="url(#filter2_i_3_4)">
+<path d="M110 150.5C110 153.98 110.685 157.426 112.017 160.641C113.349 163.856 115.301 166.778 117.762 169.238C120.222 171.699 123.144 173.651 126.359 174.983C129.574 176.315 133.02 177 136.5 177C139.98 177 143.426 176.315 146.641 174.983C149.856 173.651 152.778 171.699 155.238 169.238C157.699 166.778 159.651 163.856 160.983 160.641C162.315 157.426 163 153.98 163 150.5" stroke="black" stroke-dasharray="4 4"/>
+</g>
+<line x1="177" y1="173.5" x2="172" y2="173.5" stroke="black"/>
+<line x1="177" y1="185.5" x2="172" y2="185.5" stroke="black"/>
+<line x1="177" y1="197.5" x2="172" y2="197.5" stroke="black"/>
+<line x1="177" y1="209.5" x2="172" y2="209.5" stroke="black"/>
+<line x1="100" y1="173.5" x2="95" y2="173.5" stroke="black"/>
+<line x1="100" y1="185.5" x2="95" y2="185.5" stroke="black"/>
+<line x1="100" y1="197.5" x2="95" y2="197.5" stroke="black"/>
+<line x1="100" y1="209.5" x2="95" y2="209.5" stroke="black"/>
+<path d="M233.607 168.788C225.612 149.946 211.967 133.851 194.431 122.573C176.895 111.295 156.271 105.351 135.213 105.503C114.155 105.655 93.6242 111.896 76.2645 123.426C58.9047 134.955 45.5096 151.245 37.8066 170.201" stroke="black"/>
+<path d="M233.5 169V168" stroke="black"/>
+<path d="M233.5 170V169" stroke="black"/>
+<path d="M118.5 218.5C118.5 213.996 120.34 209.673 123.621 206.484C126.901 203.294 131.354 201.5 136 201.5C140.646 201.5 145.099 203.294 148.379 206.484C151.66 209.673 153.5 213.996 153.5 218.5" stroke="black"/>
+<circle cx="136.5" cy="221.5" r="3" transform="rotate(-90 136.5 221.5)" stroke="black"/>
+<line x1="149" y1="225.5" x2="123" y2="225.5" stroke="black"/>
+<path d="M37.5 171V170" stroke="black"/>
+<path d="M38.1519 169.775C38.1187 169.779 38.1364 169.901 38.135 169.927C38.1302 170.02 38.0674 170.111 38.0674 170.206C38.0674 170.245 38.0388 170.328 38.0252 170.367C38.0065 170.419 37.9719 170.48 37.9661 170.535C37.9593 170.6 37.9109 170.634 37.8854 170.688C37.8677 170.725 37.8366 170.798 37.8056 170.823C37.7847 170.839 37.7566 170.937 37.7371 170.967C37.6922 171.038 37.6309 171.121 37.5944 171.194" stroke="black" stroke-width="0.5"/>
+<path d="M37.9883 169.074C37.9888 169.094 37.9922 169.113 37.9922 169.133C37.9922 169.162 37.978 169.188 37.9622 169.213C37.8946 169.318 37.7958 169.401 37.7151 169.496C37.6172 169.612 37.5101 169.725 37.4512 169.865C37.4159 169.949 37.3877 170.035 37.3594 170.121C37.3498 170.15 37.3113 170.215 37.332 170.246" stroke="black" stroke-width="0.5"/>
+<defs>
+<filter id="filter0_i_3_4" x="108" y="26" width="55" height="31" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="4"/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_3_4"/>
+</filter>
+<filter id="filter1_i_3_4" x="109.5" y="123.5" width="54" height="31.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="4"/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_3_4"/>
+</filter>
+<filter id="filter2_i_3_4" x="109.5" y="150.5" width="54" height="31" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="4"/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_3_4"/>
+</filter>
+</defs>
 </svg>
diff --git a/front/components/editor/BasketCourt.tsx b/front/components/editor/BasketCourt.tsx
index 6229afd..c158d89 100644
--- a/front/components/editor/BasketCourt.tsx
+++ b/front/components/editor/BasketCourt.tsx
@@ -1,4 +1,3 @@
-import CourtSvg from "../../assets/basketball_court.svg?react"
 import "../../style/basket_court.css"
 import { RefObject, useRef } from "react"
 import CourtPlayer from "./CourtPlayer"
diff --git a/front/views/Editor.tsx b/front/views/Editor.tsx
index 5c10f64..53107bf 100644
--- a/front/views/Editor.tsx
+++ b/front/views/Editor.tsx
@@ -10,7 +10,7 @@ import "../style/editor.css"
 import TitleInput from "../components/TitleInput"
 import { BasketCourt } from "../components/editor/BasketCourt"
 
-import plainCourt from "../assets/court/court.svg"
+import plainCourt from "../assets/court/full_court.svg"
 import halfCourt from "../assets/court/half_court.svg"
 
 import { Rack } from "../components/Rack"
diff --git a/front/views/NewTacticPanel.tsx b/front/views/NewTacticPanel.tsx
index bd9badb..97ec0a5 100644
--- a/front/views/NewTacticPanel.tsx
+++ b/front/views/NewTacticPanel.tsx
@@ -1,7 +1,7 @@
 import "../style/theme/default.css"
 import "../style/new_tactic_panel.css"
 
-import plainCourt from "../assets/court/court.svg"
+import plainCourt from "../assets/court/full_court.svg"
 import halfCourt from "../assets/court/half_court.svg"
 import { BASE } from "../Constants"
 
diff --git a/front/views/Visualizer.tsx b/front/views/Visualizer.tsx
index 5b09115..701c759 100644
--- a/front/views/Visualizer.tsx
+++ b/front/views/Visualizer.tsx
@@ -1,6 +1,6 @@
 import React, { CSSProperties, useState } from "react"
 import "../style/visualizer.css"
-import Court from "../assets/court/court.svg"
+import Court from "../assets/court/full_court.svg"
 
 export default function Visualizer({ id, name }: { id: number; name: string }) {
     const [style, setStyle] = useState<CSSProperties>({})