Fix Svgs (#14)

Author: hazemahmedx0

packages/blog-starter-kit/themes/enterprise/components/header.tsx

@@ -16,8 +16,8 @@ import {
 	CaseStudiesSVG,
 	CommunitySVG,
 	ContactSVG,
-  ContributeSVG,
-	CustomChatbotsSVG,
+	ContributeSVG,
+	CustomChatbotSVG,
 	DocsNavSVG,
 	EnterpriseSVG,
 	EventsSVG,
@@ -114,7 +114,7 @@ const sol2 = [
 		name: 'Custom Chatbots',
 		description: 'Connect agents with chat interfaces',
 		href: 'https://docs.mindsdb.com/mindsdb_sql/agents/chatbot',
-		Icon: <CustomChatbotsSVG />,
+		Icon: <CustomChatbotSVG />,
 	},
 	{
 		name: 'Forecasting',

packages/blog-starter-kit/themes/enterprise/components/icons/svgs/NavbarIcons/AIAgentsSVG.js

@@ -9,6 +9,7 @@ export default class AIAgentsSVG extends React.Component {
 				height="24"
 				viewBox="0 0 24 24"
 				fill="none"
+				className={this.props.className}
 			>
 				<path
 					d="M4 13.6724V14.1724H4.5V13.6724H4ZM4 16.3621H4.5V15.8621H4V16.3621ZM20 16.3621V15.8621H19.5V16.3621H20ZM20 13.6724H19.5V14.1724H20V13.6724ZM7 22.5H6.5C6.5 22.6894 6.607 22.8625 6.77639 22.9472C6.94579 23.0319 7.14849 23.0136 7.3 22.9L7 22.5ZM10.7333 19.7L11.0333 20.1L10.7333 19.7ZM3.5 9.5V13.6724H4.5V9.5H3.5ZM4 13.1724H3V14.1724H4V13.1724ZM1.5 14.6724V15.3621H2.5V14.6724H1.5ZM3 16.8621H4V15.8621H3V16.8621ZM3.5 16.3621V17.5H4.5V16.3621H3.5ZM20.5 17.5V16.3621H19.5V17.5H20.5ZM20 16.8621H21V15.8621H20V16.8621ZM22.5 15.3621V14.6724H21.5V15.3621H22.5ZM21 13.1724H20V14.1724H21V13.1724ZM20.5 13.6724V9.5H19.5V13.6724H20.5ZM17 6H7V7H17V6ZM11.3333 20H18V19H11.3333V20ZM6.5 20.5V22.5H7.5V20.5H6.5ZM7.3 22.9L11.0333 20.1L10.4333 19.3L6.7 22.1L7.3 22.9ZM6 20C6.27614 20 6.5 20.2239 6.5 20.5H7.5C7.5 19.6716 6.82843 19 6 19V20ZM22.5 14.6724C22.5 13.844 21.8284 13.1724 21 13.1724V14.1724C21.2761 14.1724 21.5 14.3963 21.5 14.6724H22.5ZM21 16.8621C21.8284 16.8621 22.5 16.1905 22.5 15.3621H21.5C21.5 15.6382 21.2761 15.8621 21 15.8621V16.8621ZM19.5 17.5C19.5 18.3284 18.8284 19 18 19V20C19.3807 20 20.5 18.8807 20.5 17.5H19.5ZM1.5 15.3621C1.5 16.1905 2.17157 16.8621 3 16.8621V15.8621C2.72386 15.8621 2.5 15.6382 2.5 15.3621H1.5ZM11.3333 19C11.0088 19 10.693 19.1053 10.4333 19.3L11.0333 20.1C11.1199 20.0351 11.2251 20 11.3333 20V19ZM3 13.1724C2.17157 13.1724 1.5 13.844 1.5 14.6724H2.5C2.5 14.3963 2.72386 14.1724 3 14.1724V13.1724ZM3.5 17.5C3.5 18.8807 4.61929 20 6 20V19C5.17157 19 4.5 18.3284 4.5 17.5H3.5ZM20.5 9.5C20.5 7.56701 18.933 6 17 6V7C18.3807 7 19.5 8.11929 19.5 9.5H20.5ZM4.5 9.5C4.5 8.11929 5.61929 7 7 7V6C5.067 6 3.5 7.567 3.5 9.5H4.5Z"

packages/blog-starter-kit/themes/enterprise/components/icons/svgs/NavbarIcons/ContributeSVG.js

@@ -9,6 +9,7 @@ export default class ContributeSVG extends React.Component {
 				height="24"
 				viewBox="0 0 24 24"
 				fill="none"
+				className={this.props.className}
 			>
 				<path
 					fill-rule="evenodd"

packages/blog-starter-kit/themes/enterprise/components/icons/svgs/NavbarIcons/CustomChatbotsSVG.JS packages/blog-starter-kit/themes/enterprise/components/icons/svgs/NavbarIcons/CustomChatbotSVG.js

@@ -9,6 +9,7 @@ export default class FineTuningSVG extends React.Component {
 				viewBox="0 0 29 29"
 				fill="none"
 				xmlns="http://www.w3.org/2000/svg"
+				className={this.props.className}
 			>
 				<path
 					d="M14.8 2.60001C14.7 2.40001 14.5 2.30001 14.4 2.10001C13.5 1.10001 12.2 0.600006 10.8 0.600006C8.6 0.600006 6.6 2.00001 6 4.10001C3.6 5.10001 2 7.40001 2 10C2 11.4 2.5 12.7 3.2 13.8C2.6 14.6 2.2 15.6 2.2 16.6C2.2 18.3 3.2 19.8 4.7 20.5C4.6 20.8 4.5 21.3 4.5 21.7C4.5 23.7 6.3 25.3 8.3 25.3C8.7 26.9 10.1 28 11.8 28C12.8 28 13.7 27.7 14.4 27C14.5 26.9 14.7 26.7 14.8 26.5L14.9 26.4V2.70001L14.8 2.60001ZM13.8 26.1C13.3 26.7 12.6 27 11.8 27C10.5 27 9.4 26 9.2 24.7L9.1 24.2L8.7 24.3C7.1 24.6 5.6 23.3 5.6 21.7C5.6 21.2 5.7 20.8 5.9 20.4L6.2 19.9L5.6 19.8C4.3 19.3 3.3 18 3.3 16.6C3.3 15.8 3.7 14.9 4.2 14.3L4.3 14.2L4.6 13.9L4.3 13.5C4.2 13.4 4.2 13.4 4.1 13.3C3.3 12.3 3 11.2 3 10C3 7.70001 4.4 5.70001 6.6 4.90001L6.8 4.80001V4.60001C7.3 2.80001 8.9 1.60001 10.7 1.60001C11.9 1.60001 13 2.20001 13.8 3.10001V26.1Z"

packages/blog-starter-kit/themes/enterprise/components/icons/svgs/NavbarIcons/FineTuningSVG.js

@@ -9,6 +9,7 @@ export default class ForecastingSVG extends React.Component {
 				viewBox="0 0 29 29"
 				fill="none"
 				xmlns="http://www.w3.org/2000/svg"
+				className={this.props.className}
 			>
 				<path
 					d="M26 8.20001H21.5C21 8.20001 20.6 8.60001 20.6 9.10001V26.1C20.6 26.6 21 27 21.5 27H26C26.5 27 26.9 26.6 26.9 26.1V9.00001C26.9 8.60001 26.5 8.20001 26 8.20001Z"

packages/blog-starter-kit/themes/enterprise/components/icons/svgs/NavbarIcons/ForecastingSVG.js

@@ -9,6 +9,7 @@ export default class SemanticSearchSVG extends React.Component {
 				height="24"
 				viewBox="0 0 24 24"
 				fill="none"
+				className={this.props.className}
 			>
 				<path d="M14.4121 14.4121L20 20" stroke="#4F4D55" stroke-linecap="round" />
 				<path

packages/blog-starter-kit/themes/enterprise/components/icons/svgs/NavbarIcons/SemanticSearchSVG.js

@@ -9,6 +9,7 @@ export default class TextProcessingSVG extends React.Component {
 				height="24"
 				viewBox="0 0 25 24"
 				fill="none"
+				className={this.props.className}
 			>
 				<path
 					fill-rule="evenodd"

packages/blog-starter-kit/themes/enterprise/components/icons/svgs/NavbarIcons/TextProcessingSVG.js

@@ -16,7 +16,7 @@ import CloudNavBarSVG from './NavbarIcons/CloudNavBar';
 import CommunitySVG from './NavbarIcons/CommunitySVG';
 import ContactSVG from './NavbarIcons/ContactSVG';
 import ContributeSVG from './NavbarIcons/ContributeSVG';
-import CustomChatbotsSVG from './NavbarIcons/CustomChatbotsSVG';
+import CustomChatbotSVG from './NavbarIcons/CustomChatbotSVG';
 import DocsNavSVG from './NavbarIcons/DocsNavSVG';
 import EnterpriseSVG from './NavbarIcons/EnterpriseSVG';
 import EventsSVG from './NavbarIcons/EventsSVG';
@@ -52,7 +52,7 @@ export {
 	CommunitySVG,
 	ContactSVG,
 	ContributeSVG,
-	CustomChatbotsSVG,
+	CustomChatbotSVG,
 	DocsNavSVG,
 	EnterpriseSVG,
 	EventsSVG,