Interactions view

[y330]

Interactions View

The final changes I made:

• changed apply filter button on filter dialog to the eplant green color
• changed info icon on snackbar (which alerts the user about the sublocalization issue) to eplant green color
• removed noInteractionsNode (it was just showing up as a blank gray circle)
• added jsdoc to all functions
• added organizational comments to the jsx

Notes

• There is still the issue where sublocalization colors (the colors around the nodes) dont always show up automatically, happens about 20% of the time. I tried many possible solutions but nothing seems to fix the issue
• The load gene button on gene tooltip does not work, which I believe is because jotai state might only be accesible from react components, and not from the a .ts file with regular functions that the cytoscape load gene tooltip is created from

Preview of view

[VinLau]

@y330
Some overall feedback:

• Merge with staging to keep up to date
• Include strand data (- or +) for each tooltip
• Graph looks pretty good but sometimes the search gene is overlapping another gene. I think in Cytoscape there is a repulsion factor

• For PDI square nodes increase font/legibility of interactors
• Load gene is broken but it won't matter due to routing PR
• Typo on filter "Protien-DNA"
• Overall well done for first attempt, should be easy to fix above
• I have some lingering questions on your cytoscape design and whether you copied it straight from ePlant2 such as using "event.target._private.classes" when we can call classes using a cytoscape function. But we can discuss that in a call.