diff --git a/react/package.json b/react/package.json
index 2d74128..808df36 100644
--- a/react/package.json
+++ b/react/package.json
@@ -22,7 +22,10 @@
"react-virtualized-auto-sizer": "^1.0.6",
"react-window": "^1.8.6",
"typescript": "^4.3.4",
- "web-vitals": "^1.1.2"
+ "web-vitals": "^1.1.2",
+
+ "@babel/plugin-proposal-private-property-in-object": "^9.7.2"
+
},
"scripts": {
"start": "react-scripts start",
diff --git a/react/public/img/drive_file_rename_outline_white_24dp.svg b/react/public/img/drive_file_rename_outline_white_24dp.svg
new file mode 100644
index 0000000..d1525a7
--- /dev/null
+++ b/react/public/img/drive_file_rename_outline_white_24dp.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/react/public/img/edit_banks_white.svg b/react/public/img/edit_banks_white.svg
new file mode 100644
index 0000000..140c557
--- /dev/null
+++ b/react/public/img/edit_banks_white.svg
@@ -0,0 +1,20 @@
+
+
+
+
diff --git a/react/public/img/file_download_white_24dp.svg b/react/public/img/file_download_white_24dp.svg
new file mode 100644
index 0000000..c2be6df
--- /dev/null
+++ b/react/public/img/file_download_white_24dp.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/react/public/img/file_upload_white_24dp.svg b/react/public/img/file_upload_white_24dp.svg
new file mode 100644
index 0000000..7f1f497
--- /dev/null
+++ b/react/public/img/file_upload_white_24dp.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/react/public/img/help_outline_white_24dp.svg b/react/public/img/help_outline_white_24dp.svg
new file mode 100644
index 0000000..9c1a3b8
--- /dev/null
+++ b/react/public/img/help_outline_white_24dp.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/react/public/img/ic_presets_white.svg b/react/public/img/ic_presets_white.svg
new file mode 100644
index 0000000..931ebb2
--- /dev/null
+++ b/react/public/img/ic_presets_white.svg
@@ -0,0 +1,12 @@
+
+
+
+
diff --git a/react/public/img/save_bank_as_white.svg b/react/public/img/save_bank_as_white.svg
new file mode 100644
index 0000000..41e5755
--- /dev/null
+++ b/react/public/img/save_bank_as_white.svg
@@ -0,0 +1,15 @@
+
+
+
+
diff --git a/react/public/img/settings_white_24dp.svg b/react/public/img/settings_white_24dp.svg
new file mode 100644
index 0000000..1dbcba0
--- /dev/null
+++ b/react/public/img/settings_white_24dp.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/react/public/index.html b/react/public/index.html
index 3efcea9..3562313 100644
--- a/react/public/index.html
+++ b/react/public/index.html
@@ -30,8 +30,15 @@
Learn how to configure a non-root public URL by running `npm run build`.
-->
PiPedal
+
-
+
+
+
diff --git a/react/src/svg/fx_analyzer.svg b/react/src/svg/fx_analyzer.svg
new file mode 100644
index 0000000..54be993
--- /dev/null
+++ b/react/src/svg/fx_analyzer.svg
@@ -0,0 +1,16 @@
+
+
+
+
diff --git a/react/src/svg/fx_chorus.svg b/react/src/svg/fx_chorus.svg
new file mode 100644
index 0000000..301a39f
--- /dev/null
+++ b/react/src/svg/fx_chorus.svg
@@ -0,0 +1,72 @@
+
+
+
+
diff --git a/react/src/svg/fx_compressor.svg b/react/src/svg/fx_compressor.svg
new file mode 100644
index 0000000..f6d7029
--- /dev/null
+++ b/react/src/svg/fx_compressor.svg
@@ -0,0 +1,20 @@
+
+
+
+
diff --git a/react/src/svg/fx_constant.svg b/react/src/svg/fx_constant.svg
new file mode 100644
index 0000000..321a890
--- /dev/null
+++ b/react/src/svg/fx_constant.svg
@@ -0,0 +1,28 @@
+
+
+
+
diff --git a/react/src/svg/fx_converter.svg b/react/src/svg/fx_converter.svg
new file mode 100644
index 0000000..ade942c
--- /dev/null
+++ b/react/src/svg/fx_converter.svg
@@ -0,0 +1,19 @@
+
+
+
+
diff --git a/react/src/svg/fx_delay.svg b/react/src/svg/fx_delay.svg
new file mode 100644
index 0000000..b5e29ca
--- /dev/null
+++ b/react/src/svg/fx_delay.svg
@@ -0,0 +1,22 @@
+
+
+
+
diff --git a/react/src/svg/fx_dial.svg b/react/src/svg/fx_dial.svg
new file mode 100644
index 0000000..4152f63
--- /dev/null
+++ b/react/src/svg/fx_dial.svg
@@ -0,0 +1,14 @@
+
+
+
+
diff --git a/react/src/svg/fx_distortion.svg b/react/src/svg/fx_distortion.svg
new file mode 100644
index 0000000..1ad8b16
--- /dev/null
+++ b/react/src/svg/fx_distortion.svg
@@ -0,0 +1,42 @@
+
+
+
+
diff --git a/react/src/svg/fx_empty.svg b/react/src/svg/fx_empty.svg
new file mode 100644
index 0000000..e6f1eb5
--- /dev/null
+++ b/react/src/svg/fx_empty.svg
@@ -0,0 +1,6 @@
+
+
+
+
diff --git a/react/src/svg/fx_eq.svg b/react/src/svg/fx_eq.svg
new file mode 100644
index 0000000..61d6873
--- /dev/null
+++ b/react/src/svg/fx_eq.svg
@@ -0,0 +1,20 @@
+
+
+
+
diff --git a/react/src/svg/fx_error.svg b/react/src/svg/fx_error.svg
new file mode 100644
index 0000000..37f8f1f
--- /dev/null
+++ b/react/src/svg/fx_error.svg
@@ -0,0 +1,11 @@
+
+
+
+
diff --git a/react/src/svg/fx_filter.svg b/react/src/svg/fx_filter.svg
new file mode 100644
index 0000000..e294879
--- /dev/null
+++ b/react/src/svg/fx_filter.svg
@@ -0,0 +1,20 @@
+
+
+
+
diff --git a/react/src/svg/fx_filter_hp.svg b/react/src/svg/fx_filter_hp.svg
new file mode 100755
index 0000000..d695af5
--- /dev/null
+++ b/react/src/svg/fx_filter_hp.svg
@@ -0,0 +1,19 @@
+
+
+
+
diff --git a/react/src/svg/fx_flanger.svg b/react/src/svg/fx_flanger.svg
new file mode 100644
index 0000000..e281aef
--- /dev/null
+++ b/react/src/svg/fx_flanger.svg
@@ -0,0 +1,45 @@
+
+
+
+
diff --git a/react/src/svg/fx_flanger2.svg b/react/src/svg/fx_flanger2.svg
new file mode 100644
index 0000000..ffed761
--- /dev/null
+++ b/react/src/svg/fx_flanger2.svg
@@ -0,0 +1,194 @@
+
+
+
+
diff --git a/react/src/svg/fx_function.svg b/react/src/svg/fx_function.svg
new file mode 100644
index 0000000..fb59658
--- /dev/null
+++ b/react/src/svg/fx_function.svg
@@ -0,0 +1,41 @@
+
+
+
+
diff --git a/react/src/svg/fx_gate.svg b/react/src/svg/fx_gate.svg
new file mode 100644
index 0000000..8f2462a
--- /dev/null
+++ b/react/src/svg/fx_gate.svg
@@ -0,0 +1,16 @@
+
+
+
+
diff --git a/react/src/svg/fx_generator.svg b/react/src/svg/fx_generator.svg
new file mode 100644
index 0000000..b77ef00
--- /dev/null
+++ b/react/src/svg/fx_generator.svg
@@ -0,0 +1,41 @@
+
+
+
+
diff --git a/react/src/svg/fx_instrument.svg b/react/src/svg/fx_instrument.svg
new file mode 100644
index 0000000..7627d61
--- /dev/null
+++ b/react/src/svg/fx_instrument.svg
@@ -0,0 +1,33 @@
+
+
+
+
diff --git a/react/src/svg/fx_limiter.svg b/react/src/svg/fx_limiter.svg
new file mode 100644
index 0000000..2c465c7
--- /dev/null
+++ b/react/src/svg/fx_limiter.svg
@@ -0,0 +1,15 @@
+
+
+
+
diff --git a/react/src/svg/fx_lr.svg b/react/src/svg/fx_lr.svg
new file mode 100644
index 0000000..6f178d2
--- /dev/null
+++ b/react/src/svg/fx_lr.svg
@@ -0,0 +1,19 @@
+
+
+
+
diff --git a/react/src/svg/fx_mixer.svg b/react/src/svg/fx_mixer.svg
new file mode 100644
index 0000000..891fd3b
--- /dev/null
+++ b/react/src/svg/fx_mixer.svg
@@ -0,0 +1,37 @@
+
+
+
+
diff --git a/react/src/svg/fx_modulator.svg b/react/src/svg/fx_modulator.svg
new file mode 100644
index 0000000..f1bba64
--- /dev/null
+++ b/react/src/svg/fx_modulator.svg
@@ -0,0 +1,75 @@
+
+
+
+
diff --git a/react/src/svg/fx_oscillator.svg b/react/src/svg/fx_oscillator.svg
new file mode 100644
index 0000000..b034041
--- /dev/null
+++ b/react/src/svg/fx_oscillator.svg
@@ -0,0 +1,30 @@
+
+
+
+
diff --git a/react/src/svg/fx_parametric_eq.svg b/react/src/svg/fx_parametric_eq.svg
new file mode 100755
index 0000000..c1a0305
--- /dev/null
+++ b/react/src/svg/fx_parametric_eq.svg
@@ -0,0 +1,15 @@
+
+
+
+
diff --git a/react/src/svg/fx_phaser.svg b/react/src/svg/fx_phaser.svg
new file mode 100644
index 0000000..2653f16
--- /dev/null
+++ b/react/src/svg/fx_phaser.svg
@@ -0,0 +1,22 @@
+
+
+
+
diff --git a/react/src/svg/fx_pitch.svg b/react/src/svg/fx_pitch.svg
new file mode 100644
index 0000000..88b9517
--- /dev/null
+++ b/react/src/svg/fx_pitch.svg
@@ -0,0 +1,28 @@
+
+
+
+
diff --git a/react/src/svg/fx_plugin.svg b/react/src/svg/fx_plugin.svg
new file mode 100644
index 0000000..dc524a1
--- /dev/null
+++ b/react/src/svg/fx_plugin.svg
@@ -0,0 +1,22 @@
+
+
+
+
diff --git a/react/src/svg/fx_reverb.svg b/react/src/svg/fx_reverb.svg
new file mode 100644
index 0000000..55f836f
--- /dev/null
+++ b/react/src/svg/fx_reverb.svg
@@ -0,0 +1,57 @@
+
+
+
+
diff --git a/react/src/svg/fx_simulator.svg b/react/src/svg/fx_simulator.svg
new file mode 100644
index 0000000..981bda0
--- /dev/null
+++ b/react/src/svg/fx_simulator.svg
@@ -0,0 +1,19 @@
+
+
+
+
diff --git a/react/src/svg/fx_spatial.svg b/react/src/svg/fx_spatial.svg
new file mode 100644
index 0000000..ae27920
--- /dev/null
+++ b/react/src/svg/fx_spatial.svg
@@ -0,0 +1,30 @@
+
+
+
+
diff --git a/react/src/svg/fx_spectral.svg b/react/src/svg/fx_spectral.svg
new file mode 100644
index 0000000..dadd1a1
--- /dev/null
+++ b/react/src/svg/fx_spectral.svg
@@ -0,0 +1,25 @@
+
+
+
+
diff --git a/react/src/svg/fx_split_a.svg b/react/src/svg/fx_split_a.svg
new file mode 100644
index 0000000..8dc208c
--- /dev/null
+++ b/react/src/svg/fx_split_a.svg
@@ -0,0 +1,18 @@
+
+
+
+
diff --git a/react/src/svg/fx_split_b.svg b/react/src/svg/fx_split_b.svg
new file mode 100644
index 0000000..ddebee8
--- /dev/null
+++ b/react/src/svg/fx_split_b.svg
@@ -0,0 +1,23 @@
+
+
+
+
diff --git a/react/src/svg/fx_terminal.svg b/react/src/svg/fx_terminal.svg
new file mode 100644
index 0000000..b2f746a
--- /dev/null
+++ b/react/src/svg/fx_terminal.svg
@@ -0,0 +1,9 @@
+
+
+
+
diff --git a/react/src/svg/fx_utility.svg b/react/src/svg/fx_utility.svg
new file mode 100644
index 0000000..f7b40b8
--- /dev/null
+++ b/react/src/svg/fx_utility.svg
@@ -0,0 +1,19 @@
+
+
+
+