fixing file format

website/src/assets/styles/tailwind.css

@@ -18,7 +18,6 @@ limitations under the License.
 @tailwind components;
 @tailwind utilities;
 
-
 @layer base {
  :root {
  --background: 0 0% 100%;
@@ -47,13 +46,13 @@ limitations under the License.
 
  --warning: 38 92% 50%;
  --warning-foreground: 48 96% 89%;
- 
+
  --success: 120, 100%, 25%;
  --success-foreground: 60 9.1% 97.8%;
 
  --progress: 240, 83%, 58%;
  --progress-foreground: 60 9.1% 97.8%;
- 
+
  --border: 20 5.9% 90%;
  --input: 20 5.9% 90%;
  --ring: 24.6 95% 53.1%;
@@ -105,7 +104,7 @@ limitations under the License.
 
  --warning: 38 92% 50%;
  --warning-foreground: 48 96% 89%;
- 
+
  --border: 12 6.5% 15.1%;
  --input: 12 6.5% 15.1%;
  --ring: 20.5 90.2% 48.2%;
@@ -131,7 +130,6 @@ limitations under the License.
  }
 }
 
-
 @layer base {
  /* setting default background, text color and font */
  html {

website/src/common/CommandMenu.tsx

@@ -64,7 +64,7 @@ export function CommandMenu() {
  <Button
  variant="outline"
  className={cn(
- "relative h-8 w-full justify-start rounded-[0.5rem] bg-muted/50 text-sm font-normal text-muted-foreground shadow-none sm:pr-12 md:w-40 lg:w-64"
+ "relative h-8 w-full justify-start rounded-[0.5rem] bg-muted/50 text-sm font-normal text-muted-foreground shadow-none sm:pr-12 md:w-40 lg:w-64",
  )}
  onClick={() => setOpen(true)}
  >

website/src/common/DailySummary.tsx

@@ -59,7 +59,7 @@ export default function DailySummary(props: DailySummaryProps) {
  <Card
  className={twMerge(
  "w-[310px] h-[124px] md:w-[316px] md:h-[124px] hover:scale-105 duration-300 hover:bg-muted border-border",
- workload === data.name && "border-2 border-front"
+ workload === data.name && "border-2 border-front",
  )}
  onClick={() => getWorkload()}
  >

website/src/common/Footer.tsx

@@ -93,7 +93,11 @@ const Footer: React.FC = () => {
  <h5 className="font-bold md:text-lg text-base">{item.title}</h5>
  <div className="my-4 md:my-7 flex flex-col gap-y-2">
  {item.links.map((link, key) => (
- <Link className="md:text-base text-xs text-foreground/80 hover:text-primary/80" key={key} to={link.to}>
+ <Link
+ className="md:text-base text-xs text-foreground/80 hover:text-primary/80"
+ key={key}
+ to={link.to}
+ >
  {link.title}
  </Link>
  ))}
@@ -109,4 +113,4 @@ const Footer: React.FC = () => {
  );
 };
 
-export default Footer;
+export default Footer;

website/src/common/Hero.tsx

@@ -25,12 +25,14 @@ export default function Hero({ title, description, children }: HeroProps) {
  return (
  <section className="flex flex-col items-center p-12">
  <div className="flex flex-col items-center gap-4 max-w-screen-lg">
- <h2 className="text-4xl md:text-6xl font-semibold text-primary mb-4">{title}</h2>
+ <h2 className="text-4xl md:text-6xl font-semibold text-primary mb-4">
+ {title}
+ </h2>
  <p className="md:my-6 leading-loose text-foreground/80">
  {description}
  </p>
  {children}
  </div>
  </section>
  );
-}
+}

website/src/common/Navbar.tsx

@@ -55,7 +55,7 @@ export default function Navbar(): JSX.Element {
  <nav className="flex flex-col relative">
  <div
  className={twMerge(
- "w-full bg-background z-[49] flex justify-between lg:justify-center p-4 border-b border-border"
+ "w-full bg-background z-[49] flex justify-between lg:justify-center p-4 border-b border-border",
  )}
  >
  <Link to="/" className="flex flex-1 gap-x-2 items-center">
@@ -77,8 +77,8 @@ export default function Navbar(): JSX.Element {
  isPending
  ? "pointer-events-none opacity-50"
  : isActive
- ? "text-primary"
- : ""
+  ? "text-primary"
+  : "",
  )
  }
  >
@@ -130,8 +130,8 @@ export default function Navbar(): JSX.Element {
  isPending
  ? "pointer-events-none "
  : isActive
- ? "text-primary"
- : ""
+  ? "text-primary"
+  : "",
  )
  }
  >
@@ -147,8 +147,8 @@ export default function Navbar(): JSX.Element {
  isPending
  ? "pointer-events-none "
  : isActive
- ? "text-primary"
- : ""
+  ? "text-primary"
+  : "",
  )
  }
  >

website/src/common/VitessRefsCommand.tsx

@@ -94,7 +94,7 @@ export default function VitessRefsCommand({
  <Button
  variant="outline"
  className={cn(
- "relative justify-between rounded-[0.5rem] bg-muted/50 text-sm font-normal text-muted-foreground shadow-none sm:pr-4 w-full md:w-40 lg:w-64"
+ "relative justify-between rounded-[0.5rem] bg-muted/50 text-sm font-normal text-muted-foreground shadow-none sm:pr-4 w-full md:w-40 lg:w-64",
  )}
  onClick={() => setOpen(true)}
  >

website/src/common/WorkloadsCommand.tsx

@@ -93,7 +93,7 @@ export default function WorkloadsCommand({
  <Button
  variant="outline"
  className={cn(
- "relative justify-between rounded-[0.5rem] bg-muted/50 text-sm font-normal text-muted-foreground shadow-none sm:pr-4 w-full md:w-40 lg:w-64"
+ "relative justify-between rounded-[0.5rem] bg-muted/50 text-sm font-normal text-muted-foreground shadow-none sm:pr-4 w-full md:w-40 lg:w-64",
  )}
  onClick={() => setOpen(true)}
  >

website/src/components/ui/badge.tsx

@@ -19,7 +19,16 @@ import { cva, type VariantProps } from "class-variance-authority";
 
 import { cn } from "@/library/utils";
 
-export type Variant = "warning" | "success" | "progress" | "default" | "secondary" | "destructive" | "outline" | null | undefined;
+export type Variant =
+ | "warning"
+ | "success"
+ | "progress"
+ | "default"
+ | "secondary"
+ | "destructive"
+ | "outline"
+ | null
+ | undefined;
 
 const badgeVariants = cva(
  "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
@@ -41,7 +50,7 @@ const badgeVariants = cva(
  defaultVariants: {
  variant: "default",
  },
- }
+ },
 );
 
 export interface BadgeProps

website/src/components/ui/button.tsx

@@ -14,9 +14,9 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-import * as React from "react"
-import { Slot } from "@radix-ui/react-slot"
-import { cva, type VariantProps } from "class-variance-authority"
+import * as React from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { cva, type VariantProps } from "class-variance-authority";
 
 import { cn } from "@/library/utils";
 

website/src/components/ui/card.tsx

@@ -14,8 +14,8 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-import * as React from "react"
-import { cn } from "@/library/utils"
+import * as React from "react";
+import { cn } from "@/library/utils";
 
 const Card = React.forwardRef<
  HTMLDivElement,
@@ -25,12 +25,12 @@ const Card = React.forwardRef<
  ref={ref}
  className={cn(
  "rounded-lg border bg-card text-card-foreground shadow-sm",
- className
+ className,
  )}
  {...props}
  />
-))
-Card.displayName = "Card"
+));
+Card.displayName = "Card";
 
 const CardHeader = React.forwardRef<
  HTMLDivElement,
@@ -41,8 +41,8 @@ const CardHeader = React.forwardRef<
  className={cn("flex flex-col space-y-1.5 p-6", className)}
  {...props}
  />
-))
-CardHeader.displayName = "CardHeader"
+));
+CardHeader.displayName = "CardHeader";
 
 const CardTitle = React.forwardRef<
  HTMLParagraphElement,
@@ -52,12 +52,12 @@ const CardTitle = React.forwardRef<
  ref={ref}
  className={cn(
  "text-2xl font-semibold leading-none tracking-tight",
- className
+ className,
  )}
  {...props}
  />
-))
-CardTitle.displayName = "CardTitle"
+));
+CardTitle.displayName = "CardTitle";
 
 const CardDescription = React.forwardRef<
  HTMLParagraphElement,
@@ -68,16 +68,16 @@ const CardDescription = React.forwardRef<
  className={cn("text-sm text-muted-foreground", className)}
  {...props}
  />
-))
-CardDescription.displayName = "CardDescription"
+));
+CardDescription.displayName = "CardDescription";
 
 const CardContent = React.forwardRef<
  HTMLDivElement,
  React.HTMLAttributes<HTMLDivElement>
 >(({ className, ...props }, ref) => (
  <div ref={ref} className={cn("p-6 pt-0", className)} {...props} />
-))
-CardContent.displayName = "CardContent"
+));
+CardContent.displayName = "CardContent";
 
 const CardFooter = React.forwardRef<
  HTMLDivElement,
@@ -88,7 +88,14 @@ const CardFooter = React.forwardRef<
  className={cn("flex items-center p-6 pt-0", className)}
  {...props}
  />
-))
-CardFooter.displayName = "CardFooter"
+));
+CardFooter.displayName = "CardFooter";
 
-export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent }
+export {
+ Card,
+ CardHeader,
+ CardFooter,
+ CardTitle,
+ CardDescription,
+ CardContent,
+};