proper icons for tutorial panel

src/main/kotlin/dartzee/screen/dartzee/DartzeeRuleVerificationPanel.kt

@@ -10,12 +10,12 @@ import dartzee.`object`.Dart
 import dartzee.screen.GameplayDartboard
 import dartzee.utils.DartsColour
 import dartzee.utils.InjectedThings.dartzeeCalculator
+import dartzee.utils.ResourceCache
 import java.awt.BorderLayout
 import java.awt.Color
 import java.awt.Dimension
 import java.awt.event.ActionEvent
 import java.awt.event.ActionListener
-import javax.swing.ImageIcon
 import javax.swing.JButton
 import javax.swing.JLabel
 import javax.swing.JPanel
@@ -57,7 +57,7 @@ class DartzeeRuleVerificationPanel : JPanel(), DartboardListener, ActionListener
         tfResult.isEditable = false
 
         btnReset.preferredSize = Dimension(60, 60)
-        btnReset.icon = ImageIcon(javaClass.getResource("/buttons/Reset.png"))
+        btnReset.icon = ResourceCache.ICON_RESET
         btnReset.toolTipText = "Reset darts"
 
         btnReset.addActionListener(this)

src/main/kotlin/dartzee/screen/game/DartsGamePanel.kt

@@ -36,6 +36,7 @@ import dartzee.screen.game.x01.GamePanelX01
 import dartzee.utils.InjectedThings
 import dartzee.utils.InjectedThings.mainDatabase
 import dartzee.utils.InjectedThings.preferenceService
+import dartzee.utils.ResourceCache
 import dartzee.utils.ResourceCache.ICON_STATS_LARGE
 import dartzee.utils.getColourWrapperFromPrefs
 import dartzee.utils.getQuotedIdStr
@@ -145,11 +146,11 @@ abstract class DartsGamePanel<
         panelSouth.add(panelAiSlider, BorderLayout.NORTH)
         panelSouth.add(panelButtons, BorderLayout.CENTER)
         btnConfirm.preferredSize = Dimension(80, 80)
-        btnConfirm.icon = ImageIcon(javaClass.getResource("/buttons/Confirm.png"))
+        btnConfirm.icon = ResourceCache.ICON_CONFIRM
         btnConfirm.toolTipText = "Confirm round"
         panelButtons.add(btnConfirm)
         btnReset.preferredSize = Dimension(80, 80)
-        btnReset.icon = ImageIcon(javaClass.getResource("/buttons/Reset.png"))
+        btnReset.icon = ResourceCache.ICON_RESET
         btnReset.toolTipText = "Reset round"
         panelButtons.add(btnReset)
         btnResign.preferredSize = Dimension(80, 80)

src/main/kotlin/dartzee/screen/game/TutorialPanel.kt

@@ -52,10 +52,11 @@ class TutorialPanel(private val parent: DartsGameScreen) :
         scrollPane.setViewportView(panelWest)
         panelWest.border = EtchedBorder(EtchedBorder.RAISED, null, null)
         panelWest.layout = MigLayout("al center top")
-        panelWest.preferredSize = Dimension(500, 950)
+        panelWest.preferredSize = Dimension(525, 950)
         add(scrollPane, BorderLayout.WEST)
 
         val lblRules = makeTitleLabel("The Rules")
+        lblRules.icon = ImageIcon(javaClass.getResource("/buttons/gameReport.png"))
         panelWest.add(lblRules, "cell 0 0, growx")
 
         panelWest.add(makeDivider(), "cell 0 1, alignx center")
@@ -102,10 +103,10 @@ class TutorialPanel(private val parent: DartsGameScreen) :
         panelSouth.add(btnConfirm)
         panelSouth.add(btnReset)
         btnConfirm.preferredSize = Dimension(80, 80)
-        btnConfirm.icon = ImageIcon(javaClass.getResource("/buttons/Confirm.png"))
+        btnConfirm.icon = ResourceCache.ICON_CONFIRM
         btnConfirm.toolTipText = "Confirm round"
         btnReset.preferredSize = Dimension(80, 80)
-        btnReset.icon = ImageIcon(javaClass.getResource("/buttons/Reset.png"))
+        btnReset.icon = ResourceCache.ICON_RESET
         btnReset.toolTipText = "Reset round"
         btnConfirm.isEnabled = false
         btnReset.isEnabled = false
@@ -140,38 +141,44 @@ class TutorialPanel(private val parent: DartsGameScreen) :
 
     private fun makeTextPane() =
         makeTransparentTextPane().apply {
-            font = ResourceCache.UNICODE_FONT
+            font = ResourceCache.BASE_FONT
             setFontSize(24)
             border = EmptyBorder(10, 5, 20, 5)
         }
 
     private fun makeTitleLabel(text: String) =
         JLabel(text).apply {
-            font = ResourceCache.UNICODE_FONT
+            font = ResourceCache.BASE_FONT
             border = EmptyBorder(10, 10, 10, 0)
             horizontalAlignment = SwingConstants.CENTER
             setFontSize(30)
         }
 
     private fun makeRulesPane() =
         makeTextPane().apply {
-            append("\uD83D\uDCC9 Score down from 301. First to hit 0 wins.")
+            insertComponent(makeIconLabel(ResourceCache.ICON_GRAPH_DECREASING))
+            append(" Score down from 301. First to hit 0 wins.")
             append("\n\n")
-            append("\uD83C\uDFAF You must finish")
+            insertComponent(makeIconLabel(ResourceCache.ICON_CALCULATOR))
+            append(" You must finish")
             append(" exactly", bold = true)
             append(" - score too much and you'll lose your score for the round!")
             append("\n\n")
-            append(
-                "\uD83D\uDDB1\uFE0F Input your score by clicking on the Dartboard. Use the ✅ to confirm."
-            )
+            insertComponent(makeIconLabel(ResourceCache.ICON_DARTBOARD))
+            append(" Input your score by clicking on the Dartboard. Use the ")
+            insertComponent(makeIconLabel(ResourceCache.ICON_CONFIRM))
+            append(" to confirm.")
             append("\n\n")
-            append("❎ Use the reset button if you mis-click.")
+            insertComponent(makeIconLabel(ResourceCache.ICON_RESET))
+            append(" Use the reset button if you mis-click.")
         }
 
+    private fun makeIconLabel(icon: ImageIcon) = JLabel(icon).also { it.alignmentY = 0.65f }
+
     private fun makeDivider() =
         JSeparator(SwingConstants.HORIZONTAL).apply {
-            border = EmptyBorder(10, 0, 10, 0)
-            preferredSize = Dimension(200, 2)
+            border = EmptyBorder(10, 0, 5, 0)
+            preferredSize = Dimension(240, 2)
         }
 
     override fun actionPerformed(e: ActionEvent?) {

src/main/kotlin/dartzee/screen/sync/SyncManagementPanel.kt

@@ -46,7 +46,7 @@ class SyncManagementPanel : JPanel(), ActionListener {
         layout = BorderLayout(0, 0)
         add(panelMainOptions, BorderLayout.CENTER)
         btnPerformSync.icon = ImageIcon(javaClass.getResource("/buttons/sync.png"))
-        btnReset.icon = ImageIcon(javaClass.getResource("/buttons/Reset.png"))
+        btnReset.icon = ResourceCache.ICON_RESET
         btnPull.icon = ImageIcon(javaClass.getResource("/buttons/pull.png"))
         btnPush.icon = ImageIcon(javaClass.getResource("/buttons/push.png"))
 

src/main/kotlin/dartzee/utils/ResourceCache.kt

@@ -31,6 +31,11 @@ object ResourceCache {
     val ICON_PAUSE = ImageIcon(javaClass.getResource("/buttons/pause.png"))
     val ICON_STATS_LARGE = ImageIcon(javaClass.getResource("/buttons/stats_large.png"))
     val ICON_TEAMS = ImageIcon(javaClass.getResource("/buttons/teams.png"))
+    val ICON_RESET = ImageIcon(javaClass.getResource("/buttons/Reset.png"))
+    val ICON_CONFIRM = ImageIcon(javaClass.getResource("/buttons/Confirm.png"))
+    val ICON_GRAPH_DECREASING = ImageIcon(javaClass.getResource("/icons/graph_decreasing.png"))
+    val ICON_DARTBOARD = ImageIcon(javaClass.getResource("/icons/dartboard.png"))
+    val ICON_CALCULATOR = ImageIcon(javaClass.getResource("/icons/calculator_large.png"))
 
     val AVATAR_UNSET = ImageIcon(PlayerAvatar::class.java.getResource("/avatars/Unset.png"))
 
@@ -89,9 +94,6 @@ object ResourceCache {
     val BASE_FONT: Font =
         Font.createFont(Font.TRUETYPE_FONT, javaClass.getResourceAsStream("/trebuc.ttf"))
 
-    val UNICODE_FONT: Font =
-        Font.createFont(Font.TRUETYPE_FONT, javaClass.getResourceAsStream("/arialunicode.ttf"))
-
     private val wavPoolLock = Any()
     private val hmWavToInputStreams = HashMapList<String, AudioInputStream>()