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 ( -
+