Adding doc for kafka (#1505)

Signed-off-by: Thomas Poignant <[email protected]>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

website/docs/configure_flag/export_flags_usage.mdx

@@ -11,6 +11,8 @@ import loglogo from '@site/static/docs/collectors/log.png';
 import s3logo from '@site/static/docs/collectors/s3.png';
 import webhooklogo from '@site/static/docs/collectors/webhook.png';
 import sqslogo from '@site/static/docs/collectors/sqs.png';
+import kafkalogo from '@site/static/docs/collectors/kafka.png';
+
 
 # How to export evaluation data
 GO Feature Flag allows for the collection of flag usage data.
@@ -41,6 +43,14 @@ To use, simply configure, use the feature flag as normal, and analyze the collec
       goModuleLink={'../go_module/data_collection/sqs'}
     />
   },
+  {
+    logoImg: kafkalogo,
+    title:"Kafka",
+    content: <ConfigCardContent
+      relayproxyLink={'../relay_proxy/configure_relay_proxy#kafka'}
+      goModuleLink={'../go_module/data_collection/kafka'}
+    />
+  },
   {
     logoImg: googlelogo,
     title:"Google Storage",

website/docs/go_module/data_collection/kafka.md

@@ -12,10 +12,10 @@ ffclient.Config{
    DataExporter: ffclient.DataExporter{
         // ...
         Exporter: &kafkaexporter.Exporter{
-			Settings: kafkaexporter.Settings{
-				Topic: "go-feature-flag-events",
-                Addresses: []string{"cluster1", "cluster2"},
-            },
+           Settings: kafkaexporter.Settings{
+              Topic: "go-feature-flag-events",
+              Addresses: []string{"cluster1", "cluster2"},
+           },
         },
     },
     // ...

website/src/components/home/features/index.js

@@ -265,14 +265,19 @@ function Integration() {
           />
           <SocialIcon
             colorClassName={styles.socialIconGitlab}
-            fontAwesomeIcon="devicon-gitlab-plain"
+            fontAwesomeIcon="devicon-gitlab-plain colored"
             tooltipText="Gitlab"
           />
           <SocialIcon
             colorClassName={styles.socialIconAws}
             img={sqslogo}
             tooltipText="AWS SQS"
           />
+          <SocialIcon
+            colorClassName={styles.socialIconKafka}
+            fontAwesomeIcon="devicon-apachekafka-original colored"
+            tooltipText="Apache Kafka"
+          />
         </div>
       </div>
     </div>

website/src/components/home/features/styles.module.css

@@ -45,13 +45,17 @@
 }
 
 .socialIconGitlab {
-  background-color: #e2432a;
+  background-color: #D1D0D3;
 }
 
 .socialIconMongodb {
   background-color: #023430;
 }
 
+.socialIconKafka {
+  background-color: #eee;
+}
+
 .tooltip {
   position: relative;
   display: inline-block;