✨ feat: implemented ui for references (#332)

[maifeeulasad]

💻 变更类型 | Change Type

• [x] ✨ feat
• [ ] 🐛 fix
• [ ] 💄 style
• [ ] 🔨 chore
• [ ] 📝 docs

🔀 变更说明 | Description of Change

closes #332

📝 补充信息 | Additional Information

Here is a snap:

Open for further modification and discussion.

[socket-security[bot]]

New and removed dependencies detected. Learn more about Socket for GitHub ↗︎

Package	New capabilities	Transitives	Size	Publisher
npm/[email protected]	None	+9	133 kB	arvinxx
npm/[email protected]	None	+5	115 kB	escapedcat
npm/[email protected]	filesystem Transitive: network, shell	+6	223 kB	arvinxx
npm/[email protected]	None	0	15.1 kB	sudodoki
npm/[email protected]	environment Transitive: filesystem, shell	+1	50.3 kB	kentcdodds

View full report↗︎

[maifeeulasad]

Tested with:

const references = [
      { url: 'https://www.a.com', description: 'lots of meawww', title: 'a' },
      { url: 'https://www.b.com', title: 'bb' },
      { url: 'http://woof.com', description: 'ghew ghew', title: 'dog' },
      { url: 'https://www.a.com', description: 'lots of meawww', title: 'bc' },
      { url: 'https://www.b.com', title: 'bb' },
      { url: 'http://woof.com', description: 'ghew ghew', title: 'dog' },
      { url: 'https://www.a.com', description: 'lots of meawww', title: 'bd' },
      { url: 'https://www.b.com', title: 'bb' },
      { url: 'http://woof.com', description: 'ghew ghew', title: 'dog' },
      { url: 'https://www.a.com', description: 'lots of meawww', title: 'bb' },
      { url: 'https://www.b.com', title: 'bb' },
      { url: 'http://woof.com', description: 'ghew ghew', title: 'dog' },
      { url: 'https://www.a.com', description: 'lots of meawww', title: 'bb' },
      { url: 'https://www.b.com', title: 'bb' },
      { url: 'http://woof.com', description: 'ghew ghew', title: 'dog' },
      { url: 'https://www.a.com', description: 'lots of meawww', title: 'bb' },
      { url: 'https://www.b.com', title: 'bb' },
      { url: 'http://woof.com', description: 'ghew ghew', title: 'dog' },
      { url: 'https://www.a.com', description: 'lots of meawww', title: 'bb' },
      { url: 'https://www.b.com', title: 'bb' },
      { url: 'http://woof.com', description: 'ghew ghew', title: 'dog' },
      { url: 'https://www.a.com', description: 'lots of meawww', title: 'bb' },
      { url: 'https://www.b.com', title: 'bb' },
      { url: 'http://woof.com', description: 'ghew ghew', title: 'dog' },
      { url: 'https://www.a.com', description: 'lots of meawww', title: 'bb' },
      { url: 'https://www.b.com', title: 'bb' },
      { url: 'http://woof.com', description: 'ghew ghew', title: 'dog' },
      { url: 'https://www.a.com', description: 'lots of meawww', title: 'bb' },
      { url: 'https://www.b.com', title: 'bb' },
      { url: 'http://woof.com', description: 'ghew ghew', title: 'dog' },
];