Activate kanvasURL in Recent Designs list

[leecalcote]

Current Behavior

Split the list of recent designs into two hyperlinks: one for most of the list item content and the other for the external link icon at the end of each list item.

Desired Behavior

In the RecentDesigns.js component, the and should open the kanvasURL location.

<ListItemIcon>
                  <DesignIcon />
                </ListItemIcon>
                <ListItemText primary={design.name} style={{ textOverflow: "ellipsis", overflow: "hidden", whiteSpace: "nowrap", marginRight: "1rem" }} />
                <ListItemText style={{ color: "#ccc", textAlign: "right" }}
                  primary={`Updated ${getFormatDate(design.updated_at)}`}
                />
              

In the RecentDesigns.js component, the IconButton should continue to behave as it does now, opening the myDesignsURL location.

<IconButton
                    onClick={() => openDesign(design)}
                    edge="end"
                    aria-label="open"
                  >
                    <ExternalLinkIcon width="16" fill="#eee" />
                  </IconButton>

---

Contributor Guide

• 🎨 Wireframes and designs for Layer5 site in Figma (open invite)