better hikari config

Author: Zabrafax

backend/src/main/resources/application.properties

@@ -11,4 +11,12 @@ spring.jpa.show-sql=true
 spring.jpa.properties.hibernate.dialect=org.hibernate.dialect.PostgreSQLDialect
 spring.datasource.driver-class-name=org.postgresql.Driver
 
+spring.datasource.hikari.validation-timeout=3000
+spring.datasource.hikari.connection-test-query=SELECT 1
+spring.datasource.hikari.test-on-borrow=true
+spring.datasource.hikari.minimum-idle=1
+spring.datasource.hikari.maximum-pool-size=10
+
+spring.datasource.hikari.statementCacheSize=0
+
 spring.autoconfigure.exclude=org.springframework.boot.autoconfigure.security.servlet.SecurityAutoConfiguration

frontend/package-lock.json

@@ -1,12 +1,14 @@
 {
   "name": "meta-clock",
   "version": "0.1.0",
+  "homepage": "https://zabrafax.github.io/spring-react-meta-clock",
   "private": true,
   "dependencies": {
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^13.5.0",
+    "gh-pages": "^6.3.0",
     "http-proxy-middleware": "^3.0.5",
     "react": "^19.1.0",
     "react-color": "^2.19.3",

frontend/package.json

@@ -29,7 +29,7 @@ function ClockGrid(props) {
         if(isTablet) {
             setGridSize(2)
         } else {
-            if(isSecondsEnabled) {
+            if(isSecondsEnabled && isSeparatorsEnabled) {
                 setGridSize(1);
             } else {
                 setGridSize(0);
@@ -38,7 +38,7 @@ function ClockGrid(props) {
 
         console.log(gridSize);
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [isSecondsEnabled, isMobile, isTablet]);
+    }, [isSecondsEnabled, isSeparatorsEnabled, isMobile, isTablet]);
 
     useEffect(() => {
         if (!currentTimeZoneId) {

frontend/src/components/clock/ClockGrid.js

@@ -7,9 +7,9 @@ const ThemeContext = createContext();
 export function ThemeProvider({ children }) {
     const { saveColorTheme, isLoggedIn, userColorTheme } = useUserContext();
 
-    const [allFirstThemeColors, setAllFirstThemeColors] = useState(["#1d2d65", "#eaeaea", "#8a89a6", "#4e9762", "#1d2d65"]);
-    const [allSecondThemeColors, setAllSecondThemeColors] = useState(["#162652", "#d2d2d2", "#7f7e98", "#478556", "#162652"]);
-    const [allAccentThemeColors, setAllAccentThemeColors] = useState(["#dcdcdc", "#000000", "#ffffff", "#ffffff", "#dcdcdc"]);
+    const [allFirstThemeColors, setAllFirstThemeColors] = useState(["#1d2d65", "#eaeaea", "#8a89a6", "#1f1f1f", "#1d2d65"]);
+    const [allSecondThemeColors, setAllSecondThemeColors] = useState(["#162652", "#d2d2d2", "#7f7e98", "#111111", "#162652"]);
+    const [allAccentThemeColors, setAllAccentThemeColors] = useState(["#dcdcdc", "#000000", "#ffffff", "#d9d9d9", "#dcdcdc"]);
     const [allArrowShadows, setAllArrowShadows] = useState([true, false, true, true, true]);
     const [allTextThemeColors, setAllTextThemeColors] = useState(["#ffffff", "#000000", "#000000", "#ffffff", "#ffffff"]);
     // eslint-disable-next-line no-unused-vars

frontend/src/components/contexts/ThemeContext.js

@@ -78,6 +78,7 @@ export function UserProvider({ children }) {
                 const apiResponse = await response.json();
 
                 if (apiResponse.success) {
+                    console.log("Theme saved");
                     return {success: true};
                 } else {
                     console.log("Error saving colorTheme");