Remove capitals from folder names

src/popup/Popup.tsx

@@ -13,10 +13,10 @@ import {
 } from 'react-feather'
 import VpnIcon from '../assets/vpnIcon.svg'
 import TabItem from './TabItem'
-import LocationPage from './Pages/LocationPage'
+import LocationPage from './pages/locationPage'
-import UserAgentPage from './Pages/UserAgentPage'
+import UserAgentPage from './pages/userAgentPage'
-import VpnPage from './Pages/VpnPage'
+import VpnPage from './pages/vpnPage'
-import SettingsPage from './Pages/SettingsPage'
+import SettingsPage from './pages/settingsPage'
 import '../assets/global.css'
 
 const Popup = () => {

src/popup/pages/locationPage/index.tsx

@@ -1,8 +1,8 @@
 import { useState, useEffect, ChangeEvent, useCallback } from 'react'
-import { Box, Button, Flex, Label, Select } from 'theme-ui'
+import { Box, Flex, Label, Select } from 'theme-ui'
-import Page from '../../Components/Page'
+import Page from '../../components/Page'
-import Checkbox from '../../Components/CheckBox'
+import Checkbox from '../../components/CheckBox'
-import DebouncedInput from '../../Components/DebouncedInput'
+import DebouncedInput from '../../components/DebouncedInput'
 import detachDebugger from '../../../utils/detachDebugger'
 import countryLocales from '../../../utils/countryLocales'
 import configurations from '../../../utils/configurations'

src/popup/pages/settingsPage/index.tsx

@@ -1,5 +1,5 @@
 import { Link, Text } from 'theme-ui'
-import Page from '../../Components/Page'
+import Page from '../../components/Page'
 import InfoItem from './InfoItem'
 
 interface SettingsPageProps {

src/popup/pages/userAgentPage/index.tsx

@@ -1,10 +1,10 @@
 import { useState, useEffect, ChangeEvent } from 'react'
 import { Box, Label, Select } from 'theme-ui'
-import Checkbox from '../../Components/CheckBox'
+import Checkbox from '../../components/CheckBox'
-import DebouncedInput from '../../Components/DebouncedInput'
+import DebouncedInput from '../../components/DebouncedInput'
 import userAgents from '../../../utils/userAgents'
 import detachDebugger from '../../../utils/detachDebugger'
-import Page from '../../Components/Page'
+import Page from '../../components/Page'
 
 interface UserAgentPageProps {
   tab: string

src/popup/pages/vpnPage/index.tsx

@@ -1,5 +1,5 @@
 import { Box, Image } from 'theme-ui'
-import Page from '../../Components/Page'
+import Page from '../../components/Page'
 import VpnItem from './VpnItem'
 import nordLogo from '../../../assets/nord.svg'
 import protonLogo from '../../../assets/proton.svg'

webpack.config.js

@@ -36,8 +36,8 @@ if (fileSystem.existsSync(secretsPath)) {
 var options = {
   mode: process.env.NODE_ENV || 'development',
   entry: {
-    popup: path.join(__dirname, 'src', 'Popup', 'index.tsx'),
+    popup: path.join(__dirname, 'src', 'popup', 'index.tsx'),
-    background: path.join(__dirname, 'src', 'Background', 'index.ts'),
+    background: path.join(__dirname, 'src', 'background', 'index.ts'),
   },
   chromeExtensionBoilerplate: {
     notHotReload: ['background'],
@@ -165,7 +165,7 @@ var options = {
       ],
     }),
     new HtmlWebpackPlugin({
-      template: path.join(__dirname, 'src', 'Popup', 'index.html'),
+      template: path.join(__dirname, 'src', 'popup', 'index.html'),
       filename: 'popup.html',
       chunks: ['popup'],
       cache: false,