Merge branch 'main' of https://github.com/codeboltai/codeboltai.github.io

Author: utkarshx

src/components/CBBaseInfo.jsx

@@ -8,27 +8,37 @@ const CBBaseInfo = () => {
   const frontMatter = useFrontMatter();
 
   let functionSignature = "";
-  let parameters = frontMatter.cbparameters.parameters.map(param => `${param.name}: ${param.typeName}`).join(', ');
+  let parameters = frontMatter.cbparameters.parameters
+    .map((param) => `${param.name}: ${param.typeName}`)
+    .join(", ");
   let returnType = frontMatter.cbparameters.returns.signatureTypeName;
-  if (frontMatter.cbparameters.returns.typeArgs && frontMatter.cbparameters.returns.typeArgs.length > 0) {
+  if (
+    frontMatter.cbparameters.returns.typeArgs &&
+    frontMatter.cbparameters.returns.typeArgs.length > 0
+  ) {
     let typeArg = frontMatter.cbparameters.returns.typeArgs[0];
     returnType = `${returnType}<${typeArg.name}>`;
   }
-  functionSignature = `codebolt.${frontMatter.data.category}.${frontMatter.data.name}(${parameters}): ${returnType}`;
+  if (frontMatter.data) {
+    functionSignature = `codebolt.${frontMatter.data.category}.${frontMatter.data.name}(${parameters}): ${returnType}`;
+  }
+ 
   return (
     <div>
       {Object.entries(frontMatter).map(([key, value]) => {
         if (key === "cbbaseinfo") {
           console.log(`Key: ${key}, Value: ${value}`);
 
-          return <>
-            <pre>
-              <code>
-                {functionSignature}
-              </code>
-            </pre>
-            <div key={key}>{value.description}</div>
-            </>;
+          return (
+            <div className="cbbaseinfo">
+              {frontMatter.data ? (
+                <pre>
+                  <code>{functionSignature}</code>
+                </pre>
+              ) : null}
+              <div key={key}>{value.description}</div>
+            </div>
+          );
         }
 
         return null;

src/css/custom.css

@@ -51,6 +51,9 @@
   padding: 20px;
   border-radius: 5px;
 }
+.cbbaseinfo{
+  margin-bottom: 20px;
+}
 [data-theme='dark'] .description{
   color: white;
   background-color: rgb(57, 56, 56);