fix pre-commit

aiida-registry-app/src/App.jsx

@@ -62,7 +62,7 @@ function Footer() {
 /**
  * DetailsContainer component displays the details of a specific plugin identified by the key parameter.
  * It renders the Details component on the left side and the Sidebar component on the right side.
- * 
+ *
  * @returns {JSX.Element} JSX element representing the DetailsContainer.
  */
 

aiida-registry-app/src/Components/Details.jsx

@@ -16,7 +16,7 @@ function Details({pluginKey}) {
     document.documentElement.style.scrollBehavior = 'smooth';
     return (
       <>
-  
+
       <div id="details" className='fade-enter'>
       <h1 className='plugin-header'>
           AiiDA plugin package &quot;<a href={value.code_home}>{value.name}</a>&quot;
@@ -38,7 +38,7 @@ function Details({pluginKey}) {
             <strong>How to install</strong>: <code>{value.pip_install_cmd}</code>
         </p>
         )}
-  
+
         <p>
             <strong>Source code</strong>: <a href={ value.code_home } target="_blank">Go to the source code repository</a>
         </p>
@@ -50,10 +50,10 @@ function Details({pluginKey}) {
         <p>
           <strong>Documentation</strong>: No documentation provided by the package author
         </p>
-  
+
       )}
       </div>
-  
+
       <h2 id='detailed.information'>Detailed information</h2>
         {Object.keys(value.metadata).length !== 0 ? (
           <>
@@ -84,7 +84,7 @@ function Details({pluginKey}) {
               />
             </p>
             )}
-  
+
             {value.summaryinfo.length !== 0 && (
               <>
                 <h3 id = 'plugins'>Plugins provided by the package</h3>
@@ -98,7 +98,7 @@ function Details({pluginKey}) {
                 ))}
               </>
             )}
-  
+
             {value.entry_points ? (
               Object.entries(value.entry_points).map(([entrypointtype, entrypointlist]) => (
                 <>
@@ -145,14 +145,14 @@ function Details({pluginKey}) {
           </div>
         )}
       </div>
-  
+
       </>
     );
   }
-  
+
   const EntryPoints = ({entryPoints}) => {
     return (
-  
+
   <div style={{overflow:'auto'}}>
   <table>
       <tbody>
@@ -172,29 +172,29 @@ function Details({pluginKey}) {
       </tr>
         ))}
   </table>
-  
+
   <table>
-  
+
       <tr>
           <th>Inputs</th>
           <th>Required</th>
           <th>Valid Types</th>
           <th>Description</th>
       </tr>
       <Specs spec={entryPoints.spec.inputs} />
-  
+
       <tr>
           <th>Outputs</th>
           <th>Required</th>
           <th>Valid Types</th>
           <th>Description</th>
       </tr>
-  
+
       <Specs spec={entryPoints.spec.outputs} />
-  
+
   </table>
   <table>
-  
+
   <tr>
           <th>Exit Codes</th>
       </tr>
@@ -208,11 +208,11 @@ function Details({pluginKey}) {
           <Markdown>{exit_codes.message}</Markdown>
         </tr>
       ))}
-  
+
   </table>
   </div>
     );
-  
+
   };
   const Specs = ({spec}) => {
     return (
@@ -226,7 +226,7 @@ function Details({pluginKey}) {
           </tr>
         ))}
       </>
-  
+
     )
   }
 

aiida-registry-app/src/Components/MainIndex.jsx

@@ -38,27 +38,27 @@ function MainIndex() {
 
     const handleSort = (option) => {
       setSortOption(option);
-  
-  
+
+
       let sortedPlugins;
       if (option === 'commits') {
         const pluginsArray = Object.entries(plugins);
-  
+
         // Sort the array based on the commit_count value
         pluginsArray.sort(([, pluginA], [, pluginB]) => pluginB.commits_count - pluginA.commits_count);
-  
+
         // Create a new object with the sorted entries
         sortedPlugins = Object.fromEntries(pluginsArray);
       }
       else if (option == 'alpha') {
         sortedPlugins = plugins;
       }
-  
+
       setSortedData(sortedPlugins);
     };
     return (
       <main className='fade-enter'>
-  
+
       <h2>Registered plugin packages: {length}</h2>
       <div className='globalsummary-box'>
         <div style={{display: 'table'}}>
@@ -94,7 +94,7 @@ function MainIndex() {
               </Select>
             </FormControl>
           </Box>
-  
+
         {Object.entries(sortedData).map(([key, value]) => (
           <div className='submenu-entry' key={key}>
             <Link to={`/${key}`}><h2 style={{display:'inline'}}>{key} </h2></Link>
@@ -121,7 +121,7 @@ function MainIndex() {
                 />
             }
             </p>
-  
+
             <p>{value.metadata.description}</p>
             <ul className="plugin-info">
               <li>
@@ -135,9 +135,9 @@ function MainIndex() {
             <li>
             <Link to={`/${key}`}>Plugin details</Link>
             </li>
-  
+
             </ul>
-  
+
             {value.summaryinfo && (
               <>
                 <p className="summaryinfo">
@@ -152,7 +152,7 @@ function MainIndex() {
                 </p>
               </>
             )}
-  
+
           </div>
         ))}
       </div>

aiida-registry-app/src/Components/Sidebar.jsx

@@ -49,7 +49,7 @@ function Sidebar({pluginKey}){
                 ))
           )}
       <Divider />
-     
+
     </div>
   );
   return (