Jaydenpiao/neu 63 runnerclip

[jaydenpiao]

Changes Being Made

Purpose of Change:

• New feature
• Revision of current feature
• Fixing current feature
• Other: _______________________

Here give examples of the changes you've made in this pull request. Include an itemized list if you can.

• frontend ui component
• button states change from "Download" -> "Downloading" -> "Use"
• no functionality
• takes title as prop

How to Test?

• i just imported RunnerClip and made a div in MINT-Open-Source/main/app/page.tsx like:
  <div className="p-10"> <RunnerClip title="Python" /> </div>

Screenshots (optional)

Screen.Recording.2024-06-02.at.12.15.55.PM.mov

[priyanshumahey]

A couple of changes I'd like to ask for:

• Obtain the SVG and add that to components/icons/icons and then use that SVG
• Add use client at the top of this file
• For the prop type, change ({ title }: { title: string }) to ({ title }: {RunnerCliprops and then create a new type for the props.