ob/ob248.com
1
0
Fork 0
mirror of https://github.com/hex248/ob248.com.git synced 2026-02-09 11:13:03 +00:00
Code Issues Packages Projects Releases Wiki Activity

tabs always enabled

Browse Source
This commit is contained in:
Oliver Bryan
2026-02-08 09:16:27 +00:00
parent 6b76673467
commit 72f6277c9f
1 changed files with 167 additions and 186 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
src/App.tsx
View File

@@ -48,7 +48,6 @@ export default App;
function Home() { function Home() {
const isDevMode = import.meta.env.VITE_PUBLIC_DEV === "1"; const isDevMode = import.meta.env.VITE_PUBLIC_DEV === "1";
const isTabsEnabled = import.meta.env.VITE_TABS === "1";
const navigate = useNavigate(); const navigate = useNavigate();
const [asciiArt, setAsciiArt] = useState(""); const [asciiArt, setAsciiArt] = useState("");
const [activeHomeTab, setActiveHomeTab] = useState<HomeTab>("work"); const [activeHomeTab, setActiveHomeTab] = useState<HomeTab>("work");
@@ -123,7 +122,7 @@ function Home() {
if (event.defaultPrevented || event.isComposing) return; if (event.defaultPrevented || event.isComposing) return;
if (event.metaKey || event.ctrlKey || event.altKey) return; if (event.metaKey || event.ctrlKey || event.altKey) return;
if (isTabsEnabled && event.key === "Tab") { if (event.key === "Tab") {
event.preventDefault(); event.preventDefault();
setActiveHomeTab((prev) => { setActiveHomeTab((prev) => {
const currentIndex = homeTabs.indexOf(prev); const currentIndex = homeTabs.indexOf(prev);
@@ -428,7 +427,6 @@ function Home() {
Age: <TimeSince date={new Date(2004, 10, 4, 11, 47, 0)} /> Age: <TimeSince date={new Date(2004, 10, 4, 11, 47, 0)} />
</div> </div>
</div> </div>
{isTabsEnabled ? (
<Tabs <Tabs
value={activeHomeTab} value={activeHomeTab}
onValueChange={(value) => setActiveHomeTab(value as HomeTab)} onValueChange={(value) => setActiveHomeTab(value as HomeTab)}
@@ -471,7 +469,7 @@ function Home() {
<div key={location.id}> <div key={location.id}>
<Button <Button
className={cn( className={cn(
"text-sm border cursor-pointer hover:border-accent justify-start", "text-sm border cursor-pointer hover:border-accent justify-start w-full",
activeLocationIndex === index && activeLocationIndex === index &&
activeHomeTab === "travel" && activeHomeTab === "travel" &&
travelFocusLevel === "location" && travelFocusLevel === "location" &&
@@ -530,7 +528,7 @@ function Home() {
<Button <Button
disabled disabled
className={cn( className={cn(
"flex text-sm border cursor-pointer hover:border-accent items-center justify-start p-0 pl-2 ", "flex text-sm border cursor-pointer hover:border-accent items-center justify-start p-0 pl-2 w-full",
)} )}
variant="dummy" variant="dummy"
size="sm" size="sm"
@@ -549,10 +547,7 @@ function Home() {
(photo, photoIndex) => ( (photo, photoIndex) => (
<Button <Button
key={photo} key={photo}
id={getTravelPhotoItemId( id={getTravelPhotoItemId(location.id, photoIndex)}
location.id,
photoIndex,
)}
onClick={() => { onClick={() => {
const path = getTravelPhotoPath( const path = getTravelPhotoPath(
location, location,
@@ -586,12 +581,12 @@ function Home() {
</div> </div>
<div <div
className={ className={
"flex-1 max-w-sm border flex items-center h-128 justify-center text-sm gap-4" "flex-1 max-w-lg border flex items-center h-128 justify-center text-sm gap-4"
} }
> >
{previewPhotoPath ? ( {previewPhotoPath ? (
<img <img
className={"flex-1 max-w-sm"} className={"flex-1 object-contain max-h-full"}
src={previewPhotoPath} src={previewPhotoPath}
alt={"active-photo"} alt={"active-photo"}
/> />
@@ -609,20 +604,6 @@ function Home() {
</div> </div>
</TabsContent> </TabsContent>
</Tabs> </Tabs>
) : (
<div className="w-full max-w-5xl grid grid-cols-1 gap-2 md:grid-cols-2">
{visibleProjects.map((project, index) => (
<ProjectListItem
key={project.metadata.slug}
metadata={project.metadata}
isDevMode={isDevMode}
isActive={
activeProjectIndex !== null && index === activeProjectIndex
}
/>
))}
</div>
)}
<div className="w-full max-w-5xl grid grid-cols-1 md:grid-cols-[1fr_auto_1fr] items-center gap-3 md:gap-4"> <div className="w-full max-w-5xl grid grid-cols-1 md:grid-cols-[1fr_auto_1fr] items-center gap-3 md:gap-4">
<div className="flex items-center gap-6"> <div className="flex items-center gap-6">
<AskAI name="me" inline /> <AskAI name="me" inline />