chore: fix lint issues

Author: navinkarkera

src/generic/block-type-utils/index.scss

@@ -200,24 +200,24 @@
 }
 
 .component-style-import-placeholder {
-  background-color: #ab0e01;
+  background-color: #AB0E01;
 
   .pgn__icon:not(.btn-icon-before) {
     color: white;
   }
 
   .btn-icon {
     &:hover, &:active, &:focus {
-      background-color: darken(#ab0e01, 15%);
+      background-color: darken(#AB0E01, 15%);
     }
   }
 
   .btn {
-    background-color: lighten(#ab0e01, 10%);
+    background-color: lighten(#AB0E01, 10%);
     border: 0;
 
     &:hover, &:active, &:focus {
-      background-color: lighten(#ab0e01, 20%);
+      background-color: lighten(#AB0E01, 20%);
       border: 1px solid var(--pgn-color-primary-base);
       margin: -1px;
     }

src/library-authoring/LibraryContent.tsx

@@ -101,10 +101,12 @@ const LibraryContent = ({ contentType = ContentType.home }: LibraryContentProps)
 
         return <CardComponent key={contentHit.id} hit={contentHit} />;
       })}
-      {showPlaceholderBlocks && placeholderData?.hits?.map((item) => (<PlaceholderCard
-        displayName={item.display_name}
-        blockType={item.block_type}
-      />))}
+      {showPlaceholderBlocks && placeholderData?.hits?.map((item) => (
+        <PlaceholderCard
+          displayName={item.display_name}
+          blockType={item.block_type}
+        />
+      ))}
     </div>
   );
 };

src/library-authoring/components/BaseCard.tsx

@@ -12,8 +12,8 @@ import ComponentCount from '@src/generic/component-count';
 import TagCount from '@src/generic/tag-count';
 import { BlockTypeLabel, type ContentHitTags, Highlight } from '@src/search-manager';
 import { skipIfUnwantedTarget } from '@src/utils';
-import messages from './messages';
 import { Report } from '@openedx/paragon/icons';
+import messages from './messages';
 
 type BaseCardProps = {
   itemType: string;
@@ -50,7 +50,7 @@ const BaseCard = ({
 
   const itemIcon = getItemIcon(itemType);
   const intl = useIntl();
-  const itemComponentStyle = !props.isPlaceholder ? getComponentStyleColor(itemType): "component-style-import-placeholder";
+  const itemComponentStyle = !props.isPlaceholder ? getComponentStyleColor(itemType) : 'component-style-import-placeholder';
 
   return (
     <Container className="library-item-card selected">
@@ -67,7 +67,7 @@ const BaseCard = ({
         <Card.Header
           className={`library-item-header ${itemComponentStyle}`}
           title={
-            <Icon src={props.isPlaceholder ? Report: itemIcon} className="library-item-header-icon my-2" />
+            <Icon src={props.isPlaceholder ? Report : itemIcon} className="library-item-header-icon my-2" />
           }
           actions={(
             <div
@@ -94,10 +94,12 @@ const BaseCard = ({
                   <BlockTypeLabel blockType={itemType} />
                 </small>
               </Stack>
-              {!props.isPlaceholder && <>
+              {!props.isPlaceholder && (
+              <>
                 <ComponentCount count={numChildren} />
                 <TagCount size="sm" count={tagCount} />
-              </>}
+              </>
+              )}
             </Stack>
             <div className="badge-container d-flex align-items-center justify-content-center">
               {props.hasUnpublishedChanges && (

src/library-authoring/data/api.ts

@@ -2,7 +2,6 @@ import { camelCaseObject, getConfig, snakeCaseObject } from '@edx/frontend-platf
 import { getAuthenticatedHttpClient } from '@edx/frontend-platform/auth';
 import { VersionSpec } from '../LibraryBlock';
 import { type ContainerType } from '../../generic/key-utils';
-import src from 'react-select/dist/declarations/src';
 
 const getApiBaseUrl = () => getConfig().STUDIO_BASE_URL;
 
@@ -849,7 +848,11 @@ export interface BlockMigrationInfo {
 /**
  * Get the migration blocks info data for a library
  */
-export async function getModulestoreMigrationBlocksInfo(libraryId: string, collectionId?: string, isFailed?: boolean): Promise<BlockMigrationInfo[]> {
+export async function getModulestoreMigrationBlocksInfo(
+  libraryId: string,
+  collectionId?: string,
+  isFailed?: boolean,
+): Promise<BlockMigrationInfo[]> {
   const client = getAuthenticatedHttpClient();
 
   const params = new URLSearchParams();

src/library-authoring/data/apiHooks.ts

@@ -991,7 +991,12 @@ export const useMigrationInfo = (sourcesKeys: string[], enabled: boolean = true)
 /**
  * Returns the migration blocks info of a given library
  */
-export const useMigrationBlocksInfo = (libraryId: string, collectionId?: string, isFailed?: boolean, enabled = true) => (
+export const useMigrationBlocksInfo = (
+  libraryId: string,
+  collectionId?: string,
+  isFailed?: boolean,
+  enabled = true,
+) => (
   useQuery({
     queryKey: libraryAuthoringQueryKeys.migrationBlocksInfo(libraryId, collectionId, isFailed),
     queryFn: enabled ? () => api.getModulestoreMigrationBlocksInfo(libraryId, collectionId, isFailed) : skipToken,

src/library-authoring/import-course/PlaceholderCard.tsx

@@ -1,4 +1,4 @@
-import BaseCard from "../components/BaseCard";
+import BaseCard from '../components/BaseCard';
 
 interface PlaceHolderCardProps {
   blockType: string;
@@ -7,7 +7,7 @@ interface PlaceHolderCardProps {
 }
 
 const PlaceholderCard = ({ blockType, displayName, description }: PlaceHolderCardProps) => {
-  const truncatedDescription = description ? description.substring(0, 40) + "...": undefined;
+  const truncatedDescription = description ? `${description.substring(0, 40) }...` : undefined;
   return (
     <BaseCard
       itemType={blockType}
@@ -21,7 +21,7 @@ const PlaceholderCard = ({ blockType, displayName, description }: PlaceHolderCar
       selected={false}
       isPlaceholder
     />
-  )
+  );
 };
 
 export default PlaceholderCard;