File size: 2,157 Bytes
4ef3a0e
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
/*

Copyright (C) 2025 QuantumNous



This program is free software: you can redistribute it and/or modify

it under the terms of the GNU Affero General Public License as

published by the Free Software Foundation, either version 3 of the

License, or (at your option) any later version.



This program is distributed in the hope that it will be useful,

but WITHOUT ANY WARRANTY; without even the implied warranty of

MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the

GNU Affero General Public License for more details.



You should have received a copy of the GNU Affero General Public License

along with this program. If not, see <https://www.gnu.org/licenses/>.



For commercial licensing, please contact support@quantumnous.com

*/

import React from 'react';
import PricingTopSection from '../header/PricingTopSection';
import PricingView from './PricingView';

const PricingContent = ({ isMobile, sidebarProps, ...props }) => {
  return (
    <div

      className={isMobile ? 'pricing-content-mobile' : 'pricing-scroll-hide'}

    >

      {/* 固定的顶部区域(分类介绍 + 搜索和操作) */}

      <div className='pricing-search-header'>

        <PricingTopSection

          {...props}

          isMobile={isMobile}

          sidebarProps={sidebarProps}

          showWithRecharge={sidebarProps.showWithRecharge}

          setShowWithRecharge={sidebarProps.setShowWithRecharge}

          currency={sidebarProps.currency}

          setCurrency={sidebarProps.setCurrency}

          showRatio={sidebarProps.showRatio}

          setShowRatio={sidebarProps.setShowRatio}

          viewMode={sidebarProps.viewMode}

          setViewMode={sidebarProps.setViewMode}

          tokenUnit={sidebarProps.tokenUnit}

          setTokenUnit={sidebarProps.setTokenUnit}

        />

      </div>



      {/* 可滚动的内容区域 */}

      <div

        className={

          isMobile ? 'pricing-view-container-mobile' : 'pricing-view-container'

        }

      >

        <PricingView {...props} viewMode={sidebarProps.viewMode} />

      </div>

    </div>
  );
};

export default PricingContent;