ikone

documentation/src/assets/integration-icons/index.ts

@@ -4,6 +4,11 @@ export { default as ServerInfo } from "./serverinfo";
 export { default as Keyboard } from "./keyboard";
 export { default as Responsive } from "./responsive";
 export { default as Branding } from "./branding";
+export { default as Suspend } from "./suspend";
+export { default as UserServer } from "./userserver";
+export { default as UserIP } from "./userip";
+export { default as UserLogin } from "./userlogin";
+export { default as Upgrade } from "./upgrade";
 export { default as Search } from "./search";
 export { default as Ably } from "./ably";
 export { default as Airtable } from "./airtable";

documentation/src/assets/integration-icons/languages.tsx

@@ -3,9 +3,9 @@ import { SVGProps } from "react";
 
 const SvgLanguages = (props: SVGProps<SVGSVGElement>) => (
     <svg
-        width={48}
+        width={24}
-        height={48}
+        height={24}
-        viewBox="0 0 48 48"
+        viewBox="0 0 24 24"
         stroke="currentColor"
         fill="none"
         stroke-linecap="round"

documentation/src/assets/integration-icons/suspend.tsx

@@ -0,0 +1,23 @@
+import * as React from "react";
+import { SVGProps } from "react";
+
+const SvgSuspend = (props: SVGProps<SVGSVGElement>) => (
+    <svg
+        width={24}
+        height={24}
+        viewBox="0 0 24 24"
+        stroke="currentColor"
+        fill="none"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+    >
+  <path stroke="none" d="M0 0h24v24H0z" fill="none" />
+  <path d="M8.18 8.189a4.01 4.01 0 0 0 2.616 2.627m3.507 -.545a4 4 0 1 0 -5.59 -5.552" />
+  <path d="M6 21v-2a4 4 0 0 1 4 -4h4c.412 0 .81 .062 1.183 .178m2.633 2.618c.12 .38 .184 .785 .184 1.204v2" />
+  <path d="M3 3l18 18" />
+</svg>
+);
+
+export default SvgSuspend;

documentation/src/assets/integration-icons/upgrade.tsx

@@ -0,0 +1,24 @@
+import * as React from "react";
+import { SVGProps } from "react";
+
+const SvgUpgrade = (props: SVGProps<SVGSVGElement>) => (
+    <svg
+        width={24}
+        height={24}
+        viewBox="0 0 24 24"
+        stroke="currentColor"
+        fill="none"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+    >
+  <path stroke="none" d="M0 0h24v24H0z" fill="none" />
+  <path d="M8 7a4 4 0 1 0 8 0a4 4 0 0 0 -8 0" />
+  <path d="M6 21v-2a4 4 0 0 1 4 -4h3" />
+  <path d="M21 15h-2.5a1.5 1.5 0 0 0 0 3h1a1.5 1.5 0 0 1 0 3h-2.5" />
+  <path d="M19 21v1m0 -8v1" />
+</svg>
+);
+
+export default SvgUpgrade;

documentation/src/assets/integration-icons/userip.tsx

@@ -0,0 +1,24 @@
+import * as React from "react";
+import { SVGProps } from "react";
+
+const SvgUserIP = (props: SVGProps<SVGSVGElement>) => (
+    <svg
+        width={24}
+        height={24}
+        viewBox="0 0 24 24"
+        stroke="currentColor"
+        fill="none"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+    >
+  <path stroke="none" d="M0 0h24v24H0z" fill="none" />
+  <path d="M8 7a4 4 0 1 0 8 0a4 4 0 0 0 -8 0" />
+  <path d="M6 21v-2a4 4 0 0 1 4 -4h2.5" />
+  <path d="M21.121 20.121a3 3 0 1 0 -4.242 0c.418 .419 1.125 1.045 2.121 1.879c1.051 -.89 1.759 -1.516 2.121 -1.879z" />
+  <path d="M19 18v.01" />
+</svg>
+);
+
+export default SvgUserIP;

documentation/src/assets/integration-icons/userlogin.tsx

@@ -0,0 +1,24 @@
+import * as React from "react";
+import { SVGProps } from "react";
+
+const SvgUserLogin = (props: SVGProps<SVGSVGElement>) => (
+    <svg
+        width={24}
+        height={24}
+        viewBox="0 0 24 24"
+        stroke="currentColor"
+        fill="none"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+    >
+  <path stroke="none" d="M0 0h24v24H0z" fill="none" />
+  <path d="M8 7a4 4 0 1 0 8 0a4 4 0 0 0 -8 0" />
+  <path d="M6 21v-2a4 4 0 0 1 4 -4h3" />
+  <path d="M16 22l5 -5" />
+  <path d="M21 21.5v-4.5h-4.5" />
+</svg>
+);
+
+export default SvgUserLogin;

documentation/src/assets/integration-icons/userserver.tsx

@@ -0,0 +1,23 @@
+import * as React from "react";
+import { SVGProps } from "react";
+
+const SvgUserServer = (props: SVGProps<SVGSVGElement>) => (
+    <svg
+        width={24}
+        height={24}
+        viewBox="0 0 24 24"
+        stroke="currentColor"
+        fill="none"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+    >
+  <path stroke="none" d="M0 0h24v24H0z" fill="none" />
+  <path d="M8 7a4 4 0 1 0 8 0a4 4 0 0 0 -8 0" />
+  <path d="M6 21v-2a4 4 0 0 1 4 -4h4c.267 0 .529 .026 .781 .076" />
+  <path d="M19 16l-2 3h4l-2 3" />
+</svg>
+);
+
+export default SvgUserServer;

documentation/src/assets/integrations.ts

@@ -7,6 +7,11 @@ import {
     ServerInfo,
     Responsive,
     Branding
+    Suspend,
+    Upgrade,
+    UserServer,
+    UserIP,
+    UserLogin,
     Airtable,
     Antd,
     Appwrite,
@@ -313,7 +318,7 @@ export const integrations: IntegrationsType = {
     integrations: [
         {
             name: "Suspend / Delete accounts",
-            icon: React,
+            icon: Suspend,
             description:
                 "Suspend customer accounts to instantly disable their OpenPanel access and websites. Delete accounts when they are no longer required.",
             url: "/docs/admin/users/openpanel/#suspend-user",
@@ -321,7 +326,7 @@ export const integrations: IntegrationsType = {
         },
         {
             name: "Upgrade / Downgrade package",
-            icon: HookForm,
+            icon: Upgrade,
             description:
                 "Seamlessly upgrade or downgrade a customer's package to another of your hosting packages.",
             url: "/docs/admin/users/openpanel/#detailed-user-information",
@@ -329,7 +334,7 @@ export const integrations: IntegrationsType = {
         },
         {
             name: "Dedicated IP address",
-            icon: Sanity,
+            icon: UserIP,
             description:
                 "Allocate an IPv4 address to users, providing them with a dedicated IP for their websites and services.",
             url: "/docs/admin/users/openpanel/#change-ip-address-for-user",
@@ -337,14 +342,14 @@ export const integrations: IntegrationsType = {
         },
         {
             name: "Impersonation",
-            icon: Kbar,
+            icon: UserLogin,
             description: "Auto-login to access a customer's account and see exactly what they see without having to leave your account.",
             url: "/docs/admin/users/openpanel/#detailed-user-information",
             status: "stable",
         },
         {
             name: "Apache or Nginx per user",
-            icon: React,
+            icon: UserServer,
             description:
                 "Administrators can select either Apache or Nginx as the web server for each user. This flexibility allows admins to accommodate a mix of users utilizing Apache and others using Nginx, all within the same server.",
             url: "/docs/admin/plans/hosting_plans/#create-a-plan",