Fix bugs

Author: tstirrat15

src/spicedb-common/components/relationshipeditor/RelationshipEditor.tsx

@@ -470,6 +470,7 @@ export function RelationshipEditor({
 
   const getCellData = useCallback(
     ([col, row]: readonly [number, number]): GridCell => {
+      console.log("getting cell data")
       if (row >= data.length) {
         return {
           kind: GridCellKind.Text,
@@ -934,6 +935,8 @@ export function RelationshipEditor({
     });
   };
 
+  console.log("data dump")
+  console.log(data)
   const { drawCell, provideEditor } = useCustomCells(
     relationshipsService,
     data,
@@ -1006,6 +1009,8 @@ export function RelationshipEditor({
           label="Highlight same types, objects and relations"
         />
       </div>
+      {console.log("this is how long we think data is")}
+      {console.log(data.length)}
       <DataEditor
         theme={dataEditorTheme}
         keybindings={{ search: true }}

src/spicedb-common/components/relationshipeditor/customcells.ts

@@ -256,8 +256,13 @@ export function useCustomCells(
   // TODO: come up with a way to express this that doesn't require looping.
   const drawCell = useCallback<DrawCallback>(
     (args) => {
+      console.log("calling drawCell");
+      console.log(args);
       const { cell } = args;
+      console.log("cell.kind:", cell.kind);
+      console.log(cell);
       if (cell.kind !== GridCellKind.Custom) return false;
+      console.log("looping over renderers");
       for (const r of renderers) {
         if (r.isMatch(cell)) {
           // @ts-expect-error typescript can't see that we're looping over something static