improve type and import

Author: ccrsxx

components/home/main-header.tsx

@@ -2,7 +2,7 @@ import cn from 'clsx';
 import { Button } from '@components/ui/button';
 import { HeroIcon } from '@components/ui/hero-icon';
 import { ToolTip } from '@components/ui/tooltip';
-import { MobileSidebar } from '../sidebar/mobile-sidebar';
+import { MobileSidebar } from '@components/sidebar/mobile-sidebar';
 import type { ReactNode } from 'react';
 import type { IconName } from '@components/ui/hero-icon';
 

components/input/image-preview.tsx

@@ -30,11 +30,9 @@ const variants: MotionProps = {
   transition: { type: 'spring', duration: 0.5 }
 };
 
-type PostImageBorderRadius = {
-  [key: number]: string[];
-};
+type PostImageBorderRadius = Record<number, string[]>;
 
-const postImageBorderRadius: PostImageBorderRadius = {
+const postImageBorderRadius: Readonly<PostImageBorderRadius> = {
   1: ['rounded-2xl'],
   2: ['rounded-tl-2xl rounded-bl-2xl', 'rounded-tr-2xl rounded-br-2xl'],
   3: ['rounded-tl-2xl rounded-bl-2xl', 'rounded-tr-2xl', 'rounded-br-2xl'],
@@ -130,7 +128,6 @@ export function ImagePreview({
               className='relative h-full w-full cursor-pointer transition 
                          hover:brightness-75 hover:duration-200'
               imgClassName={cn(
-                // '![border-style:solid] !border !border-light-line-reply dark:!border-dark-border',
                 isTweet
                   ? postImageBorderRadius[previewCount][index]
                   : 'rounded-2xl'

components/layout/common-layout.tsx

@@ -2,7 +2,7 @@ import { useRequireAuth } from '@lib/hooks/useRequireAuth';
 import { Aside } from '@components/aside/aside';
 import { AsideTrends } from '@components/aside/aside-trends';
 import { Suggestions } from '@components/aside/suggestions';
-import { Placeholder } from '../common/placeholder';
+import { Placeholder } from '@components/common/placeholder';
 import type { ReactNode } from 'react';
 
 export type LayoutProps = {

components/modal/display-modal.tsx

@@ -9,13 +9,13 @@ type DisplayModalProps = {
   closeModal: () => void;
 };
 
-const themes: [Theme, string][] = [
+const themes: Readonly<[Theme, string][]> = [
   ['light', 'Default'],
   ['dim', 'Dim'],
   ['dark', 'Lights out']
 ];
 
-const accentsColor: Accent[] = [
+const accentsColor: Readonly<Accent[]> = [
   'blue',
   'yellow',
   'pink',

components/sidebar/sidebar-link.tsx

@@ -2,7 +2,7 @@ import { useRouter } from 'next/router';
 import Link from 'next/link';
 import cn from 'clsx';
 import { preventBubbling } from '@lib/utils';
-import { HeroIcon } from '../ui/hero-icon';
+import { HeroIcon } from '@components/ui/hero-icon';
 import type { NavLink } from './sidebar';
 
 type SidebarLinkProps = NavLink & {

components/user/user-avatar.tsx

@@ -1,6 +1,6 @@
 import Link from 'next/link';
 import cn from 'clsx';
-import { NextImage } from '../ui/next-image';
+import { NextImage } from '@components/ui/next-image';
 
 type UserAvatarProps = {
   src: string;

functions/src/notify-email.ts

@@ -30,7 +30,7 @@ export const notifyEmail = regionalFunctions.firestore
       parent ? ' reply' : ''
     } from ${name} (@${username})`;
 
-    const emailText = `${text || 'No text provided'}${
+    const emailText = `${text ?? 'No text provided'}${
       images ? ` (${imagesLength} image${imagesLength > 1 ? 's' : ''})` : ''
     }\n\nLink to Tweet: ${tweetLink}\n\n- Firebase Function.`;
 

functions/src/types/tweet.ts

@@ -13,7 +13,7 @@ export type ImagesPreview = (ImageData & {
 })[];
 
 export type Tweet = {
-  text: string;
+  text: string | null;
   images: ImagesPreview | null;
   parent: { id: string; username: string } | null;
   userLikes: string[];