add wip badge

components/editor/sidebar.tsx

@@ -45,20 +45,31 @@ export const EditorSidebar = ({
                     collections.includes(collection.key),
                 }
               )}
-              onClick={() => handleSetActiveCollection(collection.key)}
+              onClick={() =>
+                collection.wip
+                  ? () => {}
+                  : handleSetActiveCollection(collection.key)
+              }
             >
               <p className="font-semibold uppercase text-xs flex items-center justify-between">
                 {collection.key} API
               </p>
-              <TbChevronDown
-                className={classNames(
-                  "text-slate-400 transition-all duration-200",
-                  {
-                    "transform rotate-180 !text-slate-100":
-                      collections.includes(collection.key),
-                  }
+              <div className="flex items-center justify-end gap-2">
+                {collection?.wip && (
+                  <span className="bg-yellow-500/20 text-yellow-600 text-xs font-semibold uppercase px-2 py-1 rounded-full">
+                    wip
+                  </span>
                 )}
-              />
+                <TbChevronDown
+                  className={classNames(
+                    "text-slate-400 transition-all duration-200",
+                    {
+                      "transform rotate-180 !text-slate-100":
+                        collections.includes(collection.key),
+                    }
+                  )}
+                />
+              </div>
             </div>
             {collections.includes(collection.key) && (
               <div className="bg-slate-700/20 w-full p-3 border-b border-slate-700/70">

utils/datas/api_collections.ts

@@ -146,6 +146,7 @@ export const API_COLLECTIONS: Array<ApiCollection> = [{
 },
 {
   key: 'collection',
+  wip: true,
   endpoints: [{
     method: 'POST',
     path: '/api/collections/create',

utils/type.ts

@@ -1,6 +1,7 @@
 export interface ApiCollection {
   key: string
   endpoints: Array<ApiRoute>
+  wip?: boolean
 }
 
 export interface ApiRoute {