feat: add collection and collection page to resourcetype enum (#426)

### TL;DR

This PR introduces support for two new resource types: `Collection` and `CollectionPage`.

### What changed?

1. Added `Collection` and `CollectionPage` to the `ResourceType` enum in Prisma schema and generated files.
2. Created a new migration file to update the `ResourceType` enum in the database.
3. Updated the `TitleCell` component to display appropriate icons for the new resource types.

### How to test?

1. Run the Prisma migrations to update the database schema.
2. Verify that the new resource types can be created and managed through the UI.
3. Check that the correct icons are displayed for the new resource types in the `ResourceTable`.

### Why make this change?

To enhance the feature set by introducing new resource types that allow better organization and categorization of content.

---

apps/studio/prisma/generated/generatedEnums.ts

@@ -4,8 +4,11 @@ export const ResourceState = {
 } as const
 export type ResourceState = (typeof ResourceState)[keyof typeof ResourceState]
 export const ResourceType = {
+  RootPage: "RootPage",
   Page: "Page",
   Folder: "Folder",
+  Collection: "Collection",
+  CollectionPage: "CollectionPage",
 } as const
 export type ResourceType = (typeof ResourceType)[keyof typeof ResourceType]
 export const RoleType = {

apps/studio/prisma/migrations/20240805083439_add_collection_and_collection_page_resource_types/migration.sql

@@ -0,0 +1,10 @@
+-- AlterEnum
+-- This migration adds more than one value to an enum.
+-- With PostgreSQL versions 11 and earlier, this is not possible
+-- in a single migration. This can be worked around by creating
+-- multiple migrations, each migration adding only one value to
+-- the enum.
+
+
+ALTER TYPE "ResourceType" ADD VALUE 'Collection';
+ALTER TYPE "ResourceType" ADD VALUE 'CollectionPage';

apps/studio/prisma/migrations/20240805090947_add_root_page_resource_type/migration.sql

@@ -0,0 +1,2 @@
+-- AlterEnum
+ALTER TYPE "ResourceType" ADD VALUE 'RootPage';

apps/studio/prisma/schema.prisma

@@ -83,8 +83,11 @@ enum ResourceState {
 }
 
 enum ResourceType {
+  RootPage
   Page
   Folder
+  Collection
+  CollectionPage // Can only live inside `Collection` resources
 }
 
 model User {

apps/studio/prisma/seed.ts

@@ -226,7 +226,7 @@ async function main() {
       draftBlobId: String(blobId),
       permalink: "home",
       siteId,
-      type: "Page",
+      type: "RootPage",
       title: "Home",
     })
 

apps/studio/src/features/dashboard/components/ResourceTable/TitleCell.tsx

@@ -1,7 +1,8 @@
+import type { IconType } from "react-icons"
 import { useMemo } from "react"
 import NextLink from "next/link"
 import { HStack, Icon, Text, VStack } from "@chakra-ui/react"
-import { BiFileBlank, BiFolder } from "react-icons/bi"
+import { BiData, BiFile, BiFileBlank, BiFolder, BiHome } from "react-icons/bi"
 
 import type { ResourceTableData } from "./types"
 
@@ -17,23 +18,39 @@ export const TitleCell = ({
   siteId,
   id,
 }: TitleCellProps): JSX.Element => {
-  const linkToResource = useMemo(() => {
-    const resourceType = `${type.toLowerCase()}s`
-    return {
-      pathname: "/sites/[siteId]/[resourceType]/[id]",
-      query: {
-        siteId,
-        resourceType,
-        id,
-      },
+  const linkToResource: string = useMemo(() => {
+    switch (type) {
+      case "RootPage":
+      case "CollectionPage":
+      case "Page":
+        return `/sites/${siteId}/pages/${id}`
+      case "Folder":
+        return `/sites/${siteId}/folders/${id}`
+      case "Collection":
+        return `/sites/${siteId}/collections/${id}`
     }
   }, [id, siteId, type])
 
+  const ResourceTypeIcon: IconType = useMemo(() => {
+    switch (type) {
+      case "RootPage":
+        return BiHome
+      case "Page":
+        return BiFileBlank
+      case "Folder":
+        return BiFolder
+      case "Collection":
+        return BiData
+      case "CollectionPage":
+        return BiFile
+    }
+  }, [type])
+
   return (
     <HStack align="center" spacing="0.625rem">
       <Icon
         fontSize="1.25rem"
-        as={type === "Page" ? BiFileBlank : BiFolder}
+        as={ResourceTypeIcon}
         color="base.content.strong"
       />
       <VStack spacing="0.25rem" align="start">

apps/studio/tests/msw/handlers/page.ts

@@ -9,6 +9,22 @@ const pageListQuery = (wait?: DelayMode | number) => {
       await delay(wait)
     }
     return [
+      {
+        id: "1",
+        permalink: "",
+        title: "Homepage",
+        publishedVersionId: null,
+        draftBlobId: null,
+        type: "RootPage",
+      },
+      {
+        id: "1",
+        permalink: "newsroom",
+        title: "Press Releases",
+        publishedVersionId: null,
+        draftBlobId: null,
+        type: "Collection",
+      },
       {
         id: "4",
         permalink: "test-page-1",