diff --git a/force-app/main/default/classes/IdeaListViewComponentController.cls b/force-app/main/default/classes/IdeaListViewComponentController.cls
index 0d602f2..b521983 100644
--- a/force-app/main/default/classes/IdeaListViewComponentController.cls
+++ b/force-app/main/default/classes/IdeaListViewComponentController.cls
@@ -1,55 +1,53 @@
 public with sharing class IdeaListViewComponentController {
 
     @AuraEnabled(cacheable=true)
-    public static List<IdeaWrapper> getIdeasWithVotes(String sourceType, String sortField, String sortOrder, String statusFilter, Id recordId) {
+    public static Map<String, Object> getIdeasWithVotes(String sourceType, String sortField, String sortOrder, String statusFilter, Id recordId, Integer pageSize, Integer pageNumber) {
         Id currentUserId = UserInfo.getUserId();
-    
+        Integer offset = (pageNumber - 1) * pageSize;
+
         // Base query for ideas
         String baseQuery = 'SELECT Id, Name, Product_Tag__c, Product_Tag__r.Name, Status__c, Subject__c, Submitted_By__c, Submitted_By__r.Name, Up__c, Down__c FROM Idea__c';
+        String countQuery = 'SELECT COUNT() FROM Idea__c';
         List<Idea__c> ideas;
+        Integer totalRecords;
 
         try {
+            String whereClause = '';
             if (recordId != null) {
-                // If recordId is provided, fetch that specific Idea
-                baseQuery += ' WHERE Id = :recordId';
-                ideas = [SELECT Id, Name, Product_Tag__c, Product_Tag__r.Name, Status__c, Subject__c, Submitted_By__c, Submitted_By__r.Name, Up__c, Down__c FROM Idea__c WHERE Id = :recordId];
+                whereClause = ' WHERE Id = :recordId';
             } else if (sourceType == 'CurrentUser') {
-                baseQuery += ' WHERE Submitted_By__c = :currentUserId';
-                ideas = Database.query(baseQuery);
+                whereClause = ' WHERE Submitted_By__c = :currentUserId';
             } else {
-                baseQuery += ' WHERE Id != NULL'; // Ensures WHERE clause is always valid
-                ideas = Database.query(baseQuery);
+                whereClause = ' WHERE Id != NULL'; // Ensures WHERE clause is always valid
             }
 
             // Apply status filter if provided and valid
             if (statusFilter != null && !String.isBlank(statusFilter)) {
-                try {
-                    List<String> statusList = statusFilter.split(',');
-                    if (!statusList.isEmpty()) {
-                        baseQuery += ' AND Status__c IN :statusList';
-                    }
-                } catch (Exception e) {
-                    System.debug('Error processing statusFilter: ' + e.getMessage());
+                List<String> statusList = statusFilter.split(',');
+                if (!statusList.isEmpty()) {
+                    whereClause += ' AND Status__c IN :statusList';
                 }
             }
 
-            // Apply sorting based on sortField and sortOrder
-            baseQuery += ' ORDER BY ' + sortField + ' ' + sortOrder + ' LIMIT 100';
-    
-            // Debugging output to verify final query
-            System.debug('Final Query: ' + baseQuery);
-    
-            // Execute the query
-            if (recordId == null) {
-                ideas = Database.query(baseQuery);
-            }
-    
+            // Append the whereClause to both queries
+            baseQuery += whereClause;
+            countQuery += whereClause;
+
+            // Apply sorting and pagination
+            baseQuery += ' ORDER BY ' + sortField + ' ' + sortOrder + ' LIMIT :pageSize OFFSET :offset';
+
+            // Execute the queries
+            ideas = Database.query(baseQuery);
+
+            // Execute the count query to get the total number of records
+            totalRecords = Database.countQuery(countQuery);  // Changed from SOQL to countQuery
+
             // Collect idea IDs for further processing
             Set<Id> ideaIds = new Set<Id>();
             for (Idea__c idea : ideas) {
                 ideaIds.add(idea.Id);
             }
-    
+
             // Map to hold votes related to the ideas
             Map<Id, Idea_Vote__c> ideaVotesMap = new Map<Id, Idea_Vote__c>();
             if (!ideaIds.isEmpty()) {
@@ -60,85 +58,35 @@ public with sharing class IdeaListViewComponentController {
                     ideaVotesMap.put(vote.Idea__c, vote);
                 }
             }
-    
+
             // Wrap the Ideas and associate the votes
             List<IdeaWrapper> ideaList = new List<IdeaWrapper>();
             for (Idea__c idea : ideas) {
                 Idea_Vote__c userVote = ideaVotesMap.get(idea.Id);
                 ideaList.add(new IdeaWrapper(idea, userVote));
             }
-    
-            return ideaList;
+
+            // Prepare the return map
+            Map<String, Object> resultMap = new Map<String, Object>();
+            resultMap.put('ideas', ideaList);
+            resultMap.put('totalRecords', totalRecords);
+
+            return resultMap;
         } catch (Exception e) {
             // Log the error and throw a handled exception to the client
             System.debug('Error in getIdeasWithVotes: ' + e.getMessage());
             throw new AuraHandledException('Error in getIdeasWithVotes: ' + e.getMessage());
         }
     }
-    
 
-    // Method to handle upvote
     @AuraEnabled
     public static void handleUpVote(Id ideaId) {
-        Id currentUserId = UserInfo.getUserId();
-        Idea_Vote__c existingVote;
-
-        try {
-            existingVote = [SELECT Id, Type__c FROM Idea_Vote__c WHERE Idea__c = :ideaId AND Submitted_By__c = :currentUserId LIMIT 1];
-        } catch (QueryException e) {
-            existingVote = null;
-        }
-
-        if (existingVote != null) {
-            if (existingVote.Type__c == 'Up') {
-                // If the existing vote is already an upvote, delete it
-                delete existingVote;
-            } else {
-                // If the existing vote is a downvote, update it to an upvote
-                existingVote.Type__c = 'Up';
-                update existingVote;
-            }
-        } else {
-            // Create a new upvote record
-            Idea_Vote__c newVote = new Idea_Vote__c(
-                Idea__c = ideaId,
-                Type__c = 'Up',
-                Submitted_By__c = currentUserId
-            );
-            insert newVote;
-        }
+        IdeaVotingController.handleUpVote(ideaId);
     }
 
-    // Method to handle downvote
     @AuraEnabled
     public static void handleDownVote(Id ideaId) {
-        Id currentUserId = UserInfo.getUserId();
-        Idea_Vote__c existingVote;
-
-        try {
-            existingVote = [SELECT Id, Type__c FROM Idea_Vote__c WHERE Idea__c = :ideaId AND Submitted_By__c = :currentUserId LIMIT 1];
-        } catch (QueryException e) {
-            existingVote = null;
-        }
-
-        if (existingVote != null) {
-            if (existingVote.Type__c == 'Down') {
-                // If the existing vote is already a downvote, delete it
-                delete existingVote;
-            } else {
-                // If the existing vote is an upvote, update it to a downvote
-                existingVote.Type__c = 'Down';
-                update existingVote;
-            }
-        } else {
-            // Create a new downvote record
-            Idea_Vote__c newVote = new Idea_Vote__c(
-                Idea__c = ideaId,
-                Type__c = 'Down',
-                Submitted_By__c = currentUserId
-            );
-            insert newVote;
-        }
+        IdeaVotingController.handleDownVote(ideaId);
     }
 
     // Wrapper class to return Idea and associated IdeaVote
diff --git a/force-app/main/default/classes/IdeaVoteComponentController.cls b/force-app/main/default/classes/IdeaVoteComponentController.cls
new file mode 100644
index 0000000..be5bdbb
--- /dev/null
+++ b/force-app/main/default/classes/IdeaVoteComponentController.cls
@@ -0,0 +1,62 @@
+public with sharing class IdeaVoteComponentController {
+
+    @AuraEnabled(cacheable=true)
+    public static IdeaWrapper getIdeaWithVotes(Id recordId) {
+        Id currentUserId = UserInfo.getUserId();
+
+        // Check if recordId is null
+        if (recordId == null) {
+            throw new AuraHandledException('Record ID is null. Cannot fetch Idea.');
+        }
+
+        try {
+            // Query to get the idea record based on recordId
+            Idea__c idea = [SELECT Id, Name, Product_Tag__c, Product_Tag__r.Name, Status__c, Subject__c, Submitted_By__c, Submitted_By__r.Name, Up__c, Down__c 
+                            FROM Idea__c 
+                            WHERE Id = :recordId 
+                            LIMIT 1];
+
+            // Query to get the vote associated with the current user for this idea
+            Idea_Vote__c userVote;
+            try {
+                userVote = [SELECT Id, Idea__c, Type__c FROM Idea_Vote__c 
+                            WHERE Idea__c = :idea.Id 
+                            AND Submitted_By__c = :currentUserId 
+                            LIMIT 1];
+            } catch (Exception e) {
+                userVote = null; // If no vote found, set it to null
+            }
+
+            // Wrap the Idea and associated vote in an IdeaWrapper
+            IdeaWrapper ideaWrapper = new IdeaWrapper(idea, userVote);
+
+            return ideaWrapper;
+
+        } catch (Exception e) {
+            // Log the error and throw a handled exception to the client
+            System.debug('Error in getIdeaWithVotes: ' + e.getMessage());
+            throw new AuraHandledException('Error in getIdeaWithVotes: ' + e.getMessage());
+        }
+    }
+
+    @AuraEnabled
+    public static void handleUpVote(Id ideaId) {
+        IdeaVotingController.handleUpVote(ideaId);
+    }
+
+    @AuraEnabled
+    public static void handleDownVote(Id ideaId) {
+        IdeaVotingController.handleDownVote(ideaId);
+    }
+
+    // Wrapper class to return Idea and associated IdeaVote
+    public class IdeaWrapper {
+        @AuraEnabled public Idea__c idea { get; set; }
+        @AuraEnabled public Idea_Vote__c userVote { get; set; }
+
+        public IdeaWrapper(Idea__c idea, Idea_Vote__c userVote) {
+            this.idea = idea;
+            this.userVote = userVote;
+        }
+    }
+}
diff --git a/force-app/main/default/classes/IdeaVoteComponentController.cls-meta.xml b/force-app/main/default/classes/IdeaVoteComponentController.cls-meta.xml
new file mode 100644
index 0000000..7d5f9e8
--- /dev/null
+++ b/force-app/main/default/classes/IdeaVoteComponentController.cls-meta.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<ApexClass xmlns="http://soap.sforce.com/2006/04/metadata">
+    <apiVersion>61.0</apiVersion>
+    <status>Active</status>
+</ApexClass>
\ No newline at end of file
diff --git a/force-app/main/default/classes/IdeaVotingController.cls b/force-app/main/default/classes/IdeaVotingController.cls
new file mode 100644
index 0000000..2487f1a
--- /dev/null
+++ b/force-app/main/default/classes/IdeaVotingController.cls
@@ -0,0 +1,64 @@
+public with sharing class IdeaVotingController {
+
+    @AuraEnabled
+    public static void handleUpVote(Id ideaId) {
+        Id currentUserId = UserInfo.getUserId();
+        Idea_Vote__c existingVote;
+
+        try {
+            existingVote = [SELECT Id, Type__c FROM Idea_Vote__c WHERE Idea__c = :ideaId AND Submitted_By__c = :currentUserId LIMIT 1];
+        } catch (QueryException e) {
+            existingVote = null;
+        }
+
+        if (existingVote != null) {
+            if (existingVote.Type__c == 'Up') {
+                // If the existing vote is already an upvote, delete it
+                delete existingVote;
+            } else {
+                // If the existing vote is a downvote, update it to an upvote
+                existingVote.Type__c = 'Up';
+                update existingVote;
+            }
+        } else {
+            // Create a new upvote record
+            Idea_Vote__c newVote = new Idea_Vote__c(
+                Idea__c = ideaId,
+                Type__c = 'Up',
+                Submitted_By__c = currentUserId
+            );
+            insert newVote;
+        }
+    }
+
+    @AuraEnabled
+    public static void handleDownVote(Id ideaId) {
+        Id currentUserId = UserInfo.getUserId();
+        Idea_Vote__c existingVote;
+
+        try {
+            existingVote = [SELECT Id, Type__c FROM Idea_Vote__c WHERE Idea__c = :ideaId AND Submitted_By__c = :currentUserId LIMIT 1];
+        } catch (QueryException e) {
+            existingVote = null;
+        }
+
+        if (existingVote != null) {
+            if (existingVote.Type__c == 'Down') {
+                // If the existing vote is already a downvote, delete it
+                delete existingVote;
+            } else {
+                // If the existing vote is an upvote, update it to a downvote
+                existingVote.Type__c = 'Down';
+                update existingVote;
+            }
+        } else {
+            // Create a new downvote record
+            Idea_Vote__c newVote = new Idea_Vote__c(
+                Idea__c = ideaId,
+                Type__c = 'Down',
+                Submitted_By__c = currentUserId
+            );
+            insert newVote;
+        }
+    }
+}
diff --git a/force-app/main/default/classes/IdeaVotingController.cls-meta.xml b/force-app/main/default/classes/IdeaVotingController.cls-meta.xml
new file mode 100644
index 0000000..7d5f9e8
--- /dev/null
+++ b/force-app/main/default/classes/IdeaVotingController.cls-meta.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<ApexClass xmlns="http://soap.sforce.com/2006/04/metadata">
+    <apiVersion>61.0</apiVersion>
+    <status>Active</status>
+</ApexClass>
\ No newline at end of file
diff --git a/force-app/main/default/lwc/ideaListViewComponent/ideaListViewComponent.css b/force-app/main/default/lwc/ideaListViewComponent/ideaListViewComponent.css
index 58ffc0c..a5f066b 100644
--- a/force-app/main/default/lwc/ideaListViewComponent/ideaListViewComponent.css
+++ b/force-app/main/default/lwc/ideaListViewComponent/ideaListViewComponent.css
@@ -1,12 +1,14 @@
-/* ideaListViewComponent.css */
+/* Add padding or margin to the container around the datatable */
+.datatable-container {
+    margin-bottom: 20px; /* Add margin below the datatable */
+}
 
-/* Custom styles for the lightning-card */
+/* Optional: Keep the existing styles */
 .lightning-card {
     max-width: 100%; /* Ensure the card does not exceed its container */
     overflow-x: auto; /* Allow horizontal scrolling if content overflows */
 }
 
-/* Style the title of the lightning-card */
 .lightning-card__header {
     background-color: transparent; /* Remove background color */
     border-bottom: none; /* Remove border under the title */
@@ -15,7 +17,6 @@
     padding: 0; /* Adjust padding */
 }
 
-/* Optionally, you can add some margin or padding to the datatable if needed */
 .lightning-datatable {
-    margin-top: 10px; /* Example of adding some margin above the table */
+    margin-top: 10px; /* Margin above the table */
 }
diff --git a/force-app/main/default/lwc/ideaListViewComponent/ideaListViewComponent.html b/force-app/main/default/lwc/ideaListViewComponent/ideaListViewComponent.html
index 22909b1..67ef79f 100644
--- a/force-app/main/default/lwc/ideaListViewComponent/ideaListViewComponent.html
+++ b/force-app/main/default/lwc/ideaListViewComponent/ideaListViewComponent.html
@@ -1,15 +1,42 @@
 <template>
     <lightning-card title={title}>
         <template if:true={ideas}>
-            <lightning-datatable
-                data={ideas}
-                columns={columns}
-                key-field="ideaId" 
-                onrowaction={handleRowAction}
-                hide-checkbox-column="true"
-                resize-column-disabled
-            >
-            </lightning-datatable>
+            <div class="datatable-container">
+                <lightning-datatable
+                    data={ideas}
+                    columns={columns}
+                    key-field="ideaId"
+                    onrowaction={handleRowAction}
+                    hide-checkbox-column="true"
+                    resize-column-disabled
+                >
+                </lightning-datatable>
+            </div>
+
+            <lightning-layout horizontal-align="space">
+                <lightning-layout-item flexibility="auto">
+                    <lightning-button 
+                        label="Previous" 
+                        icon-name="utility:chevronleft" 
+                        onclick={handlePrevious}
+                        disabled={isPreviousDisabled}
+                    >
+                    </lightning-button>
+                </lightning-layout-item>
+                <lightning-layout-item flexibility="auto">
+                    Page {page} of {totalPage}
+                </lightning-layout-item>
+                <lightning-layout-item flexibility="auto">
+                    <lightning-button 
+                        label="Next" 
+                        icon-name="utility:chevronright" 
+                        icon-position="right"
+                        onclick={handleNext}
+                        disabled={isNextDisabled}
+                    >
+                    </lightning-button>
+                </lightning-layout-item>
+            </lightning-layout>
         </template>
         <template if:true={error}>
             <div class="slds-text-color_error">
diff --git a/force-app/main/default/lwc/ideaListViewComponent/ideaListViewComponent.js b/force-app/main/default/lwc/ideaListViewComponent/ideaListViewComponent.js
index 8f789bb..ddea7c9 100644
--- a/force-app/main/default/lwc/ideaListViewComponent/ideaListViewComponent.js
+++ b/force-app/main/default/lwc/ideaListViewComponent/ideaListViewComponent.js
@@ -1,4 +1,4 @@
-import { LightningElement, api, wire } from 'lwc';
+import { LightningElement, api, wire, track } from 'lwc';
 import getIdeasWithVotes from '@salesforce/apex/IdeaListViewComponentController.getIdeasWithVotes';
 import handleUpVote from '@salesforce/apex/IdeaListViewComponentController.handleUpVote';
 import handleDownVote from '@salesforce/apex/IdeaListViewComponentController.handleDownVote';
@@ -65,53 +65,78 @@ const columns = [
 ];
 
 export default class IdeaListViewComponent extends LightningElement {
-    @api title = 'Most Popular Ideas'; // Title set from the property in the .js-meta.xml
-    @api sourceType = 'All'; // Default to showing all ideas
-    @api sortField = 'Total_Votes__c'; // Default sort field
-    @api sortOrder = 'DESC'; // Default sort order (descending)
-    @api statusFilter = ''; // New status filter property
-
-    ideas = [];
-    columns = columns;
-    error;
+    @api title = 'Most Popular Ideas';
+    @api sourceType = 'All';
+    @api sortField = 'Total_Votes__c';
+    @api sortOrder = 'DESC';
+    @api statusFilter = '';
+
+    @track ideas = [];
+    @track columns = columns;
+    @track error;
+    @track page = 1; // Default page
+    @track pageSize = 10; // Default page size
+    @track totalRecords = 0; // Total records returned by the server
+    @track totalPage = 1;
+
     wiredIdeasResult;
 
-    @wire(getIdeasWithVotes, { sourceType: '$sourceType', sortField: '$sortField', sortOrder: '$sortOrder', statusFilter: '$statusFilter' })
+    @wire(getIdeasWithVotes, { 
+        sourceType: '$sourceType', 
+        sortField: '$sortField', 
+        sortOrder: '$sortOrder', 
+        statusFilter: '$statusFilter',
+        pageSize: '$pageSize',
+        pageNumber: '$page'
+    })
     wiredIdeas(result) {
-        console.log('Wired method called with result:', result);
         this.wiredIdeasResult = result;
         const { data, error } = result;
+
         if (data) {
-            console.log('Data received:', data);
-            this.ideas = data.map(ideaWrapper => {
-                let upVoteVariant = '';
-                let downVoteVariant = '';
-
-                if (ideaWrapper.userVote) {
-                    if (ideaWrapper.userVote.Type__c === 'Up') {
-                        upVoteVariant = 'brand'; // Highlight upvote
-                        console.log('Idea ID', ideaWrapper.idea.Id, 'has an Up vote.');
-                    } else if (ideaWrapper.userVote.Type__c === 'Down') {
-                        downVoteVariant = 'brand'; // Highlight downvote
-                        console.log('Idea ID', ideaWrapper.idea.Id, 'has a Down vote.');
+            console.log('Data received from Apex:', data);
+
+            this.totalRecords = data.totalRecords;
+            console.log('Total Records:', this.totalRecords);
+
+            this.updateTotalPages();
+
+            console.log('Total Pages:', this.totalPage);
+            console.log('Current Page:', this.page);
+
+            // Reset the page to 1 if the current page exceeds the totalPage after filtering
+            if (this.page > this.totalPage) {
+                console.log(`Current page (${this.page}) is greater than total pages (${this.totalPage}), resetting to page 1.`);
+                this.page = 1;
+                refreshApex(this.wiredIdeasResult); // Refresh to load data for the first page
+            } else {
+                this.ideas = data.ideas.map(ideaWrapper => {
+                    let upVoteVariant = '';
+                    let downVoteVariant = '';
+
+                    if (ideaWrapper.userVote) {
+                        if (ideaWrapper.userVote.Type__c === 'Up') {
+                            upVoteVariant = 'brand';
+                        } else if (ideaWrapper.userVote.Type__c === 'Down') {
+                            downVoteVariant = 'brand';
+                        }
                     }
-                }
 
-                return {
-                    ideaId: ideaWrapper.idea.Id,
-                    ideaUrl: `/ideaexchange/s/idea/${ideaWrapper.idea.Id}`,
-                    productTagName: ideaWrapper.idea.Product_Tag__r.Name,
-                    productTagUrl: `/ideaexchange/s/adm-product-tag/${ideaWrapper.idea.Product_Tag__c}`,
-                    status: ideaWrapper.idea.Status__c,
-                    subject: ideaWrapper.idea.Subject__c, // Use subject as label for the URL
-                    upVoteCount: ideaWrapper.idea.Up__c, // Add upvote count
-                    downVoteCount: ideaWrapper.idea.Down__c, // Add downvote count
-                    upVoteVariant,
-                    downVoteVariant,
-                };
-            });
+                    return {
+                        ideaId: ideaWrapper.idea.Id,
+                        ideaUrl: `/ideaexchange/s/idea/${ideaWrapper.idea.Id}`,
+                        productTagName: ideaWrapper.idea.Product_Tag__r.Name,
+                        productTagUrl: `/ideaexchange/s/adm-product-tag/${ideaWrapper.idea.Product_Tag__c}`,
+                        status: ideaWrapper.idea.Status__c,
+                        subject: ideaWrapper.idea.Subject__c,
+                        upVoteCount: ideaWrapper.idea.Up__c,
+                        downVoteCount: ideaWrapper.idea.Down__c,
+                        upVoteVariant,
+                        downVoteVariant,
+                    };
+                });
+            }
 
-            console.log('Processed ideas:', this.ideas);
             this.error = undefined;
         } else if (error) {
             console.error('Error fetching ideas:', error);
@@ -120,6 +145,39 @@ export default class IdeaListViewComponent extends LightningElement {
         }
     }
 
+    updateTotalPages() {
+        this.totalPage = Math.ceil(this.totalRecords / this.pageSize);
+        console.log('Total Pages after update:', this.totalPage);
+    }
+
+    get isPreviousDisabled() {
+        const disabled = this.page === 1;
+        console.log('Is Previous Disabled:', disabled);
+        return disabled;
+    }
+
+    get isNextDisabled() {
+        const disabled = this.page === this.totalPage || this.totalPage === 0;
+        console.log('Is Next Disabled:', disabled);
+        return disabled;
+    }
+
+    handlePrevious() {
+        if (this.page > 1) {
+            this.page -= 1;
+            console.log('Navigating to previous page:', this.page);
+            refreshApex(this.wiredIdeasResult);
+        }
+    }
+
+    handleNext() {
+        if (this.page < this.totalPage) {
+            this.page += 1;
+            console.log('Navigating to next page:', this.page);
+            refreshApex(this.wiredIdeasResult);
+        }
+    }
+
     handleRowAction(event) {
         const actionName = event.detail.action.name;
         const ideaId = event.detail.row.ideaId;
diff --git a/force-app/main/default/lwc/ideaVoteComponent/ideaVoteComponent.js b/force-app/main/default/lwc/ideaVoteComponent/ideaVoteComponent.js
index d425a4e..d738bbe 100644
--- a/force-app/main/default/lwc/ideaVoteComponent/ideaVoteComponent.js
+++ b/force-app/main/default/lwc/ideaVoteComponent/ideaVoteComponent.js
@@ -1,7 +1,7 @@
 import { LightningElement, api, wire, track } from 'lwc';
-import handleUpVote from '@salesforce/apex/IdeaListViewComponentController.handleUpVote';
-import handleDownVote from '@salesforce/apex/IdeaListViewComponentController.handleDownVote';
-import getIdeasWithVotes from '@salesforce/apex/IdeaListViewComponentController.getIdeasWithVotes';
+import handleUpVote from '@salesforce/apex/IdeaVoteComponentController.handleUpVote';
+import handleDownVote from '@salesforce/apex/IdeaVoteComponentController.handleDownVote';
+import getIdeaWithVotes from '@salesforce/apex/IdeaVoteComponentController.getIdeaWithVotes';
 import { ShowToastEvent } from 'lightning/platformShowToastEvent';
 import { refreshApex } from '@salesforce/apex';
 
@@ -17,31 +17,31 @@ export default class IdeaVoteComponent extends LightningElement {
         console.log('IdeaVoteComponent connected. Record ID:', this.recordId);
     }
 
-    @wire(getIdeasWithVotes, { 
-        sourceType: 'All', 
-        sortField: 'Total_Votes__c', 
-        sortOrder: 'DESC', 
-        statusFilter: 'Active', 
-        recordId: '$recordId' 
-    })
+    @wire(getIdeaWithVotes, { recordId: '$recordId' })
     wiredIdea(result) {
         console.log('Wired method called. Record ID:', this.recordId);
+        
+        if (!this.recordId) {
+            console.warn('Record ID is not set. Skipping data fetch.');
+            return;
+        }
+    
         this.wiredIdeaResult = result;
-
+    
         if (result.data) {
             this.isLoading = false; // Stop loading indicator
-            this.idea = result.data.length > 0 ? result.data.find(ideaWrapper => ideaWrapper.idea.Id === this.recordId) : null;
-
+            this.idea = result.data;
+    
             if (this.idea) {
                 this.updateVoteClasses();
             } else {
                 console.warn('No idea found with recordId:', this.recordId);
             }
-
+    
             this.error = undefined;
         } else if (result.error) {
             this.isLoading = false; // Stop loading indicator
-            console.error('Error fetching ideas:', result.error);
+            console.error('Error fetching idea:', result.error);
             this.logErrorDetails(result.error);
             this.error = result.error;
             this.idea = undefined;
@@ -49,6 +49,7 @@ export default class IdeaVoteComponent extends LightningElement {
             console.log('No data and no error. This might be a transient state.');
         }
     }
+    
 
     logErrorDetails(error) {
         if (error) {