chore: fixed lint of pictique.

Author: Sahil2004

infrastructure/web3-adapter/src/evault/evault.ts

@@ -1,5 +1,5 @@
 import { GraphQLClient } from "graphql-request";
-import axios, { AxiosInstance } from "axios";
+import axios, { type AxiosInstance } from "axios";
 import { v4 } from "uuid";
 
 export interface MetaEnvelope {

infrastructure/web3-adapter/src/index.ts

@@ -1,6 +1,6 @@
 import * as fs from "fs/promises";
 import path from "path";
-import { IMapping } from "./mapper/mapper.types";
+import type { IMapping } from "./mapper/mapper.types";
 import { fromGlobal, toGlobal } from "./mapper/mapper";
 import { MappingDatabase } from "./db";
 import { EVaultClient } from "./evault/evault";

infrastructure/web3-adapter/src/mapper/mapper.ts

@@ -1,4 +1,4 @@
-import { IMappingConversionOptions, IMapperResponse } from "./mapper.types";
+import type { IMappingConversionOptions, IMapperResponse } from "./mapper.types";
 
 export function getValueByPath(obj: Record<string, any>, path: string): any {
     // Handle array mapping case (e.g., "images[].src")
@@ -57,11 +57,11 @@ export async function fromGlobal({
 }: IMappingConversionOptions): Promise<Omit<IMapperResponse, "ownerEvault">> {
     const result: Record<string, unknown> = {};
 
-    for (let [localKey, globalPathRaw] of Object.entries(
+    for (const [localKey, globalPathRaw] of Object.entries(
         mapping.localToUniversalMap,
     )) {
         let value: any;
-        let targetKey: string = localKey;
+        const targetKey: string = localKey;
         let tableRef: string | null = null;
 
         const internalFnMatch = globalPathRaw.match(/^__(\w+)\((.+)\)$/);
@@ -164,7 +164,7 @@ export async function toGlobal({
 }: IMappingConversionOptions): Promise<IMapperResponse> {
     const result: Record<string, unknown> = {};
 
-    for (let [localKey, globalPathRaw] of Object.entries(
+    for (const [localKey, globalPathRaw] of Object.entries(
         mapping.localToUniversalMap,
     )) {
         let value: any;

infrastructure/web3-adapter/src/mapper/mapper.types.ts

@@ -1,4 +1,4 @@
-import { MappingDatabase } from "../db";
+import type { MappingDatabase } from "../db";
 
 export interface IMapping {
     /**

platforms/pictique/src/lib/components/CreatePostModal.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-	import { createEventDispatcher } from 'svelte';
 	import { createPost } from '$lib/stores/posts';
 	import Button from '$lib/ui/Button/Button.svelte';
+	import { createEventDispatcher } from 'svelte';
 
 	const dispatch = createEventDispatcher<{
 		close: void;
@@ -65,7 +65,7 @@
 				placeholder="What's on your mind??"
 				class="focus:border-brand-burnt-orange w-full rounded-lg border border-gray-300 p-3 focus:outline-none"
 				rows="4"
-			/>
+			></textarea>
 
 			<div class="space-y-2">
 				<label class="block text-sm font-medium text-gray-700"> Add Images </label>
@@ -80,7 +80,7 @@
 
 			{#if images.length > 0}
 				<div class="grid grid-cols-3 gap-4">
-					{#each images as image, index}
+					{#each images as image, index (index)}
 						<div class="relative">
 							<img
 								src={image}

platforms/pictique/src/lib/fragments/ActionMenu/ActionMenu.svelte

@@ -54,7 +54,8 @@
 	<button
 		bind:this={buttonEl}
 		onclick={(e) => {
-			(e.preventDefault(), openMenu());
+			e.preventDefault();
+			openMenu();
 		}}
 	>
 		<HugeiconsIcon icon={MoreVerticalIcon} size={24} color="black" />
@@ -68,7 +69,7 @@
 		bind:this={menuEl}
 		class={cn([cBase, restProps.class].join(' '))}
 	>
-		{#each options as option}
+		{#each options as option, i (i)}
 			<!-- svelte-ignore a11y_click_events_have_key_events -->
 			<!-- svelte-ignore a11y_no_noninteractive_element_interactions -->
 			<li

platforms/pictique/src/lib/fragments/BottomNav/BottomNav.svelte

@@ -4,7 +4,7 @@
 	import { Camera, CommentsTwo, Home, Search } from '$lib/icons';
 	import { isNavigatingThroughNav } from '$lib/store/store.svelte';
 	import { uploadedImages } from '$lib/store/store.svelte';
-	import { revokeImageUrls } from '$lib/utils';
+	import { getAuthId, revokeImageUrls } from '$lib/utils';
 	import type { HTMLAttributes } from 'svelte/elements';
 
 	interface IBottomNavProps extends HTMLAttributes<HTMLElement> {
@@ -17,6 +17,7 @@
 	}: IBottomNavProps = $props();
 
 	const tabs = ['home', 'discover', 'post', 'messages', 'profile', 'settings'];
+	let ownerId: string | null = $derived(getAuthId());
 	let previousTab = $state('home');
 	let _activeTab = $derived(page.url.pathname);
 	let fullPath = $derived(page.url.pathname);

platforms/pictique/src/lib/fragments/Comment/Comment.svelte

@@ -1,9 +1,9 @@
 <script lang="ts">
 	import { Like } from '$lib/icons';
+	import type { CommentType } from '$lib/types';
 	import { Avatar } from '$lib/ui';
 	import { cn } from '$lib/utils';
 	import type { HTMLAttributes } from 'svelte/elements';
-	import type { CommentType } from '$lib/types';
 
 	interface ICommentProps extends HTMLAttributes<HTMLElement> {
 		comment: CommentType;
@@ -32,7 +32,7 @@
 	</div>
 	{#if comment?.replies?.length}
 		<ul class="ms-12 mt-4 space-y-2">
-			{#each comment.replies.slice(0, visibleReplies) as reply}
+			{#each comment.replies.slice(0, visibleReplies) as reply, i (i)}
 				<li>
 					<div class="align-start flex gap-2">
 						<Avatar src={reply.userImgSrc ?? '/images/user.png'} size="sm" />

platforms/pictique/src/lib/fragments/CreatePostModal/CreatePostModal.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-	import { createPost, closeCreatePostModal } from '$lib/stores/posts';
-	import Modal from '$lib/ui/Modal/Modal.svelte';
+	import { closeCreatePostModal, createPost } from '$lib/stores/posts';
 	import Button from '$lib/ui/Button/Button.svelte';
+	import Modal from '$lib/ui/Modal/Modal.svelte';
 
 	let text = $state('');
 	let images = $state<string[]>([]);
@@ -69,7 +69,7 @@
 
 		{#if images.length > 0}
 			<div class="mb-4 grid grid-cols-2 gap-4">
-				{#each images as image, index}
+				{#each images as image, index (index)}
 					<div class="relative">
 						<!-- svelte-ignore a11y_img_redundant_alt -->
 						<img

platforms/pictique/src/lib/fragments/Header/Header.svelte

@@ -1,14 +1,8 @@
 <script lang="ts">
 	import { cn } from '$lib/utils';
-	import {
-		ArrowLeft01Icon,
-		ArrowLeft02Icon,
-		MoreVerticalIcon,
-		ZapIcon
-	} from '@hugeicons/core-free-icons';
+	import { ArrowLeft01Icon, ArrowLeft02Icon } from '@hugeicons/core-free-icons';
 	import { HugeiconsIcon } from '@hugeicons/svelte';
 	import type { HTMLAttributes } from 'svelte/elements';
-	import ActionMenu from '../ActionMenu/ActionMenu.svelte';
 
 	interface IHeaderProps extends HTMLAttributes<HTMLElement> {
 		variant: 'primary' | 'secondary' | 'tertiary';
@@ -41,11 +35,11 @@
 		tertiary: ArrowLeft02Icon
 	};
 
-	const menuButton = {
-		primary: ZapIcon,
-		secondary: MoreVerticalIcon,
-		tertiary: MoreVerticalIcon
-	};
+	// const menuButton = {
+	// 	primary: ZapIcon,
+	// 	secondary: MoreVerticalIcon,
+	// 	tertiary: MoreVerticalIcon
+	// };
 
 	const classes = $derived({
 		common: cn(
@@ -87,10 +81,9 @@
 		<button
 			class={cn(['cursor-pointer rounded-full p-2 hover:bg-gray-100', classes.background])}
 			onclick={callback}
+			aria-label="Callback"
 		>
 		</button>
-	{:else if variant === 'secondary' && options && isCallBackNeeded}
-		<div></div>
 	{/if}
 </header>