fix: lint issues

Author: navinkarkera

src/library-authoring/LibraryAuthoringPage.scss

@@ -23,5 +23,5 @@
 
 // Reduce breadcrumb bottom margin
 ol.list-inline {
-  margin-bottom: 0rem;
+  margin-bottom: 0;
 }

src/library-authoring/LibraryAuthoringPage.tsx

@@ -166,7 +166,7 @@ const LibraryAuthoringPage = () => {
         <Container size="xl" className="px-4 mt-4 mb-5 library-authoring-page">
           <SearchContextProvider
             extraFilter={`context_key = "${libraryId}"`}
-            fetchCollections={true}
+            fetchCollections
           >
             <SubHeader
               title={<SubHeaderTitle title={libraryData.title} canEditLibrary={libraryData.canEditLibrary} />}

src/library-authoring/LibraryRecentlyModified.tsx

@@ -81,7 +81,7 @@ const LibraryRecentlyModified: React.FC<{ libraryId: string }> = ({ libraryId })
   <SearchContextProvider
     extraFilter={`context_key = "${libraryId}"`}
     overrideSearchSortOrder={SearchSortOption.RECENTLY_MODIFIED}
-    fetchCollections={true}
+    fetchCollections
   >
     <RecentlyModified libraryId={libraryId} />
   </SearchContextProvider>

src/library-authoring/collections/CollectionInfoHeader.tsx

@@ -4,12 +4,10 @@ interface CollectionInfoHeaderProps {
   collection?: Collection;
 }
 
-const CollectionInfoHeader = ({ collection } : CollectionInfoHeaderProps) => {
-  return (
-    <div className="d-flex flex-wrap">
-      {collection?.title}
-    </div>
-  );
-};
+const CollectionInfoHeader = ({ collection } : CollectionInfoHeaderProps) => (
+  <div className="d-flex flex-wrap">
+    {collection?.title}
+  </div>
+);
 
 export default CollectionInfoHeader;

src/library-authoring/collections/LibraryCollectionComponents.tsx

@@ -11,13 +11,15 @@ const LibraryCollectionComponents = ({ libraryId }: { libraryId: string }) => {
   const { openAddContentSidebar } = useContext(LibraryContext);
 
   if (componentCount === 0) {
-    return isFiltered ?
-      <NoSearchResults infoText={messages.noSearchResultsInCollection} />
-      : <NoComponents
-        infoText={messages.noComponentsInCollection}
-        addBtnText={messages.addComponentsInCollection}
-        handleBtnClick={openAddContentSidebar}
-      />;
+    return isFiltered
+      ? <NoSearchResults infoText={messages.noSearchResultsInCollection} />
+      : (
+        <NoComponents
+          infoText={messages.noComponentsInCollection}
+          addBtnText={messages.addComponentsInCollection}
+          handleBtnClick={openAddContentSidebar}
+        />
+      );
   }
 
   return (

src/library-authoring/collections/LibraryCollectionPage.tsx

@@ -131,7 +131,7 @@ const LibraryCollectionPage = () => {
     // Adding empty breadcrumb to add the last `>` spacer.
     {
       label: '',
-      to: ``,
+      to: '',
     },
   ];
 
@@ -151,11 +151,13 @@ const LibraryCollectionPage = () => {
             fetchCollections={false}
           >
             <SubHeader
-              title={<SubHeaderTitle
-                title={collectionData.title}
-                canEditLibrary={libraryData.canEditLibrary}
-                infoClickHandler={openCollectionInfoSidebar}
-              />}
+              title={(
+                <SubHeaderTitle
+                  title={collectionData.title}
+                  canEditLibrary={libraryData.canEditLibrary}
+                  infoClickHandler={openCollectionInfoSidebar}
+                />
+)}
               breadcrumbs={(
                 <Breadcrumb
                   ariaLabel={intl.formatMessage(messages.breadcrumbsAriaLabel)}

src/library-authoring/collections/LibraryCollections.tsx

@@ -42,13 +42,15 @@ const LibraryCollections = ({ variant }: LibraryCollectionsProps) => {
   );
 
   if (totalCollectionHits === 0) {
-    return isFiltered ?
-      <NoSearchResults infoText={messages.noSearchResultsCollections} />
-      : <NoComponents
-        infoText={messages.noCollections}
-        addBtnText={messages.addCollection}
-        handleBtnClick={openCreateCollectionModal}
-      />;
+    return isFiltered
+      ? <NoSearchResults infoText={messages.noSearchResultsCollections} />
+      : (
+        <NoComponents
+          infoText={messages.noCollections}
+          addBtnText={messages.addCollection}
+          handleBtnClick={openCreateCollectionModal}
+        />
+      );
   }
 
   return (

src/library-authoring/data/api.ts

@@ -320,4 +320,3 @@ export async function getCollection(libraryId: string, collectionId: string): Pr
   const { data } = await getAuthenticatedHttpClient().get(getLibraryCollectionApiUrl(libraryId, collectionId));
   return camelCaseObject(data);
 }
-

src/library-authoring/data/apiHooks.ts

@@ -283,4 +283,3 @@ export const useCollection = (libraryId: string | undefined, collectionId: strin
     enabled: collectionId !== undefined && libraryId !== undefined,
   })
 );
-

src/search-manager/SearchKeywordsField.tsx

@@ -23,7 +23,7 @@ const SearchKeywordsField: React.FC<{ className?: string, placeholder?: string }
       <SearchField.Input
         autoFocus
         placeholder={props.placeholder ? props.placeholder : intl.formatMessage(
-          messages.inputPlaceholder
+          messages.inputPlaceholder,
         )}
       />
       <SearchField.ClearButton />