From f870ea0d7679737ba1a1e5e914a6f772111aac69 Mon Sep 17 00:00:00 2001
From: Tilman Vatteroth <git@tilmanvatteroth.de>
Date: Wed, 21 Jun 2023 22:27:57 +0200
Subject: [PATCH] fix: forward remaining properties in additional icon
 component

Signed-off-by: Tilman Vatteroth <git@tilmanvatteroth.de>
---
 .../common/icons/additional/icon-discourse.tsx        | 11 +++++++++--
 .../common/icons/additional/icon-gitlab.tsx           | 11 +++++++++--
 .../common/icons/additional/icon-matrix-org.tsx       | 11 +++++++++--
 3 files changed, 27 insertions(+), 6 deletions(-)

diff --git a/frontend/src/components/common/icons/additional/icon-discourse.tsx b/frontend/src/components/common/icons/additional/icon-discourse.tsx
index 0a7c2cd98..a999e593c 100644
--- a/frontend/src/components/common/icons/additional/icon-discourse.tsx
+++ b/frontend/src/components/common/icons/additional/icon-discourse.tsx
@@ -15,9 +15,16 @@ import type { IconProps } from 'react-bootstrap-icons'
  * @param title custom title for the SVG
  */
 export const IconDiscourse = React.forwardRef<SVGSVGElement, IconProps>(
-  ({ color = 'currentColor', size = '1em', title }, ref) => {
+  ({ color = 'currentColor', size = '1em', title, ...props }, ref) => {
     return (
-      <svg ref={ref} xmlns='http://www.w3.org/2000/svg' width={size} height={size} fill={color} viewBox='0 0 16 16'>
+      <svg
+        ref={ref}
+        xmlns='http://www.w3.org/2000/svg'
+        width={size}
+        height={size}
+        fill={color}
+        viewBox='0 0 16 16'
+        {...props}>
         {title ? <title>{title}</title> : null}
         <path d='M7.994 0C3.654 0 0 3.52 0 7.86V16l7.993-.008c4.34 0 7.86-3.654 7.86-7.994S12.33 0 7.994 0Zm.022 3.03a4.867 4.867 0 0 1 3.833 1.8l.01.01v.002l.018.023.068.085a4.844 4.844 0 0 1 .119.163l.02.03a4.87 4.87 0 0 1-5.644 7.36l-.047-.018a4.875 4.875 0 0 1-.316-.128l-3.166.717.013-.004-.013.003.001-.004v.003l.88-2.835-.019-.04a4.93 4.93 0 0 1-.13-.261A4.87 4.87 0 0 1 8.016 3.03Z' />
       </svg>
diff --git a/frontend/src/components/common/icons/additional/icon-gitlab.tsx b/frontend/src/components/common/icons/additional/icon-gitlab.tsx
index 55f62b264..29e92cdfe 100644
--- a/frontend/src/components/common/icons/additional/icon-gitlab.tsx
+++ b/frontend/src/components/common/icons/additional/icon-gitlab.tsx
@@ -15,9 +15,16 @@ import type { IconProps } from 'react-bootstrap-icons'
  * @param title custom title for the SVG
  */
 export const IconGitlab = React.forwardRef<SVGSVGElement, IconProps>(
-  ({ color = 'currentColor', size = '1em', title }, ref) => {
+  ({ color = 'currentColor', size = '1em', title, ...props }, ref) => {
     return (
-      <svg ref={ref} xmlns='http://www.w3.org/2000/svg' width={size} height={size} fill={color} viewBox='0 0 16 16'>
+      <svg
+        ref={ref}
+        xmlns='http://www.w3.org/2000/svg'
+        width={size}
+        height={size}
+        fill={color}
+        viewBox='0 0 16 16'
+        {...props}>
         {title ? <title>{title}</title> : null}
         <path d='m15.734 6.1-.023-.058L13.534.358a.567.567 0 0 0-.224-.27.583.583 0 0 0-.667.036.583.583 0 0 0-.193.294l-1.47 4.498H5.024L3.555.418A.572.572 0 0 0 3.36.124a.583.583 0 0 0-.666-.036.572.572 0 0 0-.224.27L.289 6.038l-.022.058a4.044 4.044 0 0 0 1.341 4.674l.008.006.02.014 3.317 2.484 1.642 1.243 1 .754a.672.672 0 0 0 .813 0l1-.754 1.64-1.243 3.338-2.499.009-.007a4.046 4.046 0 0 0 1.34-4.669z' />
       </svg>
diff --git a/frontend/src/components/common/icons/additional/icon-matrix-org.tsx b/frontend/src/components/common/icons/additional/icon-matrix-org.tsx
index 8aa3f037e..22b4ed06e 100644
--- a/frontend/src/components/common/icons/additional/icon-matrix-org.tsx
+++ b/frontend/src/components/common/icons/additional/icon-matrix-org.tsx
@@ -15,9 +15,16 @@ import type { IconProps } from 'react-bootstrap-icons'
  * @param title custom title for the SVG
  */
 export const IconMatrixOrg = React.forwardRef<SVGSVGElement, IconProps>(
-  ({ color = 'currentColor', size = '1em', title }, ref) => {
+  ({ color = 'currentColor', size = '1em', title, ...props }, ref) => {
     return (
-      <svg ref={ref} xmlns='http://www.w3.org/2000/svg' width={size} height={size} fill={color} viewBox='0 0 16 16'>
+      <svg
+        ref={ref}
+        xmlns='http://www.w3.org/2000/svg'
+        width={size}
+        height={size}
+        fill={color}
+        viewBox='0 0 16 16'
+        {...props}>
         {title ? <title>{title}</title> : null}
         <path d='M1.035 0v15.998h1.52v-.366H1.46V.384L2.55.366V0Zm12.41.002v.366h1.096v15.248l-1.096.018V16h1.52V.002ZM6.868 5.06c-.37 0-.704.08-.994.242-.299.17-.553.404-.745.686h-.023v-.77l-1.483.009v5.698h1.564V7.616c0-.28.04-.506.121-.68A1.1 1.1 0 0 1 5.6 6.54a.974.974 0 0 1 .353-.186c.095-.03.193-.047.292-.051.252 0 .441.043.57.127.125.08.22.198.274.337.057.146.089.3.094.458.007.163.01.33.01.5v3.198H8.76V7.748c0-.176.013-.35.04-.524.021-.163.073-.32.153-.464a.923.923 0 0 1 .32-.331c.137-.084.314-.127.534-.127.222 0 .397.037.525.11a.734.734 0 0 1 .292.298c.07.138.11.288.121.441.015.169.022.349.022.54v3.23h1.565V7.107a2.6 2.6 0 0 0-.154-.946 1.616 1.616 0 0 0-.429-.634 1.681 1.681 0 0 0-.66-.354 3.027 3.027 0 0 0-.835-.11c-.395 0-.74.095-1.03.287-.292.19-.521.41-.69.66-.155-.354-.382-.6-.68-.74a2.275 2.275 0 0 0-.985-.21Z' />
       </svg>