From 2b73b5d9e4fc3163d62030d25d007824a2d93a98 Mon Sep 17 00:00:00 2001
From: Piotr Monwid-Olechnowicz <hasparus@gmail.com>
Date: Wed, 9 Oct 2024 11:54:53 +0200
Subject: [PATCH] Remove icons from feature tabs (#5651)

---
 packages/web/docs/src/components/feature-tabs.tsx | 10 ++--------
 1 file changed, 2 insertions(+), 8 deletions(-)

diff --git a/packages/web/docs/src/components/feature-tabs.tsx b/packages/web/docs/src/components/feature-tabs.tsx
index 829c71db25..b8dd7819e1 100644
--- a/packages/web/docs/src/components/feature-tabs.tsx
+++ b/packages/web/docs/src/components/feature-tabs.tsx
@@ -1,11 +1,10 @@
-import { ReactNode, useState } from 'react';
+import { useState } from 'react';
 import Image, { StaticImageData } from 'next/image';
 import { ChevronDownIcon } from '@radix-ui/react-icons';
 import * as Tabs from '@radix-ui/react-tabs';
 import { CallToAction, Heading } from '@theguild/components';
 import { cn } from '../lib';
 import { ArrowIcon } from './arrow-icon';
-import { Stud } from './stud';
 import observabilityClientsImage from '../../public/features/observability/clients.webp';
 import observabilityOperationsImage from '../../public/features/observability/operations.webp';
 import observabilityOverallImage from '../../public/features/observability/overall.webp';
@@ -155,7 +154,6 @@ export function FeatureTabs({ className }: { className?: string }) {
             <Tabs.Content value="Schema Registry" tabIndex={-1}>
               <Feature
                 title="Schema Registry"
-                icon={<SchemaRegistryIcon />}
                 documentationLink="/docs/schema-registry"
                 description="Publish schemas, compose federated services, and detect backward-incompatible changes with ease."
                 highlights={highlights['Schema Registry']}
@@ -165,7 +163,6 @@ export function FeatureTabs({ className }: { className?: string }) {
             <Tabs.Content value="GraphQL Observability" tabIndex={-1}>
               <Feature
                 title="GraphQL Observability"
-                icon={<GraphQLObservabilityIcon />}
                 documentationLink="/docs/schema-registry/usage-reporting"
                 description="Enhanced GraphQL Observability tools provide insights into API usage and user experience metrics."
                 highlights={highlights['GraphQL Observability']}
@@ -175,7 +172,6 @@ export function FeatureTabs({ className }: { className?: string }) {
             <Tabs.Content value="Schema Management" tabIndex={-1}>
               <Feature
                 title="Schema Management"
-                icon={<SchemaManagementIcon />}
                 description="Evolve your GraphQL API with confidence."
                 highlights={highlights['Schema Management']}
                 setActiveHighlight={setActiveHighlight}
@@ -233,19 +229,17 @@ function SchemaManagementIcon() {
 }
 
 function Feature(props: {
-  icon: ReactNode;
   title: string;
   description: string;
   highlights: Highlight[];
   documentationLink?: string;
   setActiveHighlight: (highlight: string) => void;
 }) {
-  const { icon, title, description, documentationLink, highlights } = props;
+  const { title, description, documentationLink, highlights } = props;
 
   return (
     <div className="flex flex-col gap-6 px-4 pb-4 md:gap-12 md:pb-12 md:pl-12 md:pr-16">
       <header className="flex flex-wrap items-center gap-4 md:flex-col md:items-start md:gap-6">
-        <Stud>{icon}</Stud>
         <Heading as="h2" size="md" className="text-green-1000 max-sm:text-2xl max-sm:leading-8">
           {title}
         </Heading>