Merge pull request #898 from CodeForAfrica/ft/rename-engineeringblog

Rename Engineeringblog to techlabblog

README.md

@@ -14,7 +14,7 @@
 | Name                                                | Description                                           |
 | --------------------------------------------------- | ----------------------------------------------------- |
 | [**CivicSignal Research**](./apps/civicsignalblog/) | View the latest analysis from CivicSignal team        |
-| [**TechLab**](./apps/engineeringblog/)              | View the latest stories from the CFA engineering team |
+| [**TechLab**](./apps/techlabblog/)                  | View the latest stories from the CFA engineering team |
 
 ## Get started
 

apps/engineeringblog/README.md → apps/techlabblog/README.md

@@ -7,13 +7,13 @@ Techlab is the official blog of the Code For Africa engineering team.
 ### Dependencies and development server
 
 ```sh
-pnpm --filter engineeringblog install
+pnpm --filter techlabblog install
 ```
 
 Then run the development server:
 
 ```sh
-pnpm --filter engineeringblog dev
+pnpm --filter techlabblog dev
 ```
 
 You can then open [http://localhost:3000](http://localhost:3000) in your browser to see the

apps/engineeringblog/app/[slug]/page.tsx → apps/techlabblog/app/[slug]/page.tsx

@@ -1,7 +1,7 @@
 import { Box } from "@mui/material";
 
-import Article from "@/engineeringblog/components/Article";
-import { ArticleProps, getContent } from "@/engineeringblog/lib/data";
+import Article from "@/techlabblog/components/Article";
+import { ArticleProps, getContent } from "@/techlabblog/lib/data";
 
 export default async function Page({ params }: { params: { slug: string } }) {
   const post: ArticleProps = await getContent(params.slug);

apps/engineeringblog/app/layout.tsx → apps/techlabblog/app/layout.tsx

@@ -3,11 +3,11 @@ import { AppRouterCacheProvider } from "@mui/material-nextjs/v13-appRouter";
 import { GoogleAnalytics } from "@next/third-parties/google";
 import type { Metadata } from "next";
 
-import logoLight from "@/engineeringblog/assets/images/logo-light.png";
-import Footer from "@/engineeringblog/components/Footer";
-import NavBar from "@/engineeringblog/components/NavBar";
-import { getSettings } from "@/engineeringblog/lib/data";
-import theme from "@/engineeringblog/theme";
+import logoLight from "@/techlabblog/assets/images/logo-light.png";
+import Footer from "@/techlabblog/components/Footer";
+import NavBar from "@/techlabblog/components/NavBar";
+import { getSettings } from "@/techlabblog/lib/data";
+import theme from "@/techlabblog/theme";
 
 export const metadata: Metadata = {
   title: "Technology | Code for Africa",

apps/engineeringblog/app/page.tsx → apps/techlabblog/app/page.tsx

@@ -1,7 +1,7 @@
 import { Section } from "@commons-ui/core";
 
-import ArticleList from "@/engineeringblog/components/ArticleList";
-import { getAllContents } from "@/engineeringblog/lib/data";
+import ArticleList from "@/techlabblog/components/ArticleList";
+import { getAllContents } from "@/techlabblog/lib/data";
 
 export default async function index() {
   const posts = await getAllContents();

apps/engineeringblog/components/Article/Article.tsx → apps/techlabblog/components/Article/Article.tsx

@@ -3,7 +3,7 @@
 import { Section } from "@commons-ui/core";
 import React from "react";
 
-import Markdown from "@/engineeringblog/components/Markdown";
+import Markdown from "@/techlabblog/components/Markdown";
 import type { ArticleSxProps } from "./ArticleSxProps";
 import ArticleHeader from "./ArticleHeader";
 

apps/engineeringblog/components/Article/ArticleSxProps.tsx → apps/techlabblog/components/Article/ArticleSxProps.tsx

@@ -1,6 +1,6 @@
 import type { SxProps, Theme } from "@mui/material/styles";
 
-import { ArticleProps } from "@/engineeringblog/lib/data";
+import { ArticleProps } from "@/techlabblog/lib/data";
 
 interface ArticleSxProps extends ArticleProps {
   sx?: SxProps<Theme>;

apps/engineeringblog/components/ArticleList/ArticleCard.tsx → apps/techlabblog/components/ArticleList/ArticleCard.tsx

@@ -10,7 +10,7 @@ import {
 } from "@mui/material";
 import React from "react";
 
-import { ArticleWithoutContentProps } from "@/engineeringblog/lib/data";
+import { ArticleWithoutContentProps } from "@/techlabblog/lib/data";
 
 const ArticleCard = React.forwardRef(function ArticleCard(
   { title, publishedDate, featuredImage, slug }: ArticleWithoutContentProps,

apps/engineeringblog/components/ArticleList/ArticleList.tsx → apps/techlabblog/components/ArticleList/ArticleList.tsx

@@ -4,7 +4,7 @@ import { Section } from "@commons-ui/core";
 import { Grid } from "@mui/material";
 import React from "react";
 
-import { ArticleWithoutContentProps } from "@/engineeringblog/lib/data";
+import { ArticleWithoutContentProps } from "@/techlabblog/lib/data";
 import ArticleCard from "./ArticleCard";
 
 const ArticleList = React.forwardRef(function ArtilceList(

apps/engineeringblog/components/Footer/Footer.tsx → apps/techlabblog/components/Footer/Footer.tsx

@@ -7,9 +7,9 @@ import { styled } from "@mui/material/styles";
 import type { SxProps, Theme } from "@mui/material/styles";
 import React from "react";
 
-import NavBarNavList from "@/engineeringblog/components/NavBarNavList";
-import type { ConnectProps } from "@/engineeringblog/lib/data";
-import type { Menu } from "@/engineeringblog/components/NavBarNavList";
+import NavBarNavList from "@/techlabblog/components/NavBarNavList";
+import type { ConnectProps } from "@/techlabblog/lib/data";
+import type { Menu } from "@/techlabblog/components/NavBarNavList";
 
 interface FooterProps {
   copyright?: string;

apps/engineeringblog/components/Logo/Logo.tsx → apps/techlabblog/components/Logo/Logo.tsx

@@ -4,7 +4,7 @@ import { SxProps, Theme } from "@mui/material/styles";
 import Image, { ImageProps } from "next/image";
 import React from "react";
 
-import PreviousIcon from "@/engineeringblog/assets/icons/Type=chevron-left, Size=24, Color=CurrentColor.svg";
+import PreviousIcon from "@/techlabblog/assets/icons/Type=chevron-left, Size=24, Color=CurrentColor.svg";
 
 export interface LogoProps extends ImageProps {
   href?: string;

apps/engineeringblog/components/Markdown/CopyCodeButton.tsx → apps/techlabblog/components/Markdown/CopyCodeButton.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import { IconButton } from "@mui/material";
-import CopyIcon from "@/engineeringblog/assets/icons/Type=copy, Size=24, Color=White.svg";
-import CheckIcon from "@/engineeringblog/assets/icons/Type=check-circle, Size=24, Color=White.svg";
+import CopyIcon from "@/techlabblog/assets/icons/Type=copy, Size=24, Color=White.svg";
+import CheckIcon from "@/techlabblog/assets/icons/Type=check-circle, Size=24, Color=White.svg";
 
 export default function CopyCodeButton({
   children,

apps/engineeringblog/components/NavBar/DesktopNavBar/DesktopNavBar.tsx → apps/techlabblog/components/NavBar/DesktopNavBar/DesktopNavBar.tsx

@@ -1,9 +1,9 @@
 import { Box, Grid } from "@mui/material";
 import React from "react";
 
-import Logo from "@/engineeringblog/components/Logo";
-import type NavBarProps from "@/engineeringblog/components/NavBar/NavBarProps";
-import NavBarNavList from "@/engineeringblog/components/NavBarNavList";
+import Logo from "@/techlabblog/components/Logo";
+import type NavBarProps from "@/techlabblog/components/NavBar/NavBarProps";
+import NavBarNavList from "@/techlabblog/components/NavBarNavList";
 
 const DesktopNavBar = React.forwardRef(function DesktopNavBar(
   props: NavBarProps,

apps/engineeringblog/components/NavBar/MobileNavBar/MobileNavBar.tsx → apps/techlabblog/components/NavBar/MobileNavBar/MobileNavBar.tsx

@@ -11,11 +11,11 @@ import {
 import { alpha, styled } from "@mui/material/styles";
 import React from "react";
 
-import MenuIcon from "@/engineeringblog/assets/icons/Type=menu, Size=24, Color=CurrentColor.svg";
-import CloseIcon from "@/engineeringblog/assets/icons/Type=x, Size=24, Color=CurrentColor.svg";
-import Logo from "@/engineeringblog/components/Logo";
-import type NavBarProps from "@/engineeringblog/components/NavBar/NavBarProps";
-import NavBarNavList from "@/engineeringblog/components/NavBarNavList";
+import MenuIcon from "@/techlabblog/assets/icons/Type=menu, Size=24, Color=CurrentColor.svg";
+import CloseIcon from "@/techlabblog/assets/icons/Type=x, Size=24, Color=CurrentColor.svg";
+import Logo from "@/techlabblog/components/Logo";
+import type NavBarProps from "@/techlabblog/components/NavBar/NavBarProps";
+import NavBarNavList from "@/techlabblog/components/NavBarNavList";
 
 const DialogContainer = styled(Dialog)(({ theme: { palette, spacing } }) => ({
   marginTop: "48px", // NavBar has 1px bottom border

apps/engineeringblog/components/NavBar/NavBar.tsx → apps/techlabblog/components/NavBar/NavBar.tsx

@@ -10,7 +10,7 @@ import {
 } from "@mui/material";
 import React from "react";
 
-import type NavBarProps from "@/engineeringblog/components/NavBar/NavBarProps";
+import type NavBarProps from "@/techlabblog/components/NavBar/NavBarProps";
 import DesktopNavBar from "./DesktopNavBar";
 import MobileNavBar from "./MobileNavBar";
 

apps/engineeringblog/components/NavBar/NavBarProps.tsx → apps/techlabblog/components/NavBar/NavBarProps.tsx

@@ -1,9 +1,9 @@
 import { Theme, SxProps } from "@mui/material/styles";
-import type { LogoProps } from "@/engineeringblog/components/Logo";
+import type { LogoProps } from "@/techlabblog/components/Logo";
 import type {
   Menu,
   SocialMediaLink,
-} from "@/engineeringblog/components/NavBarNavList";
+} from "@/techlabblog/components/NavBarNavList";
 
 interface NavBarProps {
   logo: LogoProps;

apps/engineeringblog/components/NoPosts/NoPosts.tsx → apps/techlabblog/components/NoPosts/NoPosts.tsx

@@ -4,7 +4,7 @@ import { Section } from "@commons-ui/core";
 import React from "react";
 import { alpha, Box, Typography } from "@mui/material";
 
-import bg from "@/engineeringblog/assets/images/1920x668px bg - 2 2.png";
+import bg from "@/techlabblog/assets/images/1920x668px bg - 2 2.png";
 
 const NoPosts = React.forwardRef(function NoPosts() {
   return (

apps/engineeringblog/eslint.webpack.config.js → apps/techlabblog/eslint.webpack.config.js

@@ -18,7 +18,7 @@ module.exports = {
   },
   resolve: {
     alias: {
-      "@/engineeringblog": path.resolve(__dirname, "./"),
+      "@/techlabblog": path.resolve(__dirname, "./"),
     },
     extensions: [".ts", ".tsx"],
   },

apps/engineeringblog/package.json → apps/techlabblog/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "engineeringblog",
+  "name": "techlabblog",
   "version": "0.1.0",
   "private": true,
   "scripts": {
@@ -22,7 +22,6 @@
     "@mui/material-nextjs": "catalog:",
     "@mui/utils": "catalog:",
     "@next/mdx": "catalog:",
-    "@next/third-parties": "catalog:",
     "date-fns": "catalog:",
     "gray-matter": "catalog:",
     "@types/mdx": "catalog:",

apps/engineeringblog/tsconfig.json → apps/techlabblog/tsconfig.json

@@ -18,7 +18,7 @@
       }
     ],
     "paths": {
-      "@/engineeringblog/*": ["./*"],
+      "@/techlabblog/*": ["./*"],
       "@/commons-ui/core/*": ["../../packages/commons-ui-core/src/*"],
       "@/commons-ui/next/*": ["../../packages/commons-ui-next/src/*"]
     }