feat: Stream Key Settings

[Zaid-maker]

---

Generated summary (powered by Graphite)

TL;DR

This pull request includes various changes related to the creation and import of UI components, the implementation of a copy button component, the definition of React components for dialogs and select dropdown menus, and updates to the package-lock.json and package.json files.

What changed

• Creation of a new file and import of UI components
• Definition of constants and export of a component that renders a dialog with a button
• Implementation of a copy button component using the useState hook and the navigator.clipboard API
• Definition of a KeyCard component in TypeScript that renders a div with a Stream Key label, an input field with a value, and a copy button
• Creation of a URL card component with an input field, a toggle for showing or hiding the value, and a copy button
• Import of authentication and streaming service functions and components
• Definition of an Alert component that displays alert messages with different variants and customization options
• Definition of Dialog components using React and Radix UI, along with related components and utility functions
• Definition of Select components for a dropdown menu, including triggers, content, labels, items, separators, and scroll buttons
• Updates to the package-lock.json file to include new dependencies for "@radix-ui/react-dialog" and "@radix-ui/react-select"
• Updates to the package.json file to include dependencies and peer dependencies for various packages

How to test

• Test the new file and imported UI components by rendering the dialog with a button
• Test the copy button component by checking its functionality and behavior when copying a value to the clipboard
• Test the KeyCard component by verifying that it renders the Stream Key label, input field, and copy button correctly
• Test the URL card component by toggling the visibility of the input field and copying the stream key value
• Test the Alert component by displaying alert messages with different variants and customizing their appearance
• Test the Dialog components by creating dialog boxes with customizable appearance and content
• Test the Select components by using the dropdown menu and interacting with its triggers, content, labels, items, separators, and scroll buttons
• Test the functionality and behavior of the updated dependencies in the package-lock.json and package.json files

Why make this change

• The changes aim to improve the user interface and user experience of the application by adding new components and enhancing existing ones.
• The addition of the copy button component allows users to easily copy values to the clipboard.
• The implementation of the Alert component provides a way to display important messages and notifications to users.
• The creation of the Dialog and Select components enhances the functionality and styling of dialog boxes and dropdown menus.
• The updates to the package-lock.json and package.json files ensure that the project has the necessary dependencies and peer dependencies for the added components and functionality.

[semanticdiff-com]

Review changes with SemanticDiff.

Analyzed 10 of 10 files.

	Filename	Status
✔️	app/(dashboard)/u/[username]/keys/_components/connect-model.tsx	Analyzed
✔️	app/(dashboard)/u/[username]/keys/_components/copy-button.tsx	Analyzed
✔️	app/(dashboard)/u/[username]/keys/_components/key-card.tsx	Analyzed
✔️	app/(dashboard)/u/[username]/keys/_components/url-card.tsx	Analyzed
✔️	app/(dashboard)/u/[username]/keys/page.tsx	Analyzed
✔️	components/ui/alert.tsx	Analyzed
✔️	components/ui/dialog.tsx	Analyzed
✔️	components/ui/select.tsx	Analyzed
✔️	package-lock.json	Analyzed
✔️	package.json	Analyzed

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
gamehub	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Dec 22, 2023 4:22pm

[gitstream-cm]

🥷 Code experts: no user but you matched threshold 10

Zaid-maker has most 👩‍💻 activity in the files.
Zaid-maker has most 🧠 knowledge in the files.

See details

package-lock.json

Activity based on git-commit:

	Zaid-maker
DEC	5873 additions & 149 deletions
NOV
OCT
SEP
AUG
JUL

Knowledge based on git-blame:
Zaid-maker: 100%

package.json

Activity based on git-commit:

	Zaid-maker
DEC	54 additions & 8 deletions
NOV
OCT
SEP
AUG
JUL

Knowledge based on git-blame:
Zaid-maker: 100%

To learn more about /:\ gitStream - Visit our Docs

[Zaid-maker]

Merge activity

• Dec 22, 11:29 AM: @@Zaid-maker merged this pull request with Graphite.