feat: product recipes

src/views/dashboards/profit-loss/EarningReportWithTabs.tsx

@@ -9,7 +9,6 @@ import dynamic from 'next/dynamic'
 
 // MUI Imports
 import TabContext from '@mui/lab/TabContext'
-import TabList from '@mui/lab/TabList'
 import TabPanel from '@mui/lab/TabPanel'
 import Card from '@mui/material/Card'
 import CardContent from '@mui/material/CardContent'
@@ -26,7 +25,6 @@ import classnames from 'classnames'
 // Components Imports
 import CustomAvatar from '@core/components/mui/Avatar'
 import OptionMenu from '@core/components/option-menu'
-import Loading from '../../../components/layout/shared/Loading'
 import { formatShortCurrency } from '../../../utils/transform'
 
 // Styled Component Imports
@@ -207,38 +205,12 @@ const MultipleSeries = ({ data }: { data: TabType[] }) => {
   return (
     <Card>
       <CardHeader
-        title='Profit Reports'
-        subheader='Yearly Earnings Overview'
+        title='Earnings Report'
+        subheader='Monthly Earning Overview'
         action={<OptionMenu options={['Last Week', 'Last Month', 'Last Year']} />}
       />
       <CardContent>
         <TabContext value={value}>
-          {data.length > 1 && (
-            <TabList
-              variant='scrollable'
-              scrollButtons='auto'
-              onChange={handleChange}
-              aria-label='earning report tabs'
-              className='!border-0 mbe-10'
-              sx={{
-                '& .MuiTabs-indicator': { display: 'none !important' },
-                '& .MuiTab-root': { padding: '0 !important', border: '0 !important' }
-              }}
-            >
-              {renderTabs(data, value)}
-              <Tab
-                disabled
-                value='add'
-                label={
-                  <div className='flex flex-col items-center justify-center is-[110px] bs-[100px] border border-dashed rounded-xl'>
-                    <CustomAvatar variant='rounded' size={34}>
-                      <i className='tabler-plus text-textSecondary' />
-                    </CustomAvatar>
-                  </div>
-                }
-              />
-            </TabList>
-          )}
           {renderTabPanels(data, theme, options, colors)}
         </TabContext>
       </CardContent>