@spottoai/common-ui

Shared React components for SpottoAI

Installation

npm install @spottoai/common-ui

Usage

import { RecommendationOutlook } from '@spottoai/common-ui';

function App() {
  return <RecommendationOutlook />;
}

API URL Configuration

This library uses build-time environment variables to configure the API URL. Set one of the following environment variables in your project:

Environment Variables

# .env file - choose one of these:
SPOTTO_API_URL=https://api.your-domain.com
VITE_API_URL=https://api.your-domain.com
API_URL=https://api.your-domain.com

Priority Order

The library uses the following priority order for API URL configuration:

1. SPOTTO_API_URL (highest priority)
2. VITE_API_URL (medium priority)
3. API_URL (low priority)
4. Empty string (no default fallback)

Examples

For a React application:

# .env file
SPOTTO_API_URL=https://api.spotto.ai

For a Chrome extension:

# .env file
SPOTTO_API_URL=https://api.spotto.ai

For development:

# .env file
SPOTTO_API_URL=http://localhost:8787

Components

RecommendationOutlook

A comprehensive recommendation management component with filtering, categorization, and feedback capabilities.

import { RecommendationOutlook } from '@spottoai/common-ui';

<RecommendationOutlook
  recommendations={recommendations}
  recommendationStates={recommendationStates}
  onSaveStates={handleSaveStates}
  currentUser={currentUser}
  companyUsers={companyUsers}
  feedbackUrl="https://api.your-domain.com/feedback"
  authToken="Bearer your-jwt-token"
/>;

Props

• recommendations: Array of recommendation objects
• recommendationStates: Array of recommendation state objects
• onSaveStates: Function to save recommendation states
• currentUser: Current user information
• companyUsers: Array of company users
• feedbackUrl: Required - URL for submitting feedback (e.g., "https://api.your-domain.com/feedback")
• authToken: Optional - Authentication token for feedback submission (e.g., "Bearer your-jwt-token")

Development

npm install
npm run build
npm run dev

License

MIT