So I started working from top to bottom.
I barely touched the TestEnvironment.js and its components. Basically, just moved menu to the toolbar. Did a little bit of destructuring and prettifying.
Then I just changed the order of props in Feature.js just to make it look good.
The heavy work was done with actual features.
I trimmed the properties of Line, Eddy and Hydraulic and destructured them in the Point and Cubic. For example coordinates are sent to Point and Cubic in one line and then get destructured there.
Also created utils for svg element properties.
Added some comments here and there.
So I started working from top to bottom. I barely touched the
TestEnvironment.jsand its components. Basically, just moved menu to the toolbar. Did a little bit of destructuring and prettifying. Then I just changed the order of props inFeature.jsjust to make it look good. The heavy work was done with actual features. I trimmed the properties ofLine,EddyandHydraulicand destructured them in thePointandCubic. For example coordinates are sent to Point and Cubic in one line and then get destructured there. Also created utils for svg element properties. Added some comments here and there.