Refactoring

2 years ago · 9b2510fa8e
3 changed files with 119 additions and 115 deletions
--- a/apps/client/src/app/pages/about/oss-friends/oss-friends-page.component.ts
+++ b/apps/client/src/app/pages/about/oss-friends/oss-friends-page.component.ts
@ -10,7 +10,7 @@ const ossFriends = require('../../../../assets/oss-friends.json');
  templateUrl: './oss-friends-page.html'
 })
 export class OpenSourceSoftwareFriendsPageComponent implements OnDestroy {
-  public ossFriends = ossFriends;
+  public ossFriends = ossFriends.data;

  private unsubscribeSubject = new Subject<void>();

--- a/apps/client/src/app/pages/about/oss-friends/oss-friends-page.module.ts
+++ b/apps/client/src/app/pages/about/oss-friends/oss-friends-page.module.ts
@ -1,10 +1,10 @@
 import { CommonModule } from '@angular/common';
 import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
+import { MatButtonModule } from '@angular/material/button';
+import { MatCardModule } from '@angular/material/card';

 import { OpenSourceSoftwareFriendsPageRoutingModule } from './oss-friends-page-routing.module';
 import { OpenSourceSoftwareFriendsPageComponent } from './oss-friends-page.component';
-import { MatCardModule } from '@angular/material/card';
-import { MatButtonModule } from '@angular/material/button';

@NgModule({
  declarations: [OpenSourceSoftwareFriendsPageComponent],
--- a/apps/client/src/assets/oss-friends.json
+++ b/apps/client/src/assets/oss-friends.json
@ -1,112 +1,116 @@
-[
-  {
-    "name": "Appsmith",
-    "description": "Build build custom software on top of your data.",
-    "href": "https://www.appsmith.com"
-  },
-  {
-    "name": "BoxyHQ",
-    "description": "BoxyHQ’s suite of APIs for security and privacy helps engineering teams build and ship compliant cloud applications faster.",
-    "href": "https://boxyhq.com"
-  },
-  {
-    "name": "Cal.com",
-    "description": "Cal.com is a scheduling tool that helps you schedule meetings without the back-and-forth emails.",
-    "href": "https://cal.com"
-  },
-  {
-    "name": "Crowd.dev",
-    "description": "Centralize community, product, and customer data to understand which companies are engaging with your open source project.",
-    "href": "https://www.crowd.dev"
-  },
-  {
-    "name": "Documenso",
-    "description": "The Open-Source DocuSign Alternative. We aim to earn your trust by enabling you to self-host the platform and examine its inner workings.",
-    "href": "https://documenso.com"
-  },
-  {
-    "name": "Erxes",
-    "description": "The Open-Source HubSpot Alternative. A single XOS enables to create unique and life-changing experiences that work for all types of business.",
-    "href": "https://erxes.io"
-  },
-  {
-    "name": "Formbricks",
-    "description": "Survey granular user segments at any point in the user journey. Gather up to 6x more insights with targeted micro-surveys. All open-source.",
-    "href": "https://formbricks.com"
-  },
-  {
-    "name": "Ghostfolio",
-    "description": "Ghostfolio is a privacy-first, open source dashboard for your personal finances. Designed to simplify asset tracking and empower informed investment decisions.",
-    "href": "https://ghostfol.io"
-  },
-  {
-    "name": "GitWonk",
-    "description": "GitWonk is an open-source technical documentation tool, designed and built focusing on the developer experience.",
-    "href": "https://gitwonk.com"
-  },
-  {
-    "name": "Hanko",
-    "description": "Open-source authentication and user management for the passkey era. Integrated in minutes, for web and mobile apps.",
-    "href": "https://www.hanko.io"
-  },
-  {
-    "name": "HTMX",
-    "description": "HTMX is a dependency-free JavaScript library that allows you to access AJAX, CSS Transitions, WebSockets, and Server Sent Events directly in HTML.",
-    "href": "https://htmx.org"
-  },
-  {
-    "name": "Infisical",
-    "description": "Open source, end-to-end encrypted platform that lets you securely manage secrets and configs across your team, devices, and infrastructure.",
-    "href": "https://infisical.com"
-  },
-  {
-    "name": "Mockoon",
-    "description": "Mockoon is the easiest and quickest way to design and run mock REST APIs.",
-    "href": "https://mockoon.com"
-  },
-  {
-    "name": "Novu",
-    "description": "The open-source notification infrastructure for developers. Simple components and APIs for managing all communication channels in one place.",
-    "href": "https://novu.co"
-  },
-  {
-    "name": "OpenBB",
-    "description": "Democratizing investment research through an open source financial ecosystem. The OpenBB Terminal allows everyone to perform investment research, from everywhere.",
-    "href": "https://openbb.co"
-  },
-  {
-    "name": "Sniffnet",
-    "description": "Sniffnet is a network monitoring tool to help you easily keep track of your Internet traffic.",
-    "href": "https://www.sniffnet.net"
-  },
-  {
-    "name": "Tolgee",
-    "description": "Software localization from A to Z made really easy.",
-    "href": "https://tolgee.io/"
-  },
-  {
-    "name": "Trigger.dev",
-    "description": "Create long-running Jobs directly in your codebase with features like API integrations, webhooks, scheduling and delays.",
-    "href": "https://trigger.dev"
-  },
-  {
-    "name": "Typebot",
-    "description": "Typebot gives you powerful blocks to create unique chat experiences. Embed them anywhere on your apps and start collecting results like magic.",
-    "href": "https://typebot.io"
-  },
-  {
-    "name": "Twenty",
-    "description": "A modern CRM offering the flexibility of open-source, advanced features and sleek design.",
-    "href": "https://twenty.com"
-  },
-  {
-    "name": "Webiny",
-    "description": "Open-source enterprise-grade serverless CMS. Own your data. Scale effortlessly. Customize everything.",
-    "href": "https://www.webiny.com"
-  },
-  {
-    "name": "Webstudio",
-    "description": "Webstudio is an open source alternative to Webflow",
-    "href": "https://webstudio.is"
-  }
-]
+{
+  "createdAt": "2023-08-22T06:39:23.320Z",
+  "data": [
+    {
+      "name": "Appsmith",
+      "description": "Build build custom software on top of your data.",
+      "href": "https://www.appsmith.com"
+    },
+    {
+      "name": "BoxyHQ",
+      "description": "BoxyHQ’s suite of APIs for security and privacy helps engineering teams build and ship compliant cloud applications faster.",
+      "href": "https://boxyhq.com"
+    },
+    {
+      "name": "Cal.com",
+      "description": "Cal.com is a scheduling tool that helps you schedule meetings without the back-and-forth emails.",
+      "href": "https://cal.com"
+    },
+    {
+      "name": "Crowd.dev",
+      "description": "Centralize community, product, and customer data to understand which companies are engaging with your open source project.",
+      "href": "https://www.crowd.dev"
+    },
+    {
+      "name": "Documenso",
+      "description": "The Open-Source DocuSign Alternative. We aim to earn your trust by enabling you to self-host the platform and examine its inner workings.",
+      "href": "https://documenso.com"
+    },
+    {
+      "name": "Erxes",
+      "description": "The Open-Source HubSpot Alternative. A single XOS enables to create unique and life-changing experiences that work for all types of business.",
+      "href": "https://erxes.io"
+    },
+    {
+      "name": "Formbricks",
+      "description": "Survey granular user segments at any point in the user journey. Gather up to 6x more insights with targeted micro-surveys. All open-source.",
+      "href": "https://formbricks.com"
+    },
+    {
+      "name": "Ghostfolio",
+      "description": "Ghostfolio is a privacy-first, open source dashboard for your personal finances. Designed to simplify asset tracking and empower informed investment decisions.",
+      "href": "https://ghostfol.io"
+    },
+    {
+      "name": "GitWonk",
+      "description": "GitWonk is an open-source technical documentation tool, designed and built focusing on the developer experience.",
+      "href": "https://gitwonk.com"
+    },
+    {
+      "name": "Hanko",
+      "description": "Open-source authentication and user management for the passkey era. Integrated in minutes, for web and mobile apps.",
+      "href": "https://www.hanko.io"
+    },
+    {
+      "name": "HTMX",
+      "description": "HTMX is a dependency-free JavaScript library that allows you to access AJAX, CSS Transitions, WebSockets, and Server Sent Events directly in HTML.",
+      "href": "https://htmx.org"
+    },
+    {
+      "name": "Infisical",
+      "description": "Open source, end-to-end encrypted platform that lets you securely manage secrets and configs across your team, devices, and infrastructure.",
+      "href": "https://infisical.com"
+    },
+    {
+      "name": "Mockoon",
+      "description": "Mockoon is the easiest and quickest way to design and run mock REST APIs.",
+      "href": "https://mockoon.com"
+    },
+    {
+      "name": "Novu",
+      "description": "The open-source notification infrastructure for developers. Simple components and APIs for managing all communication channels in one place.",
+      "href": "https://novu.co"
+    },
+    {
+      "name": "OpenBB",
+      "description": "Democratizing investment research through an open source financial ecosystem. The OpenBB Terminal allows everyone to perform investment research, from everywhere.",
+      "href": "https://openbb.co"
+    },
+    {
+      "name": "Sniffnet",
+      "description": "Sniffnet is a network monitoring tool to help you easily keep track of your Internet traffic.",
+      "href": "https://www.sniffnet.net"
+    },
+    {
+      "name": "Tolgee",
+      "description": "Software localization from A to Z made really easy.",
+      "href": "https://tolgee.io/"
+    },
+    {
+      "name": "Trigger.dev",
+      "description": "Create long-running Jobs directly in your codebase with features like API integrations, webhooks, scheduling and delays.",
+      "href": "https://trigger.dev"
+    },
+    {
+      "name": "Typebot",
+      "description": "Typebot gives you powerful blocks to create unique chat experiences. Embed them anywhere on your apps and start collecting results like magic.",
+      "href": "https://typebot.io"
+    },
+    {
+      "name": "Twenty",
+      "description": "A modern CRM offering the flexibility of open-source, advanced features and sleek design.",
+      "href": "https://twenty.com"
+    },
+    {
+      "name": "Webiny",
+      "description": "Open-source enterprise-grade serverless CMS. Own your data. Scale effortlessly. Customize everything.",
+      "href": "https://www.webiny.com"
+    },
+    {
+      "name": "Webstudio",
+      "description": "Webstudio is an open source alternative to Webflow",
+      "href": "https://webstudio.is"
+    }
+  ],
+  "source": "https://formbricks.com/api/oss-friends"
+}