susieshi/CreatorCenter_OOIN
1
0
Fork 0
mirror of https://github.com/Funkoala14/CreatorCenter_OOIN.git synced 2025-06-07 22:58:14 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

[dev]update

Browse Source
This commit is contained in:
susie-laptop 2025-05-29 21:56:54 -04:00
parent ad661e5a77
commit 40afeb4e5d
3 changed files with 122 additions and 103 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

86
src/lib/constant.js
View File

@ -1,52 +1,52 @@
export const BRAND_SOURCES = [
{
value: 'TKS Official',
value: 'tks_official',
name: 'TKS Official',
},
{
value: 'Third-party Agency',
value: 'third_party_agency',
name: 'Third-party Agency',
},
{
value: 'Offline Event',
value: 'offline_event',
name: 'Offline Event',
},
{
value: 'Social Media',
value: 'social_media',
name: 'Social Media',
},
];
export const CAMPAIGN_SERVICES = [
{
value: 'paid_promotion',
value: 'short_video_paid',
name: '达人短视频（付费）',
},
{
value: 'affiliate',
value: 'short_video_affiliate',
name: '达人短视频（纯佣）',
},
{
value: 'sponsored_content',
value: 'live_stream_brand_hosted',
name: '直播（代播）',
},
{
value: 'brand_ambassador',
value: 'live_stream_influencer_hosted',
name: '直播（达播）',
},
{
value: 'other',
value: 'short_video_material_only',
name: '纯素材短视频',
},
];
export const CREATOR_TYPES = [
{
value: 'dai',
value: 'product_promotion',
name: '带货类达人',
},
{
value: 'exposure',
value: 'exposure_focused',
name: '曝光类达人',
},
];
@ -114,32 +114,40 @@ export const CREATOR_LEVELS = [
];
export const CREATOR_CATEGORIES = [
{ value: 'Phones & Electronics', name: 'Phones & Electronics' },
{ value: 'Homes Supplies', name: 'Homes Supplies' },
{ value: 'Health', name: 'Health' },
{ value: 'Textiles & Soft Furnishings', name: 'Textiles & Soft Furnishings' },
{ value: 'Household Appliances', name: 'Household Appliances' },
{ value: 'Womenswear & Underwear', name: 'Womenswear & Underwear' },
{ value: 'Muslim Fashion', name: 'Muslim Fashion' },
{ value: 'Shoes', name: 'Shoes' },
{ value: 'Beauty & Personal Care', name: 'Beauty & Personal Care' },
{ value: 'Pet Supplies', name: 'Pet Supplies' },
{ value: 'Computers & Office Equipment', name: 'Computers & Office Equipment' },
{ value: 'Baby & Maternity', name: 'Baby & Maternity' },
{ value: 'Sports & Outdoor', name: 'Sports & Outdoor' },
{ value: 'Toys', name: 'Toys' },
{ value: 'Furniture', name: 'Furniture' },
{ value: 'Kitchenware', name: 'Kitchenware' },
{ value: 'Home Improvement', name: 'Home Improvement' },
{ value: 'Tools & Hardware', name: 'Tools & Hardware' },
{ value: "Kids' Fashion", name: "Kids' Fashion" },
{ value: 'Automotive & Motorcycle', name: 'Automotive & Motorcycle' },
{ value: 'Fashion Accessories', name: 'Fashion Accessories' },
{ value: 'Food & Beverages', name: 'Food & Beverages' },
{ value: 'Books, Magazines & Audio', name: 'Books, Magazines & Audio' },
{ value: 'Menswear & Underwear', name: 'Menswear & Underwear' },
{ value: 'Pre-Owned Collections', name: 'Pre-Owned Collections' },
{ value: 'Luggage & Bags', name: 'Luggage & Bags' },
{ value: 'Jewellery Accessories & Derivatives', name: 'Jewellery Accessories & Derivatives' },
{ value: 'Other', name: 'Other' },
{ value: 'phones_electronics', name: 'Phones & Electronics' },
{ value: 'home_supplies', name: 'Homes Supplies' },
{ value: 'health', name: 'Health' },
{ value: 'textiles_soft_furnishings', name: 'Textiles & Soft Furnishings' },
{ value: 'household_appliances', name: 'Household Appliances' },
{ value: 'womenswear_underwear', name: 'Womenswear & Underwear' },
{ value: 'muslim_fashion', name: 'Muslim Fashion' },
{ value: 'shoes', name: 'Shoes' },
{ value: 'beauty_personal_care', name: 'Beauty & Personal Care' },
{ value: 'pet_supplies', name: 'Pet Supplies' },
{ value: 'computers_office_equipment', name: 'Computers & Office Equipment' },
{ value: 'baby_maternity', name: 'Baby & Maternity' },
{ value: 'sports_outdoor', name: 'Sports & Outdoor' },
{ value: 'toys', name: 'Toys' },
{ value: 'furniture', name: 'Furniture' },
{ value: 'kitchenware', name: 'Kitchenware' },
{ value: 'home_improvement', name: 'Home Improvement' },
{ value: 'tools_hardware', name: 'Tools & Hardware' },
{ value: 'kids_fashion', name: "Kids' Fashion" },
{ value: 'automotive_motorcycle', name: 'Automotive & Motorcycle' },
{ value: 'fashion_accessories', name: 'Fashion Accessories' },
{ value: 'food_beverages', name: 'Food & Beverages' },
{ value: 'books_magazines_audio', name: 'Books, Magazines & Audio' },
{ value: 'menswear_underwear', name: 'Menswear & Underwear' },
{ value: 'pre_owned_collections', name: 'Pre-Owned Collections' },
{ value: 'luggage_bags', name: 'Luggage & Bags' },
{ value: 'jewellery_accessories_derivatives', name: 'Jewellery Accessories & Derivatives' },
{ value: 'other', name: 'Other' },
];
export const TEMPLATE_MISSIONS = [
{ value: 'all', name: '全部' },
{ value: 'initial_contact', name: '初步建联' },
{ value: 'negotiation', name: '砍价邮件' },
{ value: 'script', name: '脚本邮件' },
{ value: 'follow_up', name: '合作追踪' },
];

17
src/pages/BrandsDetail.jsx
View File

@ -153,14 +153,22 @@ export default function BrandsDetail() {
</SlidePanel>
</>
)}
<AddCampaignModal show={showAddCampaignModal} onHide={() => setShowAddCampaignModal(false)} />
<AddProductModal show={showAddProductModal} onHide={() => setShowAddProductModal(false)} />
<AddCampaignModal
show={showAddCampaignModal}
onHide={() => setShowAddCampaignModal(false)}
brandId={id}
/>
<AddProductModal
show={showAddProductModal}
onHide={() => setShowAddProductModal(false)}
brandId={id}
/>
</React.Fragment>
)
);
}
export function AddCampaignModal({ show, onHide }) {
export function AddCampaignModal({ show, onHide, brandId }) {
const dispatch = useDispatch();
const [formData, setFormData] = useState({
name: '',
@ -218,6 +226,7 @@ export function AddCampaignModal({ show, onHide }) {
followers: [0, 100],
gmv: '',
views: [0, 100000],
brand_id: brandId,
});
setValidated(false);
onHide();
@ -375,7 +384,7 @@ export function AddCampaignModal({ show, onHide }) {
);
}
export function AddProductModal({ show, onHide }) {
export function AddProductModal({ show, onHide, brandId }) {
const dispatch = useDispatch();
const [productIds, setProductIds] = useState({
0: '',

122
src/pages/InboxTemplate.jsx
View File

@ -1,11 +1,11 @@
import { Button, Form, Modal } from 'react-bootstrap';
import { Button, Col, Form, Modal, Row } from 'react-bootstrap';
import SearchBar from '../components/SearchBar';
import { Footprints, Plus } from 'lucide-react';
import React, { useEffect, useState } from 'react';
import { useDispatch } from 'react-redux';
import { addTemplateThunk, editTemplateThunk, fetchTemplates } from '../store/slices/inboxSlice';
import TemplateList from '../components/TemplateList';
import { CAMPAIGN_SERVICES } from '../lib/constant';
import { CAMPAIGN_SERVICES, TEMPLATE_MISSIONS } from '../lib/constant';
export default function InboxTemplate() {
const [activeTab, setActiveTab] = useState('all');
@ -14,7 +14,6 @@ export default function InboxTemplate() {
const [formData, setFormData] = useState({
title: 'TikTok合作邀请',
content: `Hi {tiktok id},\n\n我是{sender name}，来自OOIN Media。我们对您的TikTok内容印象深刻，希望能就付费推广活动进行合作。\n\n请问您对单个TikTok视频的报价是多少？如果我们计划多个视频合作，是否有批量折扣？\n\n期待您的回复！`,
category: 1,
mission: 'initial_contact',
platform: 'tiktok',
service: 'text',
@ -116,7 +115,7 @@ function AddTemplateModal({ show, formData, setFormData, handleClose, type = 'ad
useEffect(() => {}, [formData]);
return (
<Modal show={show} onHide={handleClose}>
<Modal show={show} onHide={handleClose} size='lg'>
<Modal.Header closeButton>
<Modal.Title>{type === 'add' ? 'Add Template' : 'Edit Template'}</Modal.Title>
</Modal.Header>
@ -133,62 +132,65 @@ function AddTemplateModal({ show, formData, setFormData, handleClose, type = 'ad
onChange={handleChange}
/>
</Form.Group>
<Form.Group className='mb-3' controlId='formBasicEmail'>
<Form.Label>Mission</Form.Label>
<Form.Select
required
type='select'
placeholder='Select mission'
value={formData.mission}
name='mission'
onChange={handleChange}
>
<option value='' disabled>
Select mission
</option>
<option value='initial_contact'>初步建联</option>
<option value='negotiation'>砍价邮件</option>
<option value='script'>脚本邮件</option>
<option value='follow_up'>合作追踪</option>
<option value='other'>其他</option>
</Form.Select>
</Form.Group>
<Form.Group className='mb-3' controlId='formBasicEmail'>
<Form.Label>Platform</Form.Label>
<Form.Select
required
type='select'
placeholder='Select platform'
value={formData.platform}
name='platform'
onChange={handleChange}
>
<option value='' disabled>
Select platform
</option>
<option value='tiktok'>TikTok</option>
<option value='instagram'>Instagram</option>
<option value='facebook'>Facebook</option>
<option value='youtube'>Youtube</option>
</Form.Select>
</Form.Group>
<Form.Group className='mb-3' controlId='formBasicEmail'>
<Form.Label>合作模式</Form.Label>
<Form.Select
required
type='select'
value={formData.service}
name='service'
onChange={handleChange}
>
<option value='' disabled>
Select service
</option>
{CAMPAIGN_SERVICES.map((service) => (
<option value={service.value}>{service.name}</option>
))}
</Form.Select>
</Form.Group>
<Row className='mb-3'>
<Form.Group className='col' controlId='formBasicEmail'>
<Form.Label>Mission</Form.Label>
<Form.Select
required
type='select'
placeholder='Select mission'
value={formData.mission}
name='mission'
onChange={handleChange}
>
<option value='' disabled>
Select mission
</option>
{
TEMPLATE_MISSIONS.map((mission) => (
<option value={mission.value}>{mission.name}</option>
))
}
</Form.Select>
</Form.Group>
<Form.Group className='col' controlId='formBasicEmail'>
<Form.Label>Platform</Form.Label>
<Form.Select
required
type='select'
placeholder='Select platform'
value={formData.platform}
name='platform'
onChange={handleChange}
>
<option value='' disabled>
Select platform
</option>
<option value='tiktok'>TikTok</option>
<option value='instagram'>Instagram</option>
<option value='facebook'>Facebook</option>
<option value='youtube'>Youtube</option>
</Form.Select>
</Form.Group>
<Form.Group className='col' controlId='formBasicEmail'>
<Form.Label>合作模式</Form.Label>
<Form.Select
required
type='select'
value={formData.service}
name='service'
onChange={handleChange}
>
<option value='' disabled>
Select service
</option>
{CAMPAIGN_SERVICES.map((service) => (
<option value={service.value}>{service.name}</option>
))}
</Form.Select>
</Form.Group>
</Row>
<Form.Group className='mb-3' controlId='formBasicEmail'>
<Form.Label>Template</Form.Label>
<Form.Control