[WIP] Add Kanban component and stories

react-ui/.storybook/data/kanban-artworks.json

@@ -0,0 +1,101 @@
+{
+  "lanes": [
+    {
+      "id": "Uncategorized",
+      "title": "Uncategorized",
+      "label": "20/70",
+      "style": {"width": 280},
+      "cards": []
+    },
+    {
+      "id": "New",
+      "title": "New",
+      "label": "20/70",
+      "style": {"width": 280},
+      "cards": [
+        {
+          "id": "recD3d7eyJRd23Akp",
+          "title": "-",
+          "program": "StART Support",
+          "description": ""
+        },
+        {
+          "id": "reclWYiF8w8f0mEPw",
+          "title": "-",
+          "program": "StART Support",
+          "description": ""
+        }
+      ]
+    },
+    {
+      "id": "In progress",
+      "title": "In progress",
+      "label": "10/20",
+      "style": {"width": 280},
+      "cards": []
+    },
+    {
+      "id": "Completed",
+      "title": "Completed",
+      "label": "0/0",
+      "style": {"width": 280},
+      "cards": []
+    },
+    {
+      "id": "Documentation in progress",
+      "title": "Documentation in progress",
+      "style": {"width": 280},
+      "label": "2/5",
+      "cards": []
+    },
+    {
+      "id": "Published",
+      "title": "Published",
+      "style": {"width": 280},
+      "cards": [
+        {
+          "id": "recsGkS5DtrZANnVe",
+          "title": "Roshni Wijayasinha - York St & Richmond St W",
+          "media": "https://dl.airtable.com/.attachmentThumbnails/de07363e6a0be848cbcbb2ad92f6281c/5838a65d",
+          "program": "Outside the Box",
+          "description": "This piece aims to use various bright colours, energetic lines and shapes that interact with each other, similar to the vibrant and diverse people, communities and landscapes that shape Toronto. "
+        },
+        {
+          "id": "recIqwQAYh3fDPGOT",
+          "title": "Jeannette Nguyen - York Mills Rd & Fenside Dr",
+          "media": "https://dl.airtable.com/.attachmentThumbnails/aa896b19b0ab351326478f54009a8fa3/ae6aab66",
+          "program": "Outside the Box",
+          "description": "This design pays homage to the sometimes pesky, always adorable furry critters Torontonians share the city with.  A fox is on the front of the box, ready to eat; around the side of the box, a rabbit realizes he’s being eyed as the fox’s dinner. On the back of the box a raccoon shares his banana with a skunk depicted on the remaining side of the box."
+        },
+        {
+          "id": "rec2Nb1anOd6iJMui",
+          "title": "Kelly Diamond - Yonge St & Yonge Blvd",
+          "media": "https://dl.airtable.com/.attachmentThumbnails/61529bd5e227cf798e7faf8b58ec6049/7fa98897",
+          "program": "Outside the Box",
+          "description": "This piece highlights an incredibly beautiful relationship between bees and flowers, while also highlighting the relationship of bees today in urban environments to shed some light on the troubling numbers of current bee populations."
+        },
+        {
+          "id": "rec3knQ2cKR2jhnOm",
+          "title": "Julii McMillan - Yonge St & Yonge Blvd",
+          "media": "https://dl.airtable.com/.attachmentThumbnails/906f636c6ace0a7dd9f54be49519ff12/bad51517",
+          "program": "Outside the Box",
+          "description": "A box becomes a mini park, full of people, kids and animals, inspired by real characters seen in the neighborhood!"
+        }
+      ]
+    },
+    {
+      "id": "On hold",
+      "title": "On hold",
+      "style": {"width": 280},
+      "label": "1/1",
+      "cards": []
+    },
+    {
+      "id": "Needs repair",
+      "title": "Needs repair",
+      "style": {"width": 280},
+      "label": "1/1",
+      "cards": []
+    }
+  ]
+}

react-ui/.storybook/data/kanban-generic.json

@@ -0,0 +1,126 @@
+{
+  "lanes": [
+    {
+      "id": "Uncategorized",
+      "title": "Uncategorized",
+      "label": "20/70",
+      "style": {"width": 280},
+      "cards": []
+    },
+    {
+      "id": "New",
+      "title": "New",
+      "label": "20/70",
+      "style": {"width": 280},
+      "cards": [
+        {
+          "id": "Milk",
+          "title": "Buy milk",
+          "label": "15 mins",
+          "description": "Pick it up at the store"
+        },
+        {
+          "id": "Plan2",
+          "title": "Dispose Garbage",
+          "label": "10 mins",
+          "description": "Sort out recyclable and waste as needed"
+        },
+        {
+          "id": "Plan3",
+          "title": "Write Blog",
+          "label": "30 mins",
+          "description": "Can AI make memes?"
+        },
+        {
+          "id": "Plan4",
+          "title": "Pay Rent",
+          "label": "5 mins",
+          "description": "Transfer to bank account"
+        }
+      ]
+    },
+    {
+      "id": "In progress",
+      "title": "In progress",
+      "label": "10/20",
+      "style": {"width": 280},
+      "cards": [
+        {
+          "id": "Wip1",
+          "title": "Clean House",
+          "label": "30 mins",
+          "description": "Soap wash and polish floor. Polish windows and doors. Scrap all broken glasses"
+        }
+      ]
+    },
+    {
+      "id": "Completed",
+      "title": "Completed",
+      "label": "0/0",
+      "style": {"width": 280},
+      "cards": []
+    },
+    {
+      "id": "Documentation in progress",
+      "title": "Documentation in progress",
+      "style": {"width": 280},
+      "label": "2/5",
+      "cards": [
+        {
+          "id": "Completed1",
+          "title": "Practice Meditation",
+          "label": "15 mins",
+          "description": "Use Headspace app"
+        },
+        {
+          "id": "Completed2",
+          "title": "Maintain Daily Journal",
+          "label": "15 mins",
+          "description": "Use Spreadsheet for now"
+        }
+      ]
+    },
+    {
+      "id": "Published",
+      "title": "Published",
+      "style": {"width": 280},
+      "label": "1/1",
+      "cards": [
+        {
+          "id": "Repeat1",
+          "title": "Morning Jog",
+          "label": "30 mins",
+          "description": "Track using fitbit"
+        }
+      ]
+    },
+    {
+      "id": "On hold",
+      "title": "On hold",
+      "style": {"width": 280},
+      "label": "1/1",
+      "cards": [
+        {
+          "id": "Archived1",
+          "title": "Go Trekking",
+          "label": "300 mins",
+          "description": "Completed 10km on cycle"
+        }
+      ]
+    },
+    {
+      "id": "Needs repair",
+      "title": "Needs repair",
+      "style": {"width": 280},
+      "label": "1/1",
+      "cards": [
+        {
+          "id": "Archived2",
+          "title": "Go Jogging",
+          "label": "300 mins",
+          "description": "Completed 10km on cycle"
+        }
+      ]
+    }
+  ]
+}