From f3ad4a0d7da40e62b5ef748e46bf64b035832fba Mon Sep 17 00:00:00 2001
From: Half-Shot <will@half-shot.uk>
Date: Fri, 6 May 2022 15:59:46 +0100
Subject: [PATCH] Fix broken headerImgs

---
 web/components/roomConfig/GenericWebhookConfig.tsx | 3 ++-
 web/components/roomConfig/GitlabRepoConfig.tsx     | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/web/components/roomConfig/GenericWebhookConfig.tsx b/web/components/roomConfig/GenericWebhookConfig.tsx
index 1a2bda69..0cecb35a 100644
--- a/web/components/roomConfig/GenericWebhookConfig.tsx
+++ b/web/components/roomConfig/GenericWebhookConfig.tsx
@@ -6,6 +6,7 @@ import BridgeAPI from "../../BridgeAPI";
 import { GenericHookConnectionState, GenericHookResponseItem } from "../../../src/Connections/GenericHook";
 import { ConnectionConfigurationProps, RoomConfig } from "./RoomConfig";
 import { InputField, ButtonSet, Button } from "../elements";
+import WebhookIcon from "../../icons/webhook.png";
 
 const EXAMPLE_SCRIPT = `if (data.counter === undefined) {
     result = {
@@ -94,7 +95,7 @@ const RoomConfigListItemFunc = (c: GenericHookResponseItem) => c.config.name;
 
 export const GenericWebhookConfig: FunctionComponent<IGenericWebhookConfigProps> = ({ api, roomId }) => {
     return <RoomConfig<ServiceConfig, GenericHookResponseItem, GenericHookConnectionState>
-        headerImg="./icons/webhook.png"
+        headerImg={WebhookIcon}
         api={api}
         roomId={roomId}
         type="generic"
diff --git a/web/components/roomConfig/GitlabRepoConfig.tsx b/web/components/roomConfig/GitlabRepoConfig.tsx
index 5fe77bf2..66b7c5b8 100644
--- a/web/components/roomConfig/GitlabRepoConfig.tsx
+++ b/web/components/roomConfig/GitlabRepoConfig.tsx
@@ -4,6 +4,7 @@ import BridgeAPI from "../../BridgeAPI";
 import { ConnectionConfigurationProps, RoomConfig } from "./RoomConfig";
 import { GitLabRepoConnectionState, GitLabRepoResponseItem, GitLabTargetFilter, GitLabRepoConnectionTarget, GitLabRepoConnectionProjectTarget, GitLabRepoConnectionInstanceTarget } from "../../../src/Connections/GitlabRepo";
 import { InputField, ButtonSet, Button, ErrorPane } from "../elements";
+import GitLabIcon from "../../icons/gitlab.png";
 
 const EventType = "uk.half-shot.matrix-hookshot.gitlab.repository";
 
@@ -190,7 +191,7 @@ const RoomConfigListItemFunc = (c: GitLabRepoResponseItem) => c.config.path;
 
 export const GitlabRepoConfig: FunctionComponent<IGenericWebhookConfigProps> = ({ api, roomId }) => {
     return <RoomConfig<never, GitLabRepoResponseItem, GitLabRepoConnectionState>
-        headerImg="./icons/gitlab.png"
+        headerImg={GitLabIcon}
         api={api}
         roomId={roomId}
         type="gitlab"