Update some more checks to handle that the card might be null.

noUncheckedIndexedAccess

Part of #711.

src/components/card-badges.ts

@@ -118,14 +118,15 @@ export const cardBadgesStyles = css`
 //need to embed cardBadgeStyles at least once If selectTarget is passed, then it
 //will render a checkbox that will have that method called with the ven ton
 //change. If not provided, it will not render a select checkbox.
-export const cardBadges = (light : boolean, card : OptionalFieldsCard, badgeMap : BadgeMap, selectTarget? : (e : MouseEvent) => void) => {
+export const cardBadges = (light : boolean, card : OptionalFieldsCard | null, badgeMap : BadgeMap, selectTarget? : (e : MouseEvent) => void) => {
 	if (!badgeMap) badgeMap = {
 		stars: {},
 		reads: {},
 		todos: {},
 		readingList: {},
 		selected: {}
 	};
+	if (!card) return html``;
 	const starMap = badgeMap.stars || {};
 	const readMap = badgeMap.reads || {};
 	const todoMap = badgeMap.todos || {};

src/components/card-preview.ts

@@ -23,7 +23,7 @@ import {
 class CardPreview extends LitElement {
 
 	@property({ type : Object })
-		card: Card | ProcessedCard;
+		card: Card | ProcessedCard | null;
 
 	@property({ type : Object })
 		badgeMap: BadgeMap;

src/components/main-view.ts

@@ -148,7 +148,7 @@ class MainView extends connect(store)(PageViewElement) {
 		_keyboardNavigates: boolean;
 
 	@state()
-		_activePreviewCard: Card;
+		_activePreviewCard: Card | null;
 
 	@state()
 		_previewCardX : number;