Import updates

apps/leafcutter/app/(login)/login/_components/Login.tsx

@@ -6,10 +6,10 @@ import Image from "next/legacy/image";
 import { Box, Grid, Container, IconButton } from "@mui/material";
 import { Apple as AppleIcon, Google as GoogleIcon } from "@mui/icons-material";
 import { useTranslate } from "react-polyglot";
-import { LanguageSelect } from "@/app/_components/LanguageSelect";
+import { LanguageSelect } from "app/_components/LanguageSelect";
 import LeafcutterLogoLarge from "images/leafcutter-logo-large.png";
 import { signIn } from "next-auth/react";
-import { useAppContext } from "@/app/_components/AppProvider";
+import { useAppContext } from "app/_components/AppProvider";
 
 type LoginProps = {
   session: any;

apps/leafcutter/app/(main)/about/_components/About.tsx

@@ -5,8 +5,8 @@ import { useTranslate } from "react-polyglot";
 import Image from "next/legacy/image";
 import Link from "next/link";
 import { Grid, Container, Box, Button } from "@mui/material";
-import { useAppContext } from "@/app/_components/AppProvider";
+import { useAppContext } from "app/_components/AppProvider";
-import { PageHeader } from "@/app/_components/PageHeader";
+import { PageHeader } from "app/_components/PageHeader";
 import { AboutFeature } from "./AboutFeature";
 import { AboutBox } from "./AboutBox";
 import AbstractDiagram from "images/abstract-diagram.png";
@@ -161,4 +161,3 @@ export const About: FC = () => {
     </>
   );
 };
-

apps/leafcutter/app/(main)/create/_components/Create.tsx

@@ -5,9 +5,9 @@ import { useTranslate } from "react-polyglot";
 import { useRouter, usePathname } from "next/navigation";
 import { Box, Grid } from "@mui/material";
 import { useCookies } from "react-cookie";
-import { useAppContext } from "@/app/_components/AppProvider";
+import { useAppContext } from "app/_components/AppProvider";
-import { PageHeader } from "@/app/_components/PageHeader";
+import { PageHeader } from "app/_components/PageHeader";
-import { VisualizationBuilder } from "@/app/_components/VisualizationBuilder";
+import { VisualizationBuilder } from "app/_components/VisualizationBuilder";
 
 type CreateProps = {
   templates: any;
@@ -62,4 +62,3 @@ export const Create: FC<CreateProps> = ({ templates }) => {
     </>
   );
 };
-

apps/leafcutter/app/(main)/create/page.tsx

@@ -1,8 +1,8 @@
-import { getTemplates } from "@/app/_lib/opensearch";
+import { getTemplates } from "app/_lib/opensearch";
 import { Create } from "./_components/Create";
 
 export default async function Page() {
   const templates = await getTemplates(100);
 
   return <Create templates={templates} />;
-};
+}

apps/leafcutter/app/(main)/faq/_components/FAQ.tsx

@@ -3,9 +3,9 @@
 import { FC } from "react";
 import { useTranslate } from "react-polyglot";
 import { Box, Grid } from "@mui/material";
-import { PageHeader } from "@/app/_components/PageHeader";
+import { PageHeader } from "app/_components/PageHeader";
-import { Question } from "@/app/_components/Question";
+import { Question } from "app/_components/Question";
-import { useAppContext } from "@/app/_components/AppProvider";
+import { useAppContext } from "app/_components/AppProvider";
 import FaqHeader from "images/faq-header.svg";
 
 export const FAQ: FC = () => {

apps/leafcutter/app/(main)/preview/[...visualizationID]/_components/Preview.tsx

@@ -2,8 +2,8 @@
 
 import { FC } from "react";
 /* eslint-disable no-underscore-dangle */
-import { RawDataViewer } from "@/app/_components/RawDataViewer";
+import { RawDataViewer } from "app/_components/RawDataViewer";
-import { VisualizationDetail } from "@/app/_components/VisualizationDetail";
+import { VisualizationDetail } from "app/_components/VisualizationDetail";
 
 interface PreviewProps {
   visualization: any;

apps/leafcutter/app/(main)/setup/_components/Setup.tsx

@@ -5,9 +5,9 @@ import { useLayoutEffect } from "react";
 import { useRouter } from "next/navigation";
 import { Grid, CircularProgress } from "@mui/material";
 import Iframe from "react-iframe";
-import { useAppContext } from "@/app/_components/AppProvider";
+import { useAppContext } from "app/_components/AppProvider";
 
-export const Setup:FC = () => {
+export const Setup: FC = () => {
   const {
     colors: { leafcutterElectricBlue },
   } = useAppContext();

apps/leafcutter/app/(main)/trends/_components/Trends.tsx

@@ -1,11 +1,11 @@
 "use client";
 
-import { FC, } from "react";
+import { FC } from "react";
 import { Grid, Box } from "@mui/material";
 import { useTranslate } from "react-polyglot";
-import { PageHeader } from "@/app/_components/PageHeader";
+import { PageHeader } from "app/_components/PageHeader";
-import { VisualizationCard } from "@/app/_components/VisualizationCard";
+import { VisualizationCard } from "app/_components/VisualizationCard";
-import { useAppContext } from "@/app/_components/AppProvider";
+import { useAppContext } from "app/_components/AppProvider";
 
 type TrendsProps = {
   visualizations: any;

apps/leafcutter/app/(main)/trends/page.tsx

@@ -1,4 +1,4 @@
-import { getTrends } from "@/app/_lib/opensearch";
+import { getTrends } from "app/_lib/opensearch";
 import { Trends } from "./_components/Trends";
 
 export default async function Page() {

apps/leafcutter/app/(main)/visualizations/[...visualizationID]/page.tsx

@@ -1,6 +1,6 @@
 /* eslint-disable no-underscore-dangle */
 import { Client } from "@opensearch-project/opensearch";
-import { VisualizationDetail } from "@/app/_components/VisualizationDetail";
+import { VisualizationDetail } from "app/_components/VisualizationDetail";
 
 const getVisualization = async (visualizationID: string) => {
   const node = `https://${process.env.OPENSEARCH_USERNAME}:${process.env.OPENSEARCH_PASSWORD}@${process.env.OPENSEARCH_URL}`;
@@ -31,18 +31,16 @@ const getVisualization = async (visualizationID: string) => {
   };
 
   return visualization;
-}
+};
 
 type PageProps = {
   params: {
     visualizationID: string;
   };
-  }
+};
 
 export default async function Page({ params: { visualizationID } }: PageProps) {
   const visualization = await getVisualization(visualizationID);
 
-  return  <VisualizationDetail {...visualization} editing={false}/>;
+  return <VisualizationDetail {...visualization} editing={false} />;
 }
-
-

apps/leafcutter/app/_components/AppProvider.tsx

@@ -8,7 +8,7 @@ import {
   useState,
   PropsWithChildren,
 } from "react";
-import { colors, typography } from "@/app/_styles/theme";
+import { colors, typography } from "app/_styles/theme";
 
 const basePath = process.env.GITLAB_CI
   ? "/link/link-stack/apps/leafcutter"

apps/leafcutter/app/_components/Home.tsx

@@ -7,10 +7,10 @@ import ReactMarkdown from "react-markdown";
 import { Grid, Button } from "@mui/material";
 import { useTranslate } from "react-polyglot";
 import { useCookies } from "react-cookie";
-import { Welcome } from "@/app/_components/Welcome";
+import { Welcome } from "app/_components/Welcome";
-import { WelcomeDialog } from "@/app/_components/WelcomeDialog";
+import { WelcomeDialog } from "app/_components/WelcomeDialog";
-import { VisualizationCard } from "@/app/_components/VisualizationCard";
+import { VisualizationCard } from "app/_components/VisualizationCard";
-import { useAppContext } from "@/app/_components/AppProvider";
+import { useAppContext } from "app/_components/AppProvider";
 
 type HomeProps = {
   visualizations: any;

apps/leafcutter/app/_components/MultiProvider.tsx

@@ -8,7 +8,7 @@ import { CookiesProvider } from "react-cookie";
 import { I18n } from "react-polyglot";
 import { AdapterDateFns } from "@mui/x-date-pickers-pro/AdapterDateFns";
 import { LocalizationProvider } from "@mui/x-date-pickers-pro";
-import { AppProvider } from "@/app/_components/AppProvider";
+import { AppProvider } from "app/_components/AppProvider";
 import { NextAppDirEmotionCacheProvider } from "tss-react/next/appDir";
 import en from "app/_locales/en.json";
 import fr from "app/_locales/fr.json";

apps/leafcutter/app/_components/QueryText.tsx

@@ -4,7 +4,7 @@ import { FC, useState, useEffect } from "react";
 import { Box, Grid } from "@mui/material";
 import { useTranslate } from "react-polyglot";
 import taxonomy from "app/_config/taxonomy.json";
-import { colors } from "@/app/_styles/theme";
+import { colors } from "app/_styles/theme";
 import { useAppContext } from "./AppProvider";
 
 export const QueryText: FC = () => {

apps/leafcutter/app/_components/Sidebar.tsx

@@ -20,8 +20,8 @@ import {
 import Link from "next/link";
 import { usePathname } from "next/navigation";
 import { useTranslate } from "react-polyglot";
-import { useAppContext } from "@/app/_components/AppProvider";
+import { useAppContext } from "app/_components/AppProvider";
-import { Tooltip } from "@/app/_components/Tooltip";
+import { Tooltip } from "app/_components/Tooltip";
 // import { ArrowCircleRight as ArrowCircleRightIcon } from "@mui/icons-material";
 
 const MenuItem = ({

apps/leafcutter/app/_components/TopNav.tsx

@@ -6,9 +6,9 @@ import Image from "next/legacy/image";
 import { AppBar, Grid, Box } from "@mui/material";
 import { useTranslate } from "react-polyglot";
 import LeafcutterLogo from "images/leafcutter-logo.png";
-import { AccountButton } from "@/app/_components/AccountButton";
+import { AccountButton } from "app/_components/AccountButton";
-import { HelpButton } from "@/app/_components/HelpButton";
+import { HelpButton } from "app/_components/HelpButton";
-import { Tooltip } from "@/app/_components/Tooltip";
+import { Tooltip } from "app/_components/Tooltip";
 import { useAppContext } from "./AppProvider";
 // import { LanguageSelect } from "./LanguageSelect";
 

apps/leafcutter/app/_components/VisualizationBuilder.tsx

@@ -25,10 +25,10 @@ import {
   RemoveCircle as RemoveCircleIcon,
 } from "@mui/icons-material";
 import { useTranslate } from "react-polyglot";
-import { QueryBuilder } from "@/app/_components/QueryBuilder";
+import { QueryBuilder } from "app/_components/QueryBuilder";
-import { QueryText } from "@/app/_components/QueryText";
+import { QueryText } from "app/_components/QueryText";
-import { LiveDataViewer } from "@/app/_components/LiveDataViewer";
+import { LiveDataViewer } from "app/_components/LiveDataViewer";
-import { Tooltip } from "@/app/_components/Tooltip";
+import { Tooltip } from "app/_components/Tooltip";
 import visualizationMap from "app/_config/visualizationMap.json";
 import { VisualizationSelectCard } from "./VisualizationSelectCard";
 import { MetricSelectCard } from "./MetricSelectCard";

apps/leafcutter/app/_components/VisualizationCard.tsx

@@ -3,8 +3,8 @@
 import { FC, useState } from "react";
 import { Grid, Card, Box } from "@mui/material";
 import Iframe from "react-iframe";
-import { useAppContext } from "@/app/_components/AppProvider";
+import { useAppContext } from "app/_components/AppProvider";
-import { VisualizationDetailDialog } from "@/app/_components/VisualizationDetailDialog";
+import { VisualizationDetailDialog } from "app/_components/VisualizationDetailDialog";
 
 interface VisualizationCardProps {
   id: string;

apps/leafcutter/app/_components/VisualizationDetail.tsx

@@ -4,7 +4,7 @@ import { FC } from "react";
 // import Link from "next/link";
 import { Box } from "@mui/material";
 import Iframe from "react-iframe";
-import { useAppContext } from "@/app/_components/AppProvider";
+import { useAppContext } from "app/_components/AppProvider";
 
 interface VisualizationDetailProps {
   id: string;
@@ -26,7 +26,7 @@ export const VisualizationDetail: FC<VisualizationDetailProps> = ({
     typography: { h4, p },
   } = useAppContext();
   const finalURL = `${process.env.NEXT_PUBLIC_NEXTAUTH_URL}${url}&_g=(filters%3A!()%2CrefreshInterval%3A(pause%3A!t%2Cvalue%3A0)%2Ctime%3A(from%3Anow-3y%2Cto%3Anow))`;
-console.log({finalURL})
+  console.log({ finalURL });
   return (
     <Box key={id}>
       {!editing ? (

apps/leafcutter/app/_components/VisualizationDetailDialog.tsx

@@ -11,7 +11,7 @@ import {
   TextField,
 } from "@mui/material";
 import { useTranslate } from "react-polyglot";
-import { useAppContext } from "@/app/_components/AppProvider";
+import { useAppContext } from "app/_components/AppProvider";
 import { VisualizationDetail } from "./VisualizationDetail";
 
 interface VisualizationDetailDialogProps {

apps/leafcutter/app/api/auth/[...nextauth]/route.ts

@@ -1,5 +1,5 @@
 import NextAuth from "next-auth";
-import { authOptions } from "@/app/_lib/auth";
+import { authOptions } from "app/_lib/auth";
 
 const handler = NextAuth(authOptions);
 

apps/leafcutter/app/api/searches/create/route.ts

@@ -1,7 +1,7 @@
 import { NextRequest, NextResponse } from "next/server";
 import { getServerSession } from "next-auth";
-import { authOptions } from "@/app/_lib/auth";
+import { authOptions } from "app/_lib/auth";
-import { getUserMetadata, saveUserMetadata } from "@/app/_lib/opensearch";
+import { getUserMetadata, saveUserMetadata } from "app/_lib/opensearch";
 
 export const POST = async (req: NextRequest) => {
     const session = await getServerSession(authOptions);

apps/leafcutter/app/api/searches/delete/route.ts

@@ -1,7 +1,7 @@
 import { NextRequest, NextResponse } from "next/server";
 import { getServerSession } from "next-auth";
-import { authOptions } from "@/app/_lib/auth";
+import { authOptions } from "app/_lib/auth";
-import { getUserMetadata, saveUserMetadata } from "@/app/_lib/opensearch";
+import { getUserMetadata, saveUserMetadata } from "app/_lib/opensearch";
 
 export const POST = async (req: NextRequest) => {
     const session = await getServerSession(authOptions);

apps/leafcutter/app/api/searches/list/route.ts

@@ -1,7 +1,7 @@
 import { NextResponse } from "next/server";
 import { getServerSession } from "next-auth";
-import { authOptions } from "@/app/_lib/auth";
+import { authOptions } from "app/_lib/auth";
-import { getUserMetadata } from "@/app/_lib/opensearch";
+import { getUserMetadata } from "app/_lib/opensearch";
 
 export const GET = async () => {
     const session = await getServerSession(authOptions);

apps/leafcutter/app/api/trends/recent/_route.ts

@@ -1,5 +1,5 @@
 import { NextResponse } from "next/server";
-import { getTrends } from "@/app/_lib/opensearch";
+import { getTrends } from "app/_lib/opensearch";
 
 export const GET = async () => {
     const results = await getTrends(5);

apps/leafcutter/app/api/visualizations/create/route.ts

@@ -1,7 +1,7 @@
 import { NextRequest, NextResponse } from "next/server";
 import { getServerSession } from "next-auth";
-import { authOptions } from "@/app/_lib/auth";
+import { authOptions } from "app/_lib/auth";
-import { createUserVisualization } from "@/app/_lib/opensearch";
+import { createUserVisualization } from "app/_lib/opensearch";
 
 export const POST = async (req: NextRequest) => {
     const session = await getServerSession(authOptions);

apps/leafcutter/app/api/visualizations/delete/route.ts

@@ -1,7 +1,7 @@
 import { NextRequest, NextResponse } from "next/server";
 import { getServerSession } from "next-auth";
-import { authOptions } from "@/app/_lib/auth";
+import { authOptions } from "app/_lib/auth";
-import { deleteUserVisualization } from "@/app/_lib/opensearch";
+import { deleteUserVisualization } from "app/_lib/opensearch";
 
 export const POST = async (req: NextRequest, res: NextResponse) => {
     const session = await getServerSession(authOptions);

apps/leafcutter/app/api/visualizations/query/route.ts

@@ -1,5 +1,5 @@
 import { NextRequest, NextResponse } from "next/server";
-import { performQuery } from "@/app/_lib/opensearch";
+import { performQuery } from "app/_lib/opensearch";
 
 export const GET = async (req: NextRequest) => {
     const searchQuery = req.nextUrl.searchParams.get("searchQuery");

apps/leafcutter/app/api/visualizations/update/route.ts

@@ -1,7 +1,7 @@
 import { NextRequest, NextResponse } from "next/server";
 import { getServerSession } from "next-auth";
-import { authOptions } from "@/app/_lib/auth";
+import { authOptions } from "app/_lib/auth";
-import { updateUserVisualization } from "@/app/_lib/opensearch";
+import { updateUserVisualization } from "app/_lib/opensearch";
 
 export const POST = async (req: NextRequest) => {
     const session = await getServerSession(authOptions);

apps/leafcutter/app/page.tsx

@@ -1,15 +1,14 @@
 import { getServerSession } from "next-auth";
 import { authOptions } from "app/_lib/auth";
-import { getUserVisualizations } from "@/app/_lib/opensearch";
+import { getUserVisualizations } from "app/_lib/opensearch";
-import { Home } from "@/app/_components/Home";
+import { Home } from "app/_components/Home";
 
 export default async function Page() {
   const session = await getServerSession(authOptions);
-  const { user: { email } }: any = session;
+  const {
-  const visualizations = await getUserVisualizations(
+    user: { email },
-    email ?? "none",
+  }: any = session;
-    20
+  const visualizations = await getUserVisualizations(email ?? "none", 20);
-  );
 
-  return <Home visualizations={visualizations}  />;
+  return <Home visualizations={visualizations} />;
 }

apps/link/app/(main)/_components/Sidebar.tsx

@@ -29,7 +29,7 @@ import Link from "next/link";
 import Image from "next/image";
 import LinkLogo from "public/link-logo-small.png";
 import { useSession, signOut } from "next-auth/react";
-import { getTicketOverviewCountsQuery } from "@/app/_graphql/getTicketOverviewCountsQuery";
+import { getTicketOverviewCountsQuery } from "app/_graphql/getTicketOverviewCountsQuery";
 
 const openWidth = 270;
 const closedWidth = 100;

apps/link/app/(main)/admin/zammad/page.tsx

@@ -1,5 +1,5 @@
 import { Metadata } from "next";
-import { ZammadWrapper } from "@/app/(main)/_components/ZammadWrapper";
+import { ZammadWrapper } from "app/(main)/_components/ZammadWrapper";
 
 export const metadata: Metadata = {
   title: "Zammad",

apps/link/app/(main)/knowledge/page.tsx

@@ -1,5 +1,5 @@
 import { Metadata } from "next";
-import { ZammadWrapper } from "@/app/(main)/_components/ZammadWrapper";
+import { ZammadWrapper } from "app/(main)/_components/ZammadWrapper";
 
 export const metadata: Metadata = {
   title: "Knowledge Base",

apps/link/app/(main)/overview/[overview]/_components/TicketList.tsx

@@ -4,7 +4,7 @@ import { FC } from "react";
 import { Grid, Box } from "@mui/material";
 import { GridColDef } from "@mui/x-data-grid-pro";
 import { StyledDataGrid } from "../../../_components/StyledDataGrid";
-import { typography } from "@/app/_styles/theme";
+import { typography } from "app/_styles/theme";
 import { useRouter } from "next/navigation";
 
 interface TicketListProps {

apps/link/app/(main)/overview/[overview]/_components/ZammadOverview.tsx

@@ -3,7 +3,7 @@
 import { FC } from "react";
 import useSWR from "swr";
 import { TicketList } from "./TicketList";
-import { getTicketsByOverviewQuery } from "@/app/_graphql/getTicketsByOverviewQuery";
+import { getTicketsByOverviewQuery } from "app/_graphql/getTicketsByOverviewQuery";
 
 type ZammadOverviewProps = {
   name: string;

apps/link/app/(main)/profile/page.tsx

@@ -1,5 +1,5 @@
 import { Metadata } from "next";
-import { ZammadWrapper } from "@/app/(main)/_components/ZammadWrapper";
+import { ZammadWrapper } from "app/(main)/_components/ZammadWrapper";
 
 export const metadata: Metadata = {
   title: "Profile",

apps/link/app/(main)/tickets/[id]/@detail/_components/ArticleCreateDialog.tsx

@@ -10,7 +10,7 @@ import {
   TextField,
 } from "@mui/material";
 import { useSWRConfig } from "swr";
-import { updateTicketMutation } from "@/app/_graphql/updateTicketMutation";
+import { updateTicketMutation } from "app/_graphql/updateTicketMutation";
 
 interface ArticleCreateDialogProps {
   ticketID: string;

apps/link/app/(main)/tickets/[id]/@detail/_components/TicketDetail.tsx

@@ -2,7 +2,7 @@
 
 import { FC, useState } from "react";
 import useSWR from "swr";
-import { getTicketQuery } from "@/app/_graphql/getTicketQuery";
+import { getTicketQuery } from "app/_graphql/getTicketQuery";
 import {
   Grid,
   Box,

apps/link/app/(main)/tickets/[id]/@edit/_components/TicketEdit.tsx

@@ -1,18 +1,18 @@
 "use client";
 
-import { FC, useEffect, useState } from "react";
+import { FC, /* useEffect, */ useState } from "react";
 import {
   Grid,
   Box,
-  Typography,
+  // Typography,
-  TextField,
+  // TextField,
   Stack,
   Chip,
   Select,
   MenuItem,
 } from "@mui/material";
-import useSWR, { useSWRConfig } from "swr";
+import { /* useSWR, */ useSWRConfig } from "swr";
-import { updateTicketMutation } from "@/app/_graphql/updateTicketMutation";
+import { updateTicketMutation } from "app/_graphql/updateTicketMutation";
 import "@chatscope/chat-ui-kit-styles/dist/default/styles.min.css";
 
 interface TicketEditProps {
@@ -24,7 +24,7 @@ export const TicketEdit: FC<TicketEditProps> = ({ ticket }) => {
   const [selectedOwner, setSelectedOwner] = useState(1);
   const [selectedPriority, setSelectedPriority] = useState(1);
   const [selectedState, setSelectedState] = useState(1);
-  const [selectedTags, setSelectedTags] = useState(["tag1", "tag2"]);
+  const [selectedTags] = useState(["tag1", "tag2"]);
   const handleDelete = () => {
     console.info("You clicked the delete icon.");
   };

apps/link/app/(main)/tickets/[id]/notpage.tsx

@@ -14,9 +14,9 @@ import Head from "next/head";
 import useSWR from "swr";
 import { NextPage } from "next";
 import { Grid } from "@mui/material";
-import { TicketDetail } from "@/app/_components/TicketDetail";
+import { TicketDetail } from "app/_components/TicketDetail";
-import { TicketEdit } from "@/app/_components/TicketEdit";
+import { TicketEdit } from "app/_components/TicketEdit";
-import { getTicketQuery } from "@/app/_graphql/getTicketQuery";
+import { getTicketQuery } from "app/_graphql/getTicketQuery";
 
 type TicketProps = {
   id: string;