fixed some type errors

Author: yaantow

app/community/page.tsx

@@ -20,6 +20,7 @@ import {
 import { getFeedByType, getFeedPosts } from "../data/feed"
 import { getUserById, getAllUsers } from "@/lib/api"
 import { formatDate, formatNumber } from "@/lib/format"
+import type { FeedPost } from "../data/feed"
 
 export const dynamic = 'force-dynamic'
 
@@ -156,7 +157,7 @@ export default async function CommunityPage() {
 
 import type { ApiUser } from "@/lib/api"
 
-function FeedPost({ post, users }: { post: (typeof feedPosts)[0], users: ApiUser[] }) {
+function FeedPost({ post, users }: { post: FeedPost, users: ApiUser[] }) {
   const author = users.find(u => String(u.id) === String(post.authorId))
 
   const typeIcons = {
@@ -191,8 +192,8 @@ function FeedPost({ post, users }: { post: (typeof feedPosts)[0], users: ApiUser
               <span className="text-xs sm:text-sm text-muted-foreground hidden sm:inline">@{author?.username}</span>
               <span className="text-muted-foreground hidden sm:inline">·</span>
               <span className="text-xs sm:text-sm text-muted-foreground">{formatDate(post.createdAt)}</span>
-              <Badge className={`${typeColors[post.type]} text-[10px] sm:text-xs shrink-0`}>
-                {typeIcons[post.type]}
+              <Badge className={`${typeColors[post.type as keyof typeof typeColors]} text-[10px] sm:text-xs shrink-0`}>
+                {typeIcons[post.type as keyof typeof typeIcons]}
                 <span className="ml-0.5 sm:ml-1 capitalize">{post.type}</span>
               </Badge>
             </div>
@@ -221,7 +222,7 @@ function FeedPost({ post, users }: { post: (typeof feedPosts)[0], users: ApiUser
 
             {post.tags.length > 0 && (
               <div className="flex flex-wrap gap-1 mt-2 sm:mt-3">
-                {post.tags.map((tag) => (
+                {post.tags.map((tag: string) => (
                   <Badge key={tag} variant="outline" className="text-[10px] sm:text-xs">
                     #{tag}
                   </Badge>

app/crowdfunding/page.tsx

@@ -4,7 +4,7 @@ import { Card, CardContent } from "@/components/ui/card"
 import { Badge } from "@/components/ui/badge"
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"
 import { DollarSign, Flame, Star, Clock } from "lucide-react"
-import { campaignCategories, getFeaturedCampaigns, getStaffPicks, fetchCampaigns } from "../data/campaigns"
+import { campaignCategories, getFeaturedCampaigns, getStaffPicks, fetchCampaigns, type Campaign } from "../data/campaigns"
 import { getUserById } from "@/lib/api"
 import { formatCurrency, formatNumber, calculateFundingProgress } from "@/lib/format"
 
@@ -120,7 +120,7 @@ export default async function CrowdfundingPage() {
   )
 }
 
-function CampaignCard({ campaign, creatorsMap }: { campaign: (typeof campaigns)[0]; creatorsMap: Map<string, any> }) {
+function CampaignCard({ campaign, creatorsMap }: { campaign: Campaign; creatorsMap: Map<string, any> }) {
   const creator = creatorsMap.get(String(campaign.creatorId))
   const progress = calculateFundingProgress(campaign.raisedAmount, campaign.goalAmount)
 

app/marketplace/[id]/page.tsx

@@ -102,7 +102,7 @@ export default async function ListingPage({ params }: { params: Promise<{ id: st
                   <RequestInfoDialog
                     listingId={listing.id}
                     listingName={listing.name}
-                    askingPrice={listing.asking_price}
+                    askingPrice={listing.askingPrice}
                   >
                     <Button className="border border-border shadow-[var(--shadow-button)] font-bold">
                       <MessageSquare className="h-4 w-4 mr-2" />
@@ -402,7 +402,7 @@ export default async function ListingPage({ params }: { params: Promise<{ id: st
                   <SubmitLoiDialog
                     listingId={listing.id}
                     listingName={listing.name}
-                    askingPrice={listing.asking_price}
+                    askingPrice={listing.askingPrice}
                   >
                     <Button className="w-full border border-border shadow-[var(--shadow-button)] font-bold text-lg py-6 mb-3">
                       Submit Letter of Intent

components/dialogs/back-project-dialog.tsx

@@ -31,7 +31,7 @@ interface Reward {
   items: string[]
   estimatedDelivery: string
   shipsTo: string
-  limitedQuantity?: number
+  limitedQuantity?: number | null
   claimed: number
 }
 
@@ -209,7 +209,7 @@ export function BackProjectDialog({ campaignId, campaignTitle, rewards, children
                         }`}
                       >
                         <div className="flex items-start gap-3">
-                          <RadioGroupItem value={reward.id} disabled={isSoldOut} className="mt-1" />
+                          <RadioGroupItem value={reward.id} disabled={!!isSoldOut} className="mt-1" />
                           <div className="flex-1">
                             <div className="flex items-center justify-between mb-1">
                               <span className="text-xl font-black">{formatCurrency(reward.amount)}</span>
@@ -451,11 +451,11 @@ export function BackProjectDialog({ campaignId, campaignTitle, rewards, children
               </Button>
               <Button
                 onClick={handleProceedToConfirmation}
-                disabled={
+                disabled={!!(
                   !cardNumber.trim() || !expiryDate.trim() || !cvv.trim() || !cardName.trim() || 
                   !fullName.trim() || !city.trim() || !country.trim() ||
                   (selectedReward && (!address.trim() || !postalCode.trim()))
-                }
+                )}
                 className="border-2 border-black shadow-[4px_4px_0_0_#000] font-bold"
               >
                 Review Order