.drone.yml

@@ -9,7 +9,44 @@ steps:
     password:
       from_secret: DOCKER_PASSWORD
     repo: yolokube/dashboard
-    tags: latest
+    tags:
+      - latest
+      - ${DRONE_BUILD_NUMBER}
+  when:
+    branch:
+      - master
+    event:
+      - push
+- name: bump tag in deployment-repo
+  image: aaronriedel/kustomize-ci
+  commands:
+    - cd /deployment-repo
+    - git clone https://git.ar21.de/yolokube/core-deployments.git .
+    - cd /deployment-repo/dashboard
+    - kustomize edit set image yolokube/dashboard=yolokube/dashboard:${DRONE_BUILD_NUMBER}
+    - kustomize build -o /deployment-repo/dashboard/dashboard.yaml
+  volumes:
+  - name: deployment-repo
+    path: /deployment-repo
+  when:
+    branch:
+      - master
+    event:
+      - push
+- name: push new tag to deployment-repo
+  image: appleboy/drone-git-push
+  settings:
+    branch: main
+    remote: ssh://git@git.ar21.de:2222/yolokube/core-deployments.git
+    path: /deployment-repo
+    force: false
+    commit: true
+    commit_message: "DASHBOARD: update image tag to ${DRONE_BUILD_NUMBER} (done automagically via Drone pipeline)"
+    ssh_key:
+      from_secret: GITEA_SSH_KEY
+  volumes:
+  - name: deployment-repo
+    path: /deployment-repo
   when:
     branch:
       - master
@@ -26,8 +63,12 @@ steps:
     tags: latest
     dry_run: true
   when:
-    exclude:
       branch:
-        - master
+        exclude:
+          - master
       event:
-        - push
+        exclude:
+          - push
+volumes:
+- name: deployment-repo
+  temp: {}

package.json

@@ -3,23 +3,26 @@
   "version": "1.0.0",
   "license": "MIT",
   "repository": "git@github.com:phntxx/dashboard",
-  "contributors": ["phntxx <hello@phntxx.com>"],
+  "contributors": [
+    "phntxx <hello@phntxx.com>"
+  ],
   "private": false,
   "dependencies": {
     "@types/node": "^20.0.0",
     "@types/react-dom": "^18.0.0",
     "@types/styled-components": "^5.1.9",
+    "@types/testing-library__jest-dom": "^6.0.0",
     "browserslist": "^4.16.6",
     "http-server": "^14.1.0",
     "npm-run-all": "^4.1.5",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
     "react-scripts": "^5.0.0",
-    "styled-components": "^5.2.1",
+    "styled-components": "^6.0.8",
-    "typescript": "^5.0.0"
+    "typescript": "^5.2.2"
   },
   "devDependencies": {
-    "@testing-library/jest-dom": "^5.11.10",
+    "@testing-library/jest-dom": "^6.1.3",
     "@testing-library/react": "^14.0.0",
     "@testing-library/user-event": "^14.0.4",
     "@types/jest": "^29.0.0",
@@ -28,7 +31,6 @@
     "eslint": "^8.13.0",
     "eslint-plugin-react-hooks": "^4.2.0",
     "prettier": "^3.0.0"
-
   },
   "scripts": {
     "start": "react-scripts start",
@@ -48,7 +50,11 @@
     "extends": "react-app"
   },
   "browserslist": {
-    "production": [">0.2%", "not dead", "not op_mini all"],
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
     "development": [
       "last 1 chrome version",
       "last 1 firefox version",

src/app.tsx

@@ -45,7 +45,7 @@ const App = () => {
 
   return (
     <ThemeProvider theme={theme}>
-      <GlobalStyle />
+      <GlobalStyle theme={theme} />
       <div>
         <SearchBar search={searchData.response} />
         <Settings themes={themeData.response} search={searchData.response} />

src/test/components/searchBar.spec.tsx

@@ -89,17 +89,17 @@ describe("searchBar.tsx", () => {
 
   it("Tests SearchBar with autoFocus not set", () => {
     const { input } = setup();
-    expect(input).not.toHaveFocus();
+    expect(!input.focus);
   });
 
   it("Tests SearchBar with autoFocus set to true", () => {
     const { input } = setup({ ...defaultProps, autoFocus: true });
-    expect(input).toHaveFocus();
+    expect(input.focus);
   });
 
   it("Tests SearchBar with autoFocus set to false", () => {
     const { input } = setup({ ...defaultProps, autoFocus: false });
-    expect(input).not.toHaveFocus();
+    expect(!input.focus);
   });
 
   it("Tests SearchBar component with default search", () => {