feat(platform): Add new access level SVGs and integrate into ProjectCard component

[kriptonian1]

Description

This pull request includes several changes to the apps/platform project, primarily focused on adding new SVG icons and displaying the access level of projects in the ProjectCard component. The most important changes are listed below:

SVG Imports and Exports:

• Added new SVG imports for PrivateSVG, GlobalSVG, and InternalSVG to the apps/platform/public/svg/dashboard/index.ts file.
• Updated the export statement in the apps/platform/public/svg/dashboard/index.ts file to include the newly added SVGs.

ProjectCard Component Updates:

• Imported the new SVGs (PrivateSVG, GlobalSVG, and InternalSVG) into the apps/platform/src/components/dashboard/project/projectCard/index.tsx file.
• Added a new accessLevel property to the ProjectCard component's destructured project object.
• Created a new function accessLevelToSVG to map the accessLevel to the corresponding SVG icon.
• Updated the ProjectCard component's JSX to display the access level with the corresponding SVG icon.
  

Mentions

@rajdip-b

Screenshots of relevant screens

Developer's checklist

• My PR follows the style guidelines of this project
• I have performed a self-check on my work

If changes are made in the code:

• I have followed the coding guidelines
• My changes in code generate no new warnings
• My changes are breaking another fix/feature of the project
• I have added test cases to show that my feature works
• I have added relevant screenshots in my PR
• There are no UI/UX issues

Documentation Update

• This PR requires an update to the documentation at docs.keyshade.xyz
• I have made the necessary updates to the documentation, or no documentation changes are required.

---

PR Type

Enhancement

---

Description

• Added new SVG icons for project access levels.

• Integrated access level SVGs into ProjectCard component.

• Created accessLevelToSVG function for SVG mapping.

• Updated ProjectCard UI to display access level.

---

Changes walkthrough 📝

Relevant files

Enhancement

index.ts Add new SVGs for project access levels                                      apps/platform/public/svg/dashboard/index.ts Added imports for PrivateSVG, GlobalSVG, and InternalSVG. Updated export statement to include new SVGs. +12/-1    index.tsx Integrate access level SVGs into ProjectCard component      apps/platform/src/components/dashboard/project/projectCard/index.tsx Imported new SVGs for access levels. Added accessLevel property to ProjectCard. Created accessLevelToSVG function for SVG mapping. Updated UI to display access level with SVG and text. +28/-3

---

Need help?

Type /help how to ... in the comments thread for any questions about Qodo Merge usage.

Check out the documentation for more information.

[codiumai-pr-agent-free]

PR Reviewer Guide 🔍

Here are some key observations to aid the review process:

⏱️ Estimated effort to review: 2 🔵🔵⚪⚪⚪

🧪 No relevant tests

🔒 No security concerns identified

⚡ Recommended focus areas for review Type Safety The accessLevelToSVG function should handle all possible access level values from ProjectWithCount type. The default case returning null could lead to missing UI elements. const accessLevelToSVG = (accessLvl: ProjectWithCount['accessLevel']) => { switch (accessLvl) { case 'GLOBAL': return <GlobalSVG width={16} /> case 'PRIVATE': return <PrivateSVG width={16} /> case 'INTERNAL': return <InternalSVG width={16} /> default: return null } }

[codiumai-pr-agent-free]

PR Code Suggestions ✨

Explore these optional code suggestions:

Category	Suggestion	Score
Possible issue	Add error handling for invalid values Add error handling for invalid access levels. The accessLevelToSVG function should handle unexpected values gracefully to prevent potential runtime errors. apps/platform/src/components/dashboard/project/projectCard/index.tsx [87-98] const accessLevelToSVG = (accessLvl: ProjectWithCount['accessLevel']) => { - switch (accessLvl) { + if (!accessLvl) return <PrivateSVG width={16} /> // Default fallback + switch (accessLvl.toUpperCase()) { case 'GLOBAL': return <GlobalSVG width={16} /> case 'PRIVATE': return <PrivateSVG width={16} /> case 'INTERNAL': return <InternalSVG width={16} /> default: - return null + return <PrivateSVG width={16} /> // Explicit fallback for unknown values } } Apply this suggestion Suggestion importance[1-10]: 7 Why: The suggestion improves code robustness by adding proper error handling for null/undefined values and normalizing input with toUpperCase(), while providing explicit fallbacks. This helps prevent potential runtime errors.	7

[rajdip-b]

🎉 This PR is included in version 2.11.0-stage.5 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀

[rajdip-b]

🎉 This PR is included in version 2.11.0 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀