add api generator

pkgs/ui/src/app/layout.tsx

@@ -19,6 +19,7 @@ import { Sidebar } from "@/components/sidebar";
 import MenuIcon from "@mui/icons-material/Menu";
 import Image from "next/image";
 import { tw } from "@/utils/tailwind";
+import axios from "axios";
 
 const roboto = localFont({
   src: [
@@ -30,6 +31,8 @@ const roboto = localFont({
   ],
 });
 
+axios.defaults.baseURL = "http://localhost:2979";
+
 // add negative margin for smooth transition to fill the space of the sidebar
 const translate = tw`lg:-ml-64 -ml-14`;
 

pkgs/ui/src/app/templates/[id]/page.tsx

@@ -29,6 +29,7 @@ import {
   Typography,
 } from "@mui/material";
 import { useState } from "react";
+import { useListMachines } from "../../../../api/default/default";
 
 export async function generateStaticParams() {
   return [{ id: "1" }, { id: "2" }];
@@ -46,6 +47,8 @@ interface TemplateDetailProps {
   params: { id: string };
 }
 export default function TemplateDetail({ params }: TemplateDetailProps) {
+  const { data, isLoading } = useListMachines();
+  console.log({ data, isLoading });
   const details = getTemplate(params);
 
   const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);