diff --git a/src/components/QuickStartFilter.js b/src/components/QuickStartFilter.js
index 8e86dfe54..d7845cf5c 100644
--- a/src/components/QuickStartFilter.js
+++ b/src/components/QuickStartFilter.js
@@ -2,7 +2,16 @@ import React, {useState} from "react";
import quickstarts from "./QuickStartList";
import Link from "@docusaurus/Link";
import {FaGolang} from "react-icons/fa6";
-import {FaJava, FaLaptopCode, FaDocker, FaPython, FaCheck, FaArrowRight, FaArrowLeft} from "react-icons/fa";
+import {
+ FaJava,
+ FaLaptopCode,
+ FaDocker,
+ FaPython,
+ FaCheck,
+ FaArrowRight,
+ FaArrowLeft,
+ FaGem,
+} from "react-icons/fa";
import {TbBrandCSharp} from "react-icons/tb";
import {IoLogoJavascript} from "react-icons/io5";
import {useColorMode} from "@docusaurus/theme-common";
@@ -28,16 +37,38 @@ export default function QuickstartFilter({defaultLanguage = null}) {
{name: "Java", icon: , color: "#007396"},
{name: "JS/TS", icon: , color: "#F7DF1E"},
{name: "C#", icon: , color: "#512BD4"},
+ {name: "Ruby", icon: , color: "#CC342D"},
];
const servers = [
- {name: "Local", icon: , description: "Run directly on your machine"},
- {name: "Docker", icon: , description: "Run in a Docker container"},
+ {
+ name: "Local",
+ icon: ,
+ description: "Run directly on your machine",
+ },
+ {
+ name: "Docker",
+ icon: ,
+ description: "Run in a Docker container",
+ },
];
const steps = [
- {id: 1, label: "Language", icon: languages.find(l => l.name === language)?.icon || null},
- {id: 2, label: "Environment", icon: server === "Docker" ? : server === "Local" ? : null},
+ {
+ id: 1,
+ label: "Language",
+ icon: languages.find((l) => l.name === language)?.icon || null,
+ },
+ {
+ id: 2,
+ label: "Environment",
+ icon:
+ server === "Docker" ? (
+
+ ) : server === "Local" ? (
+
+ ) : null,
+ },
{id: 3, label: "Quickstart", icon: null},
];
@@ -67,7 +98,7 @@ export default function QuickstartFilter({defaultLanguage = null}) {
};
return (
-