feat: Unified icon picker (#7038)

app/models/Collection.ts

@@ -40,18 +40,18 @@ export default class Collection extends ParanoidModel {
   data: ProsemirrorData;
 
   /**
-   * An emoji to use as the collection icon.
+   * An icon (or) emoji to use as the collection icon.
    */
   @Field
   @observable
   icon: string;
 
   /**
-   * A color to use for the collection icon and other highlights.
+   * The color to use for the collection icon and other highlights.
    */
   @Field
   @observable
-  color: string;
+  color?: string | null;
 
   /**
    * The default permission for workspace users.

app/models/Document.ts

@@ -129,11 +129,18 @@ export default class Document extends ParanoidModel {
   title: string;
 
   /**
-   * An emoji to use as the document icon.
+   * An icon (or) emoji to use as the document icon.
    */
   @Field
   @observable
-  emoji: string | undefined | null;
+  icon?: string | null;
+
+  /**
+   * The color to use for the document icon.
+   */
+  @Field
+  @observable
+  color?: string | null;
 
   /**
    * Whether this is a template.

app/models/Revision.ts

@@ -22,8 +22,11 @@ class Revision extends Model {
   /** Prosemirror data of the content when revision was created */
   data: ProsemirrorData;
 
-  /** The emoji of the document when the revision was created */
-  emoji: string | null;
+  /** The icon (or) emoji of the document when the revision was created */
+  icon: string | null;
+
+  /** The color of the document icon when the revision was created */
+  color: string | null;
 
   /** HTML string representing the revision as a diff from the previous version */
   html: string;