From c26c1e2085770d82e8a1b9863a58f546c719f9aa Mon Sep 17 00:00:00 2001
From: Roar <roaraf@stud.ntnu.no>
Date: Sat, 18 Apr 2026 17:14:09 +0200
Subject: [PATCH] Updated charityPage.fxml

Added fx:id to handle category events and fixed cursor for links.
---
 .../src/main/resources/fxml/charityPage.fxml  | 50 ++++++++++++-------
 1 file changed, 33 insertions(+), 17 deletions(-)

diff --git a/helpmehelpapplication/src/main/resources/fxml/charityPage.fxml b/helpmehelpapplication/src/main/resources/fxml/charityPage.fxml
index 7904ae7..d24b091 100644
--- a/helpmehelpapplication/src/main/resources/fxml/charityPage.fxml
+++ b/helpmehelpapplication/src/main/resources/fxml/charityPage.fxml
@@ -55,14 +55,15 @@
 
         <children>
             <Button mnemonicParsing="false" onAction="#switchToFrontPage" prefHeight="0.0" prefWidth="0.0" style="-fx-background-color: #2f8f8b">
+                <cursor>
+                    <Cursor fx:constant="HAND" />
+                </cursor>
                 <graphic>
                     <ImageView fitHeight="54.0" fitWidth="67.0" pickOnBounds="true" preserveRatio="true">
                         <image>
                             <Image url="@../images/Logo.png" />
                         </image>
-                        <cursor>
-                            <Cursor fx:constant="HAND" />
-                        </cursor>
+
                     </ImageView>
                 </graphic>
             </Button>
@@ -146,29 +147,38 @@
                             <ColumnConstraints />
                         </columnConstraints>
 
-                        <Label style="-fx-background-color:#C8E6C0; -fx-background-radius:18; -fx-text-fill:#4E7C3F; -fx-padding:8 16 8 16;" text="✓ Verified" GridPane.rowIndex="1">
+                        <Label style="-fx-background-color:#C8E6C0; -fx-background-radius:18; -fx-text-fill:#4E7C3F; -fx-padding:8 16 8 16;" text="✓ Verified" translateY="-200.0" GridPane.rowIndex="1">
                             <font>
                                 <Font name="System Bold" size="15.0" />
                             </font>
                         </Label>
-
-                        <StackPane prefHeight="67.0" prefWidth="489.0" translateX="-30" GridPane.rowIndex="2">
-
-                            <Rectangle arcHeight="30.0" arcWidth="30.0" fill="#F5F5F5" height="60.0" stroke="#4F4F4F" strokeType="INSIDE" width="220.0" />
-
-
-                            <Label text="[Category]">
-                                <font>
-                                    <Font name="System Bold" size="18.0" />
-                                </font>
-                            </Label>
-                        </StackPane>
+                        <Label text="Categories">
+                            <font>
+                                <Font name="System Bold" size="22.0" />
+                            </font>
+                            <opaqueInsets>
+                                <Insets />
+                            </opaqueInsets>
+                            <padding>
+                                <Insets left="10.0" top="100.0" />
+                            </padding>
+                        </Label>
+                        <!-- Categories -->
+                        <ScrollPane prefHeight="200.0" prefWidth="250.0" translateY="-200.0" GridPane.rowIndex="2">
+                            <content>
+                                <VBox fx:id="categoriesContainer" spacing="10.0">
+                                    <padding>
+                                        <Insets bottom="10.0" left="10.0" right="10.0" top="10.0" />
+                                    </padding>
+                                </VBox>
+                            </content>
+                        </ScrollPane>
                         <padding>
                             <Insets left="10.0" />
                         </padding>
 
                     </GridPane>
-                    <VBox alignment="CENTER" prefHeight="509.0" prefWidth="425.0" spacing="15.0" GridPane.rowIndex="1">
+                    <VBox alignment="CENTER" prefHeight="509.0" prefWidth="425.0" spacing="15.0" translateY="-270.0" GridPane.rowIndex="1">
 
                         <Hyperlink fx:id="CharityURL" onAction="#handleHomepageClick" text="Homepage">
                             <font>
@@ -190,12 +200,18 @@
 
                         <VBox alignment="CENTER" prefHeight="89.0" prefWidth="191.0" spacing="22.0">
                             <Button prefHeight="55.0" prefWidth="190.0" style="-fx-background-color:#4453D9; -fx-background-radius:30; -fx-text-fill:white;" text="Favorite">
+                                <cursor>
+                                    <Cursor fx:constant="HAND" />
+                                </cursor>
                                 <font>
                                     <Font name="System Bold" size="16.0" />
                                 </font>
                             </Button>
 
                             <Button onAction="#switchToDonationPage" prefHeight="55.0" prefWidth="190.0" style="-fx-background-color:#4E7C3F; -fx-background-radius:30; -fx-text-fill:white;" text="Donate">
+                                <cursor>
+                                    <Cursor fx:constant="HAND" />
+                                </cursor>
                                 <font>
                                     <Font name="System Bold" size="16.0" />
                                 </font>