Teste

carrismetropolitana · Dec 5, 2023 · 4273a97 · 4273a97
1 parent cdac3d1
commit 4273a97
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 3 deletions.
diff --git a/...end/components/LinesExplorerContentPatternPathStop/LinesExplorerContentPatternPathStop.js b/...end/components/LinesExplorerContentPatternPathStop/LinesExplorerContentPatternPathStop.js
@@ -13,6 +13,8 @@ import LinesExplorerContentPatternPathStopRealtime from '@/components/LinesExplo
 import LinesExplorerContentPatternPathStopSpine from '@/components/LinesExplorerContentPatternPathStopSpine/LinesExplorerContentPatternPathStopSpine';
 import LinesExplorerContentPatternPathStopName from '@/components/LinesExplorerContentPatternPathStopName/LinesExplorerContentPatternPathStopName';
 import { useLinesExplorerContext } from '@/contexts/LinesExplorerContext';
+import { Drawer } from '@mantine/core';
+import { useDisclosure } from '@mantine/hooks';
 
 /* * */
 
@@ -24,6 +26,7 @@ export default function LinesExplorerContentPatternPathStop({ pathStopData }) {
 
   const t = useTranslations('LinesExplorerContentPatternPathStop');
   const linesExplorerContext = useLinesExplorerContext();
+  const [opened, { open, close }] = useDisclosure(false);
 
   //
   // B. Transform data
@@ -65,14 +68,26 @@ export default function LinesExplorerContentPatternPathStop({ pathStopData }) {
           </div>
         )}
 
-        {isThisStopSelected && (
+        <Drawer offset={8} radius="md" opened={opened} onClose={close} title="Authentication" position="bottom">
           <div className={styles.body}>
             <Text type="mini-label">Horários previstos nesta paragem</Text>
             <LinesExplorerContentPatternPathStopTimetable stopSequence={pathStopData.stop_sequence} stopId={pathStopData.stop.id} />
+            <LinesExplorerContentPatternPathStopPdf lineId={linesExplorerContext.entities.line.id} stopId={pathStopData.stop.id} direction={linesExplorerContext.entities.pattern.direction} />
           </div>
-        )}
+        </Drawer>
+
+        <div className={styles.openTimetable} onClick={open}>
+          Abrir Horários
+        </div>
+
+        {/* {isThisStopSelected && (
+          <div className={styles.body}>
+            <Text type="mini-label">Horários previstos nesta paragem</Text>
+            <LinesExplorerContentPatternPathStopTimetable stopSequence={pathStopData.stop_sequence} stopId={pathStopData.stop.id} />
+          </div>
+        )} */}
 
-        {isThisStopSelected && <LinesExplorerContentPatternPathStopPdf lineId={linesExplorerContext.entities.line.id} stopId={pathStopData.stop.id} direction={linesExplorerContext.entities.pattern.direction} />}
+        {/* {isThisStopSelected && <LinesExplorerContentPatternPathStopPdf lineId={linesExplorerContext.entities.line.id} stopId={pathStopData.stop.id} direction={linesExplorerContext.entities.pattern.direction} />} */}
       </div>
     </div>
   );

diff --git a/...onents/LinesExplorerContentPatternPathStop/LinesExplorerContentPatternPathStop.module.css b/...onents/LinesExplorerContentPatternPathStop/LinesExplorerContentPatternPathStop.module.css
@@ -59,3 +59,16 @@
   flex-direction: row;
   gap: 5px;
 }
+
+.openTimetable {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 7px;
+  padding: 4px 12px;
+  font-size: 12px;
+  font-weight: 600;
+  border-radius: 3px;
+  border: 1px solid var(--gray3);
+  background-color: var(--gray1);
+}