docs: refactor to use TypeScript, ESLint, and Tailwind CSS (#4136)

* docs(refactoring): configured eslint and typescript (#3511) * docs: configured eslint and typescript * fixed yarn.lock * docs(refactoring): migrate components directory to typescript (#3517) * docs: migrate components directory to typescript * removed vscode settings * fix following merge * docs: refactored QueryNote component (#3576) * docs: refactored first batch of theme components (#3579) * docs: refactored second batch of theme components (#3580) * added missing badge styles * fix after merge * docs(refactoring): migrated remaining component to TypeScript (#3770) * docs(refactoring): configured eslint and typescript (#3511) * docs: configured eslint and typescript * fixed yarn.lock * docs(refactoring): migrate components directory to typescript (#3517) * docs: migrate components directory to typescript * removed vscode settings * fix following merge * docs: refactored QueryNote component (#3576) * docs: refactored first batch of theme components (#3579) * docs: refactored second batch of theme components (#3580) * added missing badge styles * docs: refactoring second batch of theme components * fix after merge * refactored icons and other components * docs: refactored all components * docs(refactoring): set up and configured Tailwind Css (#3841) * docs: added tailwind config * docs: added more tailwind configurations * add includes option * added more tailwind configurations * fix to configurations * docs(refactoring): use tailwind css (#4134) * docs: added tailwind config * docs: added more tailwind configurations * add includes option * added more tailwind configurations * fix to configurations * docs(refactoring): refactored all styles to use tailwind css (#4132) * refactored Badge component to use tailwind css * refactored Bordered component to use tailwind css * updated to latest docusaurus * refactored BorderedIcon component to use tailwind css * refactored Feedback component to use tailwind css * refactored icons and footersociallinks to tailwind css * start refactoring of large card * refactored large card styling * refactored until admonitions * refactored until codeblock * refactored until Tabs * refactored Tabs (without testing * finished refactoring styles to tailwind css * upgraded to version 2.4.1 * general fixes * adjusted eslint configurations * fixed ignore files * fixes to large card * fix search styling * fix npx command * updated tabs to use isCodeTabs prop * fixed os tabs * removed os-tabs class in favor of general styling * improvements to buttons * fix for searchbar * fixed redocly download button * chore: added eslint code action (#4135) * small change in commerce modules page
2023-05-19 14:56:48 +03:00
parent 29a88bbf98
commit 94907730d2
292 changed files with 11721 additions and 42102 deletions
@@ -0,0 +1,46 @@
+import React from "react"
+import Tooltip from "@site/src/components/Tooltip"
+import { NavbarAction } from "@medusajs/docs"
+import Icon from "@site/src/theme/Icon"
+import clsx from "clsx"
+
+type NavbarActionsProps = {
+  items: NavbarAction[]
+} & React.HTMLAttributes<HTMLDivElement>
+
+const NavbarActions: React.FC<NavbarActionsProps> = ({ items = [] }) => {
+  return (
+    <div className="lg:tw-block tw-hidden">
+      {items.map((item, index) => {
+        switch (item.type) {
+          case "link":
+            // eslint-disable-next-line no-case-declarations
+            const ItemIcon = item.icon ? Icon[item.icon] : null
+            return (
+              <Tooltip text={item.title} key={index}>
+                <a
+                  href={item.href}
+                  title={item.title}
+                  // className={`${ItemIcon ? "navbar-link-icon" : ""} ${
+                  //   item.className || ""
+                  // }`}
+                  className={clsx(
+                    ItemIcon &&
+                      "tw-bg-medusa-button-secondary dark:tw-bg-medusa-button-secondary-dark tw-border tw-border-solid tw-border-medusa-border-base dark:tw-border-medusa-border-base-dark tw-rounded tw-w-2 tw-h-2 tw-flex tw-justify-center tw-items-center hover:tw-bg-medusa-button-secondary-hover dark:hover:tw-bg-medusa-button-secondary-hover-dark",
+                    item.className
+                  )}
+                >
+                  {item.label}
+                  {ItemIcon && <ItemIcon />}
+                </a>
+              </Tooltip>
+            )
+          default:
+            return <></>
+        }
+      })}
+    </div>
+  )
+}
+
+export default NavbarActions