add list view when data is pending

src/widgets/customapi/component.jsx

@@ -137,6 +137,29 @@ export default function Component({ service }) {
   }
 
   if (!customData) {
+    switch (display) {
+      case "list":
+        return (
+          <Container service={service}>
+            <div className="flex flex-col w-full">
+              {mappings.map((mapping) => (
+                <div
+                  key={mapping.label}
+                  className="bg-theme-200/50 dark:bg-theme-900/20 rounded m-1 flex-1 flex flex-row items-center justify-between p-1 text-xs animate-pulse"
+                >
+                  <div className="font-thin pl-2">{mapping.label}</div>
+                  <div className="flex flex-row text-right">
+                    <div className="font-bold mr-2">
+                      -
+                    </div>
+                  </div>
+                </div>
+              ))}
+            </div>
+          </Container>
+        );
+
+      default:
         return (
           <Container service={service}>
             {mappings.slice(0, 4).map((item) => (
@@ -145,6 +168,7 @@ export default function Component({ service }) {
           </Container>
         );
     }
+  }
 
   switch (display) {
     case "list":