Merge pull request #72 from gipplab/dev

feat(Naming): Added favicon.ico, title of page, and changed logos to …
jpwahle · Jul 14, 2022 · 10efb8a · 10efb8a
2 parents 3d03fe8 + 6af9211
commit 10efb8a
Show file tree

Hide file tree

Showing 6 changed files with 7 additions and 11 deletions.
diff --git a/public/favicon.ico b/public/favicon.ico
diff --git a/public/index.html b/public/index.html
@@ -24,7 +24,7 @@
       work correctly both with client-side routing and a non-root public URL.
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
-    <title>React App</title>
+    <title>CS-Insights | Analyze Computer Science Research With the Click of a Button</title>
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>

diff --git a/public/logo.jpg b/public/logo.jpg
diff --git a/src/components/ResponsiveAppBar.tsx b/src/components/ResponsiveAppBar.tsx
@@ -89,7 +89,7 @@ const ResponsiveAppBar = () => {
             color: 'white',
           }}
         >
-          <b>D4</b>
+          <img src="/logo.jpg" width="150px" style={{ marginLeft: '-10px' }}></img>
         </Typography>
         <Box sx={{ flexGrow: 1, display: { xs: 'none', md: 'flex' } }}>
           {pages.map((page) => (

diff --git a/src/routes/home.tsx b/src/routes/home.tsx
@@ -12,11 +12,11 @@ export default function Home() {
 
   return (
     <div style={{ backgroundColor: '#eeeeee' }}>
-      <Container className="home">
-        <Stack spacing={2} alignItems="center">
-          <div className="app-logo">D4</div>
+      <Container className="home" style={{ display: 'flex', justifyContent: 'center' }}>
+        <Stack spacing={2} alignItems="center" style={{ marginTop: '-100px' }}>
+          <img src="/logo.jpg" width="35%"></img>
           <Typography variant="h4" fontWeight={'bold'}>
-            Welcome to the DBLP Discovery Dataset Demo (D4)
+            Welcome to the CS-Insights Demo
           </Typography>
           <Typography className="statsHighlight" style={{ margin: '0px' }}>
             v{process.env.REACT_APP_VERSION}
@@ -60,10 +60,6 @@ export default function Home() {
             </a>
             !
           </Stack>
-          <div style={{ width: '50%', color: 'red' }}>
-            The issues with an out-of-sync state should be fixed. Please report if you still
-            experience a desynced state.
-          </div>
           <footer
             style={{
               color: 'gray',

diff --git a/src/tools.ts b/src/tools.ts
@@ -17,7 +17,7 @@ function useExportFilename(
   filter: Filter,
   parameters?: NonFilterParameters
 ) {
-  return `d4_${chart}_${route}_${Object.values({ ...filter, ...parameters }).join('_')}`;
+  return `cs-insights_${chart}_${route}_${Object.values({ ...filter, ...parameters }).join('_')}`;
 }
 
 export function useExport(chart: string, route: string, parameters?: NonFilterParameters) {