Merge pull request #8 from ether/add_private_info

feat: Add information if instance is public or private
ether · Nov 11, 2024 · c58d6ed · c58d6ed
2 parents 39132d8 + 50ebfd6
commit c58d6ed
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 6 deletions.
diff --git a/src/pages/instances.tsx b/src/pages/instances.tsx
@@ -1,7 +1,7 @@
 import {useEffect, useMemo, useState} from "react";
 import axios, {AxiosError, AxiosResponse} from "axios";
 import {Instance, InstancesResponse, PluginData} from "@/types/InstancesResponse.ts";
-import {AlertTriangle, Check, NotepadText, PlusIcon} from 'lucide-react'
+import {AlertTriangle, Check, Lock, NotepadText, PlusIcon} from 'lucide-react'
 
 import {
     Dialog,
@@ -123,18 +123,22 @@ export const Instances = () => {
                 <table className="w-full break-all">
                     <thead>
                     <tr>
-                        <td className="md:block hidden">Health</td>
-                        <th className=" px-4 py-2">Name</th>
-                        <th className=" px-4 py-2">Actions</th>
+                        <th className="md:block hidden">Health</th>
+                        <th className="px-4 py-2">Name</th>
+                        <th className="px-4 py-2">Actions</th>
                     </tr>
                     </thead>
                     {filteredInstances.length > 0 ? <tbody className="">
 
                     {filteredInstances.map((instance) => {
                         return (
                             <tr key={instance.name}>
-                                <td className="hidden md:block border px-4 py-2">{isOldVersion(instance.scan.version) ?
-                                    <AlertTriangle className="text-yellow-400"/> : <Check/>}</td>
+                                <td className="hidden md:block border px-4 py-2">
+                                    <div className={"flex gap-2"}>
+                                        {isOldVersion(instance.scan.version) ? <AlertTriangle className="text-yellow-400"/> : <Check/>}
+                                        {instance.scan.is_public === false && <Lock className="text-red-700"/>}
+                                    </div>
+                                </td>
                                 <td className="border px-4 py-2 cursor-pointer" onClick={() => {
                                     if (!instance.name.startsWith("http")) {
                                         instance.name = "http://" + instance.name;
@@ -247,6 +251,10 @@ export const Instances = () => {
                                     <AlertTriangle className="text-yellow-400 w-16 h-16"/>
                                     <span className="text-red-700 font-bold mt-2">Your Etherpad version is really outdated. Consider upgrading to a newer version.</span>
                                 </span>}
+                            {instance.scan.is_public === false && <span className="flex gap-5">
+                                <Lock className="text-red-700 w-16 h-16"/>
+                                <span className="font-bold mt-2">Your Etherpad instance is not public. This means it can only be accessed by authenticated users.</span>
+                            </span>}
                         </div>}
                     </DialogContent>
                 </DialogPortal>

diff --git a/src/types/InstancesResponse.ts b/src/types/InstancesResponse.ts
@@ -9,6 +9,7 @@ export type Instance = {
 
 type ScanResult = {
     api_version: string,
+    is_public: boolean | null,
     version: string,
     scan_time: string,
     plugins: string[],