Deleting v2 dashboard/api (#1628)

* Delete v2 Stripe routes

* Delete v2 billing/usage pages

* Delete v2 integration pages

* Delete v2 project pages

* Deleted a load of components and services

* Deleted a load more components, presenters and services

* Deleted another 100 files or so…

* Removed old v2 paths

* Removed named icons from form titles

* Removed more string icons

* Delete NamedIcon

* Fixed some type errors

* Delete endpointApi

* Removed v2 from core/sdk

* Post merge fixes

* added explicit return types

* using the new sdk export without v3

* Delete old v2 file

* Added explicit return types because TS was complaining…

* Don’t export RuntimeEnvironmentType from two core files. Was causing TS issue

* Fix for removal of NamedIcon in new route

* Removed strange eslintrc rule

* Use the new redis client

---------

Co-authored-by: James Ritchie <[email protected]>

Author: matt-aitken

apps/webapp/.eslintrc

@@ -6,7 +6,7 @@
       "files": ["*.ts", "*.tsx"],
       "rules": {
         // Autofixes imports from "@trigger.dev/core" to fine grained modules
-        "@trigger.dev/no-trigger-core-import": "error",
+        // "@trigger.dev/no-trigger-core-import": "error",
         // Normalize `import type {}` and `import { type }`
         "@typescript-eslint/consistent-type-imports": [
           "warn",

apps/webapp/app/api.server.ts

@@ -6,6 +6,7 @@ import { LinkButton } from "./primitives/Buttons";
 import { Header1 } from "./primitives/Headers";
 import { Paragraph } from "./primitives/Paragraph";
 import Spline from "@splinetool/react-spline";
+import { ReactNode } from "react";
 
 type ErrorDisplayOptions = {
   button?: {
@@ -38,7 +39,7 @@ export function RouteErrorDisplay(options?: ErrorDisplayOptions) {
 
 type DisplayOptionsProps = {
   title: string;
-  message?: string;
+  message?: ReactNode;
 } & ErrorDisplayOptions;
 
 export function ErrorDisplay({ title, message, button }: DisplayOptionsProps) {

apps/webapp/app/components/ActiveBadge.tsx

@@ -1,6 +1,7 @@
+import { ChevronLeftIcon, ChevronRightIcon } from "@heroicons/react/20/solid";
 import { useLocation } from "@remix-run/react";
+import { z } from "zod";
 import { LinkButton } from "~/components/primitives/Buttons";
-import { Direction } from "~/components/runs/RunStatuses";
 import { cn } from "~/utils/cn";
 
 type List = {
@@ -10,6 +11,9 @@ type List = {
   };
 };
 
+export const DirectionSchema = z.union([z.literal("forward"), z.literal("backward")]);
+export type Direction = z.infer<typeof DirectionSchema>;
+
 export function ListPagination({ list, className }: { list: List; className?: string }) {
   return (
     <div className={cn("flex items-center gap-1", className)}>
@@ -26,7 +30,7 @@ function NextButton({ cursor }: { cursor?: string }) {
     <LinkButton
       to={path ?? "#"}
       variant={"minimal/small"}
-      TrailingIcon="chevron-right"
+      TrailingIcon={ChevronRightIcon}
       trailingIconClassName="text-text-dimmed"
       className={cn(
         "flex items-center",
@@ -49,7 +53,7 @@ function PreviousButton({ cursor }: { cursor?: string }) {
     <LinkButton
       to={path ?? "#"}
       variant={"minimal/small"}
-      LeadingIcon="chevron-left"
+      LeadingIcon={ChevronLeftIcon}
       leadingIconClassName="text-text-dimmed"
       className={cn(
         "flex items-center",

apps/webapp/app/components/BlankstateInstructions.tsx

@@ -1,18 +1,16 @@
 import { useEffect, useState } from "react";
-import { ATAndTLogo } from "~/assets/logos/ATAndTLogo";
 import { AppsmithLogo } from "~/assets/logos/AppsmithLogo";
 import { CalComLogo } from "~/assets/logos/CalComLogo";
-import { ShopifyLogo } from "~/assets/logos/ShopifyLogo";
-import { VerizonLogo } from "~/assets/logos/VerizonLogo";
+import { LyftLogo } from "~/assets/logos/LyftLogo";
+import { MiddayLogo } from "~/assets/logos/MiddayLogo";
+import { TldrawLogo } from "~/assets/logos/TldrawLogo";
+import { UnkeyLogo } from "~/assets/logos/UnkeyLogo";
 import { LogoType } from "./LogoType";
 import { LinkButton } from "./primitives/Buttons";
 import { Header3 } from "./primitives/Headers";
 import { Paragraph } from "./primitives/Paragraph";
 import { TextLink } from "./primitives/TextLink";
-import { TldrawLogo } from "~/assets/logos/TldrawLogo";
-import { UnkeyLogo } from "~/assets/logos/UnkeyLogo";
-import { LyftLogo } from "~/assets/logos/LyftLogo";
-import { MiddayLogo } from "~/assets/logos/MiddayLogo";
+import { BookOpenIcon } from "@heroicons/react/20/solid";
 
 interface QuoteType {
   quote: string;
@@ -55,7 +53,11 @@ export function LoginPageLayout({ children }: { children: React.ReactNode }) {
             <a href="https://trigger.dev">
               <LogoType className="w-36" />
             </a>
-            <LinkButton to="https://trigger.dev/docs" variant={"tertiary/small"} LeadingIcon="docs">
+            <LinkButton
+              to="https://trigger.dev/docs"
+              variant={"tertiary/small"}
+              LeadingIcon={BookOpenIcon}
+            >
               Documentation
             </LinkButton>
           </div>