This React component fetches issues from the Jira API and displays them with pagination and error handling.
Fetches Jira issues using Axios. Displays issues in a paginated table format. Handles loading state with a loader component. Displays error message on API request failure.
Before running this component, ensure you have:
Node.js installed on your machine. A .env file configured with REACT_APP_API_URL pointing to your Jira API endpoint. Installation Clone the repository:
git clone https://github.com/naz-i-ya/Jira-Cloud-Frontend cd folder
Install dependencies: npm install
Create a .env file in the root directory: REACT_APP_API_URL=https://your-jira-api-url
Replace https://your-jira-api-url with your actual Jira API endpoint.
To start the development server:
npm start The component will be accessible at http://localhost:3000.
The JiraIssues component fetches issues from the Jira API and displays them in a paginated table. It includes:
Pagination buttons (Prev and Next) to navigate through the list of issues. Issue details such as key, summary, type, priority, status, and assignee. Styling based on issue priority and status using predefined CSS classes.
Adjust the priorityIcons and statusStyle objects in the component to match your Jira instance's specific priority and status styles.