section open

ikoamu · ikoamu · commit 3b0ae7a6d4c7 · 2024-09-28T21:34:00.000+09:00
diff --git a/components/Sidebar/Section.tsx b/components/Sidebar/Section.tsx
@@ -1,8 +1,9 @@
 import { Box, Flex, IconButton } from '@chakra-ui/react'
-import React, { FC, PropsWithChildren, ReactChild, useContext, useEffect, useState } from 'react'
+import React, { FC, PropsWithChildren, useContext, useEffect, useState } from 'react'
 import { VscCircleFilled, VscCircleOutline } from 'react-icons/vsc'
 import { ChevronDownIcon, ChevronUpIcon } from '@chakra-ui/icons'
 import { NoteContext } from '../../util/NoteContext'
+import { DEFAULT_SECTION_OPEN } from '../../constants/action'
 
 export interface SectionProps {
   className: string
@@ -13,7 +14,7 @@ export const Section: FC<PropsWithChildren<SectionProps>> = (props) => {
     children,
     className, // outline
   } = props
-  const [open, setOpen] = useState(true)
+  const [open, setOpen] = useState(DEFAULT_SECTION_OPEN)
   const { collapse } = useContext(NoteContext)
   useEffect(() => {
     setOpen(!collapse)
diff --git a/components/Sidebar/index.tsx b/components/Sidebar/index.tsx
@@ -25,6 +25,7 @@ import { LinksByNodeId, NodeByCite, NodeById, Scope } from '../../pages/index'
 import { Resizable } from 're-resizable'
 import { usePersistantState } from '../../util/persistant-state'
 import { initialFilter, TagColors } from '../config'
+import { DEFAULT_SECTION_OPEN } from '../constants/action'
 
 export interface SidebarProps {
   isOpen: boolean
@@ -101,7 +102,7 @@ const Sidebar = (props: SidebarProps) => {
   const justificationList = ['justify', 'start', 'end', 'center']
   const [font, setFont] = useState('sans serif')
   const [indent, setIndent] = useState(0)
-  const [collapse, setCollapse] = useState(false)
+  const [collapse, setCollapse] = useState(!DEFAULT_SECTION_OPEN)
   //maybe want to close it when clicking outside, but not sure
   //const outsideClickRef = useRef();
   return (
diff --git a/constants/action.ts b/constants/action.ts
@@ -0,0 +1,3 @@
+const TITLE_NAME = process.env.NEXT_PUBLIC_TITLE ?? 'ORUI'
+const DEFAULT_SECTION_OPEN = process.env.NEXT_PUBLIC_DEFAULT_SECTION_OPEN === 'true'
+export { TITLE_NAME, DEFAULT_SECTION_OPEN }
diff --git a/pages/index.tsx b/pages/index.tsx
@@ -66,6 +66,7 @@ import { getLinkColor } from '../util/getLinkColor'
 import { Search } from '../components/Search'
 import { useRouter } from "next/router";
 import { usePathname, useSearchParams } from 'next/navigation'
+import { TITLE_NAME } from '../constants/action'
 
 const d3promise = import('d3-force-3d')
 
@@ -110,7 +111,7 @@ export default function Home() {
   return (
     <>
       <Head>
-        <title>{process.env.NEXT_PUBLIC_TITLE ?? "ORUI"}</title>
+        <title>{TITLE_NAME}</title>
         <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/9000.0.1/themes/prism-tomorrow.min.css" />
       </Head>
       <GraphPage />

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+const TITLE_NAME = process.env.NEXT_PUBLIC_TITLE ?? 'ORUI'`
	`2`	`+const DEFAULT_SECTION_OPEN = process.env.NEXT_PUBLIC_DEFAULT_SECTION_OPEN === 'true'`
	`3`	`+export { TITLE_NAME, DEFAULT_SECTION_OPEN }`