Merge pull request #855 from rrees/rrees-apps-openess

Apps: add information about openess of source code

Author: ChaosExAnima

components/AppCard.tsx

@@ -14,7 +14,7 @@ export type AppCardProps = {
  * Renders a card with app data.
  * Layout (width, height, positioning) can be set from the parent.
  */
-export const AppCard = ({ name, icon, url, paid, category, categoryLabel }) => {
+export const AppCard = ({ name, icon, url, paid, category, categoryLabel, open }) => {
   return (
     <a
       key={`${url} ${name}`}
@@ -34,6 +34,7 @@ export const AppCard = ({ name, icon, url, paid, category, categoryLabel }) => {
           ) : (
             <FormattedMessage id="apps.free" defaultMessage="Free" />
           )}
+          {open ? <>, <FormattedMessage id="apps.open" defaultMessage="Open" /></> : null}
         </span>
         <h3 className="b1 !font-700 flex flex-auto items-center !leading-[1] rtl:text-right">
           <span dir="ltr">{name}</span>

components/AppsGrid.tsx

@@ -28,8 +28,8 @@ export const AppsGrid = ({ apps }: AppsGridProps) => {
 
   /** normalizing the apps dictionary as an array */
   const allApps = Object.entries(apps)
-    .map(([category, apps]) =>
-      apps.map(({ name, icon, url, paid, released_on, hidden_from_all }) => ({
+    .flatMap(([category, apps]) =>
+      apps.map(({ name, icon, url, paid, released_on, hidden_from_all, open }) => ({
         name,
         icon,
         url,
@@ -38,9 +38,9 @@ export const AppsGrid = ({ apps }: AppsGridProps) => {
         released_on: new Date(released_on) ?? null,
         category,
         categoryLabel: categories.find((c) => c.key === category)["label"],
+        open,
       }))
     )
-    .flat()
 
   //prettier-ignore
   const sortOptions = [