feat(web): routes-paths-to-kebab-cases

Author: kemuru

web/global.d.ts

@@ -1,5 +1,5 @@
 import {} from "styled-components";
-import { lightTheme } from "./src/styles/themes";
+import { lightTheme } from "styles/themes";
 
 declare global {
   module "*.svg" {

web/src/app.tsx

@@ -38,9 +38,9 @@ const App: React.FC = () => {
                     <Route path="cases/*" element={<Cases />} />
                     <Route path="courts/*" element={<Courts />} />
                     <Route path="dashboard/:page/:order/:filter" element={<Dashboard />} />
-                    <Route path="disputeTemplate" element={<DisputeTemplateView />} />
+                    <Route path="dispute-template" element={<DisputeTemplateView />} />
                     <Route path="resolver/*" element={<DisputeResolver />} />
-                    <Route path="getPnk/*" element={<GetPnk />} />
+                    <Route path="get-pnk/*" element={<GetPnk />} />
                     <Route path="*" element={<h1>Justice not found here ¯\_( ͡° ͜ʖ ͡°)_/¯</h1>} />
                   </Route>
                 </SentryRoutes>

web/src/layout/Header/navbar/Explore.tsx

@@ -60,7 +60,7 @@ const links = [
   { to: "/cases/display/1/desc/all", text: "Cases" },
   { to: "/courts", text: "Courts" },
   { to: "/dashboard/1/desc/all", text: "Dashboard" },
-  { to: "/getPnk", text: "Get PNK" },
+  { to: "/get-pnk", text: "Get PNK" },
 ];
 
 const Explore: React.FC = () => {
@@ -84,9 +84,9 @@ const Explore: React.FC = () => {
       {!isOpen && (
         <LinkContainer>
           <HiddenLink
-            to="/disputeTemplate"
+            to="/dispute-template"
             onClick={toggleIsOpen}
-            isActive={location.pathname.startsWith("/disputeTemplate")}
+            isActive={location.pathname.startsWith("/dispute-template")}
           >
             Dev
           </HiddenLink>

web/src/pages/Resolver/NavigationButtons/NextButton.tsx

@@ -27,8 +27,8 @@ const NextButton: React.FC<INextButton> = ({ nextRoute }) => {
     (location.pathname.includes("/resolver/description") && !disputeData.description) ||
     (location.pathname.includes("/resolver/court") && !disputeData.courtId) ||
     (location.pathname.includes("/resolver/jurors") && !disputeData.arbitrationCost) ||
-    (location.pathname.includes("/resolver/votingoptions") && !areVotingOptionsFilled) ||
-    (location.pathname.includes("/resolver/notablepersons") && !areFilledAddressesValid) ||
+    (location.pathname.includes("/resolver/voting-options") && !areVotingOptionsFilled) ||
+    (location.pathname.includes("/resolver/notable-persons") && !areFilledAddressesValid) ||
     (location.pathname.includes("/resolver/policy") && (isPolicyUploading || !disputeData.policyURI));
 
   return <Button disabled={isButtonDisabled} onClick={() => navigate(nextRoute)} text="Next" />;

web/src/pages/Resolver/Parameters/Jurors.tsx

@@ -60,7 +60,7 @@ const Jurors: React.FC = () => {
       <Header text="Select the number of jurors" />
       <StyledField placeholder="Select the number of jurors" value={noOfVotes} onChange={handleJurorsWrite} />
       <StyledDisplay text={arbitrationFee} Icon={ETH} label="Arbitration Cost" />
-      <NavigationButtons prevRoute="/resolver/category" nextRoute="/resolver/votingoptions" />
+      <NavigationButtons prevRoute="/resolver/category" nextRoute="/resolver/voting-options" />
     </Container>
   );
 };

web/src/pages/Resolver/Parameters/NotablePersons/index.tsx

@@ -45,7 +45,7 @@ const NotablePersons: React.FC = () => {
         updateValue={updateNumberOfAliases}
         minValue={2}
       />
-      <NavigationButtons prevRoute="/resolver/votingoptions" nextRoute="/resolver/policy" />
+      <NavigationButtons prevRoute="/resolver/voting-options" nextRoute="/resolver/policy" />
     </Container>
   );
 };

web/src/pages/Resolver/Parameters/VotingOptions/index.tsx

@@ -63,7 +63,7 @@ const VotingOptions: React.FC = () => {
           variant="info"
         />
       </AlertMessageContainer>
-      <NavigationButtons prevRoute="/resolver/jurors" nextRoute="/resolver/notablepersons" />
+      <NavigationButtons prevRoute="/resolver/jurors" nextRoute="/resolver/notable-persons" />
     </Container>
   );
 };

web/src/pages/Resolver/Policy/index.tsx

@@ -77,7 +77,7 @@ const Policy: React.FC = () => {
         msg="You can attach additional information as a PDF file. Important: the above description must reference the relevant parts of the file content."
       />
 
-      <NavigationButtons prevRoute="/resolver/notablepersons" nextRoute="/resolver/preview" />
+      <NavigationButtons prevRoute="/resolver/notable-persons" nextRoute="/resolver/preview" />
     </Container>
   );
 };

web/src/pages/Resolver/Timeline.tsx

@@ -36,8 +36,8 @@ const Timeline: React.FC = () => {
     "/resolver/court": 1,
     "/resolver/category": 1,
     "/resolver/jurors": 1,
-    "/resolver/votingoptions": 1,
-    "/resolver/notablepersons": 1,
+    "/resolver/voting-options": 1,
+    "/resolver/notable-persons": 1,
     "/resolver/policy": 2,
     "/resolver/preview": 3,
   };

web/src/pages/Resolver/index.tsx

@@ -80,8 +80,8 @@ const DisputeResolver: React.FC = () => {
               <Route path="/court/*" element={<Court />} />
               <Route path="/category/*" element={<Category />} />
               <Route path="/jurors/*" element={<Jurors />} />
-              <Route path="/votingoptions/*" element={<VotingOptions />} />
-              <Route path="/notablepersons/*" element={<NotablePersons />} />
+              <Route path="/voting-options/*" element={<VotingOptions />} />
+              <Route path="/notable-persons/*" element={<NotablePersons />} />
               <Route path="/policy/*" element={<Policy />} />
               <Route path="/preview/*" element={<Preview />} />
             </Routes>