copy git folder

.env.development

@@ -1,4 +1,4 @@
-REACT_APP_BASE_URL=http://localhost:5000
+REACT_APP_BASE_URL=http://localhost:9002
 # REACT_APP_BASE_URL=https://9ee32ecaf5a1.ngrok.app
 REACT_APP_ASSETS_BUCKET=https://lightence-assets.s3.amazonaws.com
 

.env.example

@@ -1,4 +1,4 @@
-REACT_APP_BASE_URL=http://localhost:5000
+REACT_APP_BASE_URL=http://localhost:9002
 REACT_APP_ASSETS_BUCKET=https://lightence-assets.s3.amazonaws.com
 
 # more info https://create-react-app.dev/docs/advanced-configuration

.env.production

@@ -1,4 +1,4 @@
-REACT_APP_BASE_URL=http://localhost:5000
+REACT_APP_BASE_URL=http://localhost:9002
 # REACT_APP_BASE_URL=https://9ee32ecaf5a1.ngrok.app
 REACT_APP_ASSETS_BUCKET=https://lightence-assets.s3.amazonaws.com
 

.husky/pre-commit

@@ -1,4 +1,4 @@
 #!/bin/sh
-. "$(dirname "$0")/_/husky.sh"
+#. "$(dirname "$0")/_/husky.sh"
 
-npx lint-staged
+#npx lint-staged

README.md

@@ -1 +1,91 @@
-# hornet-storage-panel
+# Lightence
+
+React-powered **100% FREE** Admin Dashboard Template for building rich user interfaces significantly faster. For developers of all levels. Open-source and maintained by the [Altence](https://altence.com) team.
+
+<p align="center">
+    <img src="./public/Lightence-screenshot.png" alt="Template">
+</p>
+
+### Demo
+Check out a [live demo](https://altence.com/lightence-landing).
+
+## Key Features
+- 🚀 This solution allows you to reduce MVP development costs by up to 40%
+- 🐜 Dashboard template is based on a rich library powered by [Ant Design](https://ant.design/)
+- 💰 100% Free: start using it for your projects right away. No hidden payments, no trials, nothing
+- 💊 Medical dashboard includes: customizable medical dashboard for data-driven applications
+- 💻 Any backend supported: the dashboard supports any kind of backend by just updating an API
+- ⭐ Modern & great for projects of tomorrow: built with [React](https://reactjs.org/), [Redux](https://redux.js.org/) and [Ant Design](https://ant.design/); _Bootstrap_ and _jQuery_ 100% free
+- 🇺🇳 Internationalized: built-in internationalization support
+- 📱 Mobile first: optimized to reduce data usage on mobile devices
+- 🔥 Responsive & adaptive: supports mobile, tablet, and desktop screens
+- ☎️ Supports PWA to get all advantages of native mobile apps
+- 🎨 Theming: use built-in light and dark themes or implement your own theme with just lines of code
+- 🌓 Day & night mode: dark theme is automatically activated
+- 🏋️ Optimized bundle size: use the latest features of building tools to reduce the final bundle size
+
+## Under the Hood
+- 💯 60+ ready-to-use customizable UI components
+- 🚄 All-set business flow: login, sign up, forgot password, profile flows
+- 🐝 Custom pages: 400 error, 500 error, profile
+- 🗞️ Built-in apps: News Feed
+- 👍 Fully typescripted
+- ✅ Clean code: enjoy the world-recognized code style with our own enhancements
+- 🧱 Solid architecture: in compliance with the  best architectural practices
+- 📃 [MIT](LICENSE) License
+
+### Installation
+
+#### Requirements
+- [Node.js](https://nodejs.org/en/) version _>=16.0.0_
+- [yarn](https://yarnpkg.com/)
+- [git](https://git-scm.com/)
+
+#### To go with the latest version please copy and past in your terminal the following steps
+
+```
+git clone https://github.com/altence/lightence-ant-design-react-template.git my-awesome-project && cd my-awesome-project
+```
+
+Development mode
+```
+yarn install && yarn start
+```
+
+Production mode
+```
+yarn install && yarn build
+```
+
+#### How to analyze the bundle size
+```
+yarn install && yarn build --stats
+```
+
+And then use the [webpack-bundle-analyzer](https://www.npmjs.com/package/webpack-bundle-analyzer) to open _build/bundle-stats.json_.
+
+### Where to get help
+[<img src="https://img.shields.io/badge/Gmail-D14836?style=for-the-badge&logo=gmail&logoColor=white">](mailto:lightence.admin@altence.com)
+[<img src="https://img.shields.io/badge/Twitter-1DA1F2?style=for-the-badge&logo=twitter&logoColor=white">](https://twitter.com/altence_team)
+[<img src="https://img.shields.io/badge/Discord-7289DA?style=for-the-badge&logo=discord&logoColor=white">](https://discord.gg/H5RdXAZsYm)
+[<img src="https://img.shields.io/badge/Facebook-1877F2?style=for-the-badge&logo=facebook&logoColor=white">](https://www.facebook.com/groups/altence)
+
+### Contribution
+Let’s create great products together! We encourage and welcome collaboration and any type of contribution. 👉 Learn the [contributing docs](CONTRIBUTING.md) on how to contribute the right way.
+
+### Want to get popular?
+If you use **Lightence** in your app development, please, let us know, and we’ll showcase your work to provide more awareness to your product.
+
+### Components by request
+As our admin system with a medical dashboard is fully customizable, we understand that you might need more components than it currently has. In case you didn't find a needed component inside Lightence, [contact us](mailto:lightence.admin@altence.com) to order it.
+
+### How you can give a shout-out to us
+
+- 🏗️ Make your disruptive products with Lightence
+- ⭐ Star our GitHub repo
+- 🐞 Create requests, submit bugs, suggest new features
+- ☄️ Spread the word and share links about **Lightence** on social media
+- 🔥 Follow us on [Twitter](https://twitter.com/altence_team) and [LinkedIn](https://linkedin.com/company/altence)
+
+### Need developers’ help?
+At [Altence](https://altence.com), we are always ready to get your feedback or give you advice if needed. We can also become your partner in development in case you need help with your projects. Drop us a line ([email](mailto:lightence.admin@altence.com)) and we’ll get back to you shortly.

package.json

@@ -129,9 +129,6 @@
     "webpack-bundle-analyzer": "^4.4.2",
     "webpackbar": "^5.0.0-3"
   },
-  "lint-staged": {
-    "*/**/*.{js,ts,tsx}": "yarn lint"
-  },
   "engines": {
     "node": "16.x"
   },

public/index.html

@@ -10,7 +10,7 @@
       content="H.O.R.N.E.T Storage Nostr Relay💾 Powered by Scionic Merkle Trees and Blossom🎄🌸"
     />
     <meta name="keywords" content="nostr, multimedia, storage, relay, secure, responsive" />
-    <meta itemprop="title" content="H.O.R.N.E.T.S Storage" />
+    <meta itemprop="title" content="H.O.R.N.E.T Storage" />
     <meta
       itemprop="description"
       content="H.O.R.N.E.T Storage Nostr Relay💾 Powered by Scionic Merkle Trees and Blossom🎄🌸"
@@ -47,7 +47,7 @@
     <noscript>You need to enable JavaScript to run this app.</noscript>
     <div id="root">
       <div id="initSpinner">
-        <img src="%PUBLIC_URL%/spinners/spinner.svg" alt="Initializing H.O.R.N.E.T.S Storage..." />
+        <img src="%PUBLIC_URL%/spinners/spinner.svg" alt="Initializing H.O.R.N.E.T Storage..." />
       </div>
     </div>
   </body>

src/components/common/BaseSwitch/BaseSwitch.styles.ts

@@ -6,4 +6,12 @@ export const Switch = styled(AntdSwitch)`
     background-image: linear-gradient(to right, var(--disabled-color), var(--disabled-color)),
       linear-gradient(to right, var(--background-color), var(--background-color));
   }
+  &.ant-switch[aria-checked='false'].balanceSwitch {
+    background-image: linear-gradient(to right, #f2a900, #f2a900),
+      linear-gradient(to right, var(--background-color), var(--background-color));
+  }
+  &.ant-switch[aria-checked='false'].modeSwitch {
+    background-image: linear-gradient(to right, red, red),
+      linear-gradient(to right, var(--background-color), var(--background-color));
+  }
 `;

src/components/medical-dashboard/activityCard/ActivityChart.tsx

@@ -275,7 +275,7 @@ export const ActivityChart: React.FC = () => {
       trigger: 'axis',
       formatter: (params: any) => {
         const currentItem = params[0];
-        return `${currentItem.name}: ${currentItem.value} GB`; // Include the month in the tooltip
+        return `${currentItem.name}: ${currentItem.value.toFixed(3)} GB`; // Include the month in the tooltip
       },
     },
     graphic: noData

src/components/nft-dashboard/totalEarning/TotalEarningChart/TotalEarningChart.tsx

@@ -44,7 +44,7 @@ export const TotalEarningChart: React.FC<TotalEarningChartProps> = ({ xAxisData,
       symbolSize: 4,
       smooth: false,
       lineStyle: {
-        width: 4,
+        width: 2,
         color: themeObject[theme].chartColor3,
       },
       emphasis: {

src/components/tables/Tables/Tables.tsx

@@ -13,7 +13,7 @@ export const Tables: React.FC = () => {
         <S.Card
           id="editable-table"
           title={'Kinds Stats Table'}
-          padding={isDesktop ? '1.25rem 1.25rem 0' : '1.25rem .7rem'}
+          padding={isDesktop ? '1.25rem 1.25rem 1rem 1.25rem' : '1.25rem .5rem 1.25rem .5rem'}
         >
           <EditableTable />
         </S.Card>

src/components/tables/editableTable/EditableTable.tsx

@@ -117,7 +117,7 @@ const EditableTable: React.FC = () => {
       width: '15%',
       render: (_: string, record: any) => (
         <BaseSpace>
-          <BaseButton type="ghost" onClick={() => showModal(record.kindNumber)}>
+          <BaseButton size={'small'} type="ghost" onClick={() => showModal(record.kindNumber)}>
             {t('common.kindGraph')}
           </BaseButton>
         </BaseSpace>

src/pages/DataTablesPage.tsx

@@ -16,9 +16,7 @@ const DataTablesPage: React.FC = () => {
   const desktopLayout = (
     <BaseRow>
       <S.LeftSideCol xl={16} xxl={17} id="desktop-content">
-        <BaseRow justify="center" gutter={[60, 60]}>
-          <Tables />
-        </BaseRow>
+        <Tables />
       </S.LeftSideCol>
       <S.RightSideCol xl={8} xxl={7}>
         <div id="balance">
@@ -42,9 +40,9 @@ const DataTablesPage: React.FC = () => {
       {isDesktop ? (
         desktopLayout
       ) : (
-        <div style={{ padding: 'auto' }}>
+        <>
           <Tables />
-        </div>
+        </>
       )}
     </>
   );

src/pages/RelaySettingsPage.tsx

@@ -567,7 +567,7 @@ const RelaySettingsPage: React.FC = () => {
                     <div
                       style={{ padding: '2rem 0rem 1rem 0rem', display: 'flex', flexDirection: 'column', gap: '.5rem' }}
                     >
-                      <h3>{t('Dynamic Kinds')}</h3>
+                      <h3>{'Add to Blacklist'}</h3>
                       <div
                         style={{ display: 'flex', paddingBottom: '1rem' }}
                         className="custom-checkbox-group grid-checkbox-group large-label"
@@ -939,7 +939,7 @@ const RelaySettingsPage: React.FC = () => {
               </div>
               {settings.mode === 'unlimited' && (
                 <div style={{ padding: '2rem 0rem 1rem 0rem', display: 'flex', flexDirection: 'column', gap: '.5rem' }}>
-                  <h3>{t('Dynamic Kinds')}</h3>
+                  <h3>{'Add to Blacklist'}</h3>
                   <div style={{ display: 'flex', paddingBottom: '1rem' }}>
                     <Input value={newKind} onChange={(e) => setNewKind(e.target.value)} placeholder="Enter new kind" />
                     <BaseButton

src/styles/GlobalStyle.ts

@@ -276,12 +276,6 @@ export default createGlobalStyle`
     justify-content: center;
     padding-top: 10px;  
   }
-  .ant-switch[aria-checked='false'].balanceSwitch {
-    background-image: linear-gradient(to right,#F2A900,#F2A900), linear-gradient(to right,var(--background-color),var(--background-color));
-}
-  .ant-switch[aria-checked='false'].modeSwitch {
-    background-image: linear-gradient(to right,red,red), linear-gradient(to right,var(--background-color),var(--background-color));
-}
     .custom-dropdown .ant-select-arrow{
     color: var(--text-nft-light-color)
     }